/* Borangly Phase 7 — contextual CRUD, management surfaces, modern responsive UX */
:root{--b7-bg:#f7f7f5;--b7-card:#fff;--b7-ink:#171717;--b7-muted:#73736c;--b7-line:#e6e6e0;--b7-soft:#f2f2ee;--b7-danger:#a33b3b;--b7-danger-soft:#fff1f0;--b7-focus:#5b4ff7;--b7-green:#25764e}

/* Dashboard controls */
.b7-form-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;flex-wrap:wrap}.b7-filter-group{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.b7-filter-group::-webkit-scrollbar{display:none}.b7-filter{border:1px solid var(--b7-line);background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:750;color:#6c6c65;white-space:nowrap}.b7-filter.active{background:#171717;color:#fff;border-color:#171717}.b7-count{font-size:10px;color:#8b8b84}
.form-row.b7-row{grid-template-columns:42px minmax(0,1fr) 100px 100px 34px!important;position:relative}.b7-row-menu{width:30px;height:30px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;font-size:17px;color:#777;line-height:1}.b7-row-menu:hover,.b7-row-menu[aria-expanded="true"]{background:#ecece7;color:#171717}
.b7-menu{position:fixed;z-index:120;width:210px;background:#fff;border:1px solid var(--b7-line);border-radius:12px;padding:5px;box-shadow:0 18px 55px rgba(0,0,0,.14);animation:b7pop .12s ease-out}.b7-menu button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:8px;padding:9px 10px;text-align:left;color:#44443f;font-size:11px}.b7-menu button:hover{background:#f3f3ef;color:#171717}.b7-menu button.danger{color:var(--b7-danger)}.b7-menu button.danger:hover{background:var(--b7-danger-soft)}.b7-menu .sep{height:1px;background:#ecece7;margin:4px}.b7-menu-icon{width:18px;text-align:center;color:#85857e}.b7-menu small{margin-left:auto;color:#9a9a93;font-size:9px}@keyframes b7pop{from{opacity:0;transform:translateY(-3px) scale(.98)}to{opacity:1;transform:none}}

/* Context header management */
.b7-status-action{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--b7-line);background:#fff;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:750;color:#55554f;white-space:nowrap}.b7-status-action:hover{background:#f1f1ed}.b7-status-dot{width:7px;height:7px;border-radius:50%;background:#999}.b7-status-dot.live{background:#35a16b}.b7-status-dot.closed{background:#d09031}

/* Drawers */
.b7-backdrop{position:fixed;inset:0;background:rgba(20,20,18,.32);z-index:200;display:flex;justify-content:flex-end;animation:b7fade .14s ease-out}.b7-drawer{width:min(620px,94vw);height:100%;background:#fbfbf9;border-left:1px solid #deded8;box-shadow:-24px 0 80px rgba(0,0,0,.15);display:flex;flex-direction:column;animation:b7slide .18s ease-out}.b7-drawer-head{display:flex;align-items:flex-start;gap:12px;padding:20px 22px 16px;border-bottom:1px solid var(--b7-line);background:#fff}.b7-drawer-head>div{min-width:0;flex:1}.b7-drawer-head h2{font-size:19px;letter-spacing:-.03em;margin:0}.b7-drawer-head p{font-size:10px;color:var(--b7-muted);margin:4px 0 0;overflow-wrap:anywhere}.b7-close{width:32px;height:32px;border:1px solid var(--b7-line);background:#fff;border-radius:9px;font-size:18px;color:#777}.b7-drawer-body{flex:1;overflow:auto;padding:18px 22px 40px}.b7-drawer-foot{padding:12px 18px;border-top:1px solid var(--b7-line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.b7-foot-right{display:flex;gap:7px;margin-left:auto}.b7-btn{border:1px solid #dcdcd6;background:#fff;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800;color:#55554f;display:inline-flex;align-items:center;gap:6px;justify-content:center}.b7-btn:hover{background:#f1f1ed;color:#171717}.b7-btn.primary{background:#171717;color:#fff;border-color:#171717}.b7-btn.danger{color:var(--b7-danger);border-color:#edd0ce}.b7-btn.danger:hover{background:var(--b7-danger-soft)}
.b7-section{background:#fff;border:1px solid var(--b7-line);border-radius:13px;padding:14px;margin-bottom:10px}.b7-section-title{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#8a8a82;margin-bottom:11px}.b7-fields{display:grid;gap:11px}.b7-field{display:grid;gap:6px}.b7-field>span{font-size:10px;font-weight:750;color:#66665f}.b7-field input,.b7-field textarea,.b7-field select{width:100%;border:1px solid #dcdcd6;background:#fff;border-radius:9px;padding:10px 11px;outline:none;font-size:12px;color:#292925}.b7-field textarea{min-height:88px;resize:vertical}.b7-field input:focus,.b7-field textarea:focus,.b7-field select:focus{border-color:#8f87ee;box-shadow:0 0 0 3px rgba(91,79,247,.09)}.b7-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.b7-meta-list{display:grid;gap:8px}.b7-meta-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;font-size:10px;border-top:1px solid #efefe9;padding-top:8px}.b7-meta-row:first-child{border-top:0;padding-top:0}.b7-meta-row span{color:#8a8a83}.b7-meta-row b{font-weight:650;overflow-wrap:anywhere}.b7-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.b7-tag{background:#efefeb;border-radius:999px;padding:5px 7px;font-size:9px;color:#60605a}
@keyframes b7slide{from{transform:translateX(25px);opacity:.3}to{transform:none;opacity:1}}@keyframes b7fade{from{opacity:0}to{opacity:1}}

/* Responses CRUD */
.b7-response-tools{display:flex;align-items:center;gap:7px}.b7-response-search{border:1px solid var(--b7-line);background:#fff;border-radius:9px;padding:8px 10px;font-size:10px;min-width:180px}.b7-response-row{cursor:pointer}.b7-response-row:hover td{background:#fafaf7}.b7-action-cell{width:42px;text-align:right!important}.b7-table-more{width:28px;height:28px;border:0;background:transparent;border-radius:7px;color:#777}.b7-table-more:hover{background:#ecece7;color:#171717}.b7-edited{display:inline-flex;margin-left:5px;border-radius:999px;background:#f0efff;color:#564bc5;padding:3px 5px;font-size:8px;font-weight:800}

/* Lead management */
.b7-lead-more{border:1px solid #deded8;background:#fff;border-radius:8px;padding:7px 8px;font-size:9px;font-weight:800;margin-left:4px}.b7-lead-more:hover{background:#f1f1ed}.b7-stage{display:inline-flex;border-radius:999px;padding:4px 7px;background:#f0f0ec;color:#686862;font-size:8px;font-weight:800}.b7-stage.joined,.b7-stage.won{background:#e8f7ef;color:#24744d}.b7-stage.follow_up{background:#fff4df;color:#8b5d14}.b7-stage.lost,.b7-stage.ignore{background:#f4f1f0;color:#7f6a66}

/* Confirmation */
.b7-confirm-wrap{position:fixed;inset:0;z-index:260;background:rgba(20,20,18,.42);display:grid;place-items:center;padding:18px}.b7-confirm{width:min(430px,100%);background:#fff;border-radius:16px;border:1px solid #deded8;box-shadow:0 28px 90px rgba(0,0,0,.22);padding:20px}.b7-confirm-icon{width:38px;height:38px;border-radius:11px;background:var(--b7-danger-soft);color:var(--b7-danger);display:grid;place-items:center;font-size:17px;margin-bottom:12px}.b7-confirm h3{font-size:18px;margin:0;letter-spacing:-.03em}.b7-confirm p{font-size:11px;color:#72726b;line-height:1.55;margin:7px 0 17px}.b7-confirm-actions{display:flex;justify-content:flex-end;gap:7px}

/* Integration CRUD footer */
.b7-integration-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--b7-line)}.b7-integration-state{font-size:10px;color:#888880}.b7-integration-state strong{color:#55554f}

/* Toast polish */
.b7-toast{z-index:300!important;max-width:min(380px,calc(100vw - 32px));line-height:1.4}

@media(max-width:900px){.form-row.b7-row{grid-template-columns:38px minmax(0,1fr) 76px 34px!important}.form-row.b7-row .form-stat:nth-of-type(2){display:none}.b7-field-grid{grid-template-columns:1fr}.b7-drawer{width:min(660px,100vw)}}
@media(max-width:620px){.b7-form-tools{align-items:stretch}.b7-filter-group{width:100%}.b7-count{display:none}.form-row.b7-row{grid-template-columns:36px minmax(0,1fr) 32px!important}.form-row.b7-row .form-stat{display:none!important}.b7-drawer{width:100vw}.b7-drawer-head{padding:16px}.b7-drawer-body{padding:14px 14px 32px}.b7-drawer-foot{padding:10px 12px}.b7-foot-right{width:100%;display:grid;grid-template-columns:1fr 1fr}.b7-foot-right .b7-btn.primary{grid-column:1/-1}.b7-meta-row{grid-template-columns:95px minmax(0,1fr)}.b7-response-search{min-width:0;width:100%}.b7-response-tools{width:100%}.b7-confirm-actions{display:grid;grid-template-columns:1fr 1fr}.b7-confirm-actions button{width:100%}}