:root{--bg:#f5f8fc;--panel:#fff;--text:#12213a;--muted:#657187;--line:#dce4ef;--blue:#0878ee;--blue2:#0b5bd3;--side:#071c33;--side2:#0d2747;--green:#13a04a;--red:#e60000;--yellow:#ffc20d;--shadow:0 10px 30px rgba(12,34,64,.10);--border:var(--line);--surface:var(--panel);--soft:#eef4fb;--card:var(--panel);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}html[data-theme=dark]{--bg:#111b2c;--panel:#1b263b;--text:#eef5ff;--muted:#9fb0c8;--line:#2c3b55;--side:#071426;--side2:#0a1c33;--shadow:0 12px 34px rgba(0,0,0,.26);--border:var(--line);--surface:#111b2c;--soft:#26364f;--card:var(--panel)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,a,input,select{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(155deg,var(--side),var(--side2));color:#fff;display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh;transition:.25s;width:260px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.brand .logo,.headset{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:27px;color:#fff}.brand .logo{background:#0b7cff}.brand strong,.login-brand strong,.login-card-brand strong{display:block;font-weight:750;letter-spacing:.3px}.brand span,.login-brand span,.login-card-brand span{display:block;color:#9ec4ff;font-size:12px}.update,.primary{border:0;border-radius:10px;padding:14px 18px;background:linear-gradient(135deg,#1da8f5,#006deb);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(0,110,235,.25)}.update{display:flex;justify-content:center;gap:14px;align-items:center;margin-bottom:18px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;text-align:center;padding:16px 6px}.stats small{display:block;font-weight:500;color:#e1ecff;margin-bottom:9px}.stats b{font-size:28px}.menu{display:flex;flex-direction:column;gap:8px}.menu a{color:#e9f2ff;text-decoration:none;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;font-weight:500;letter-spacing:.01em;transition:.18s}.menu a b{font-weight:600}.menu a span{width:24px;text-align:center;font-size:18px;opacity:.9}.menu a:hover,.menu a.active{background:linear-gradient(135deg,rgba(14,124,255,.40),rgba(14,124,255,.18));box-shadow:inset 3px 0 0 #1684ff}.theme-switch{margin-top:auto;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:12px 12px;display:flex;align-items:center;gap:10px;cursor:pointer}.theme-switch b{font-weight:600;font-size:13px}.theme-switch input{display:none}.theme-switch i{margin-left:auto;width:40px;height:22px;border-radius:20px;background:#52637d;position:relative}.theme-switch i:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.theme-switch input:checked+i{background:#1684ff}.theme-switch input:checked+i:after{transform:translateX(18px)}.collapse{margin:20px -16px -22px;padding:18px 20px;border:0;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.14);color:#fff;text-align:left;cursor:pointer}.main{flex:1;min-width:0}.topbar{height:70px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 26px;position:sticky;top:0;z-index:5}.hamb{border:0;background:transparent;font-size:26px;color:var(--text);cursor:pointer}.topbar h1{font-size:18px;margin-right:6px}.search{height:42px;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);min-width:320px;max-width:520px;flex:1}.search input{flex:1;border:0;background:transparent;color:var(--text);outline:none;padding:0 14px}.search select{border:0;border-right:1px solid var(--line);background:var(--panel);color:var(--text);padding:8px 10px;outline:none;max-width:180px}.search button{border:0;background:transparent;color:var(--text);font-size:21px;padding:0 14px}.online{margin-left:auto;background:#eaf9ef;color:#04933f;border:1px solid #c9f0d6;padding:10px 16px;border-radius:8px;font-weight:700}.bell{position:relative;font-size:20px}.bell i{position:absolute;right:-7px;top:-9px;background:#f33148;color:#fff;font-size:10px;border-radius:12px;padding:2px 5px}.user{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:50%;background:#dce7f5;display:grid;place-items:center;color:#253a55;font-weight:800}.user small{display:block;color:var(--muted)}.user a{color:var(--blue);text-decoration:none}.hero-card,.card,.tabs{background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.hero-card{margin:24px;display:grid;grid-template-columns:1.35fr 1.45fr .8fr;gap:24px;align-items:center;padding:22px}.client-id{display:flex;gap:18px;align-items:center}.person{width:62px;height:62px;border-radius:50%;background:#e2e9f3;display:grid;place-items:center;font-size:34px}.client-id h2{margin:0 0 8px;font-size:23px}.tag,.pill{display:inline-block;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:700}.warn{background:#fff4db;color:#ff7a00;border:1px solid #ffd58c}.info{background:#e9f3ff;color:#006dea;border:1px solid #aaceff}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;grid-column:1/2}.client-grid small,.contacts h3,.quick h3,.card h3{color:var(--text);margin:0 0 12px}.client-grid small{display:block;color:var(--muted);margin-bottom:9px}.client-grid b{font-weight:650}.money{color:var(--red)!important}.copy{border:0;background:transparent;color:#7790b2}.contacts,.quick{border-left:1px solid var(--line);padding-left:22px;align-self:stretch}.contacts p{display:flex;align-items:center;gap:12px;margin:10px 0}.phone{border:0;border-radius:8px;background:#eaf3ff;color:var(--blue);height:30px;width:30px}.pill{background:#eef2f7;color:#6d7789}.pill.green{background:#d9f6e5;color:#088a3d}.quick a,.quick button{display:block;width:100%;margin:6px 0;border:0;border-radius:7px;padding:8px 12px;color:#fff;text-align:left;text-decoration:none;font-weight:800;font-size:12.5px;cursor:pointer}.quick .call{background:linear-gradient(135deg,#18b354,#099543)}.quick button{background:linear-gradient(135deg,#1a91ff,#0068dc)}.quick .negotiate{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.quick .rd-search{background:linear-gradient(135deg,#f59e0b,#d97706)}.tabs{margin:0 24px 24px;padding:0 18px;display:flex;gap:28px;overflow:auto}.tabs button{background:transparent;border:0;padding:18px 0;color:var(--muted);font-weight:650;cursor:pointer;border-bottom:3px solid transparent}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.content-grid{margin:0 24px 24px;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:18px}.card{padding:18px}.parcel{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:10px;cursor:pointer;background:rgba(245,248,252,.55)}html[data-theme=dark] .parcel{background:rgba(255,255,255,.03)}.parcel.active{border-color:#c5ddff;background:#edf5ff}.parcel input{width:18px;height:18px}.parcel div{flex:1}.parcel b,.parcel small{display:block}.parcel small{color:var(--muted);margin-top:4px}.parcel span{text-align:right;color:#42516a}.parcel em{display:block;color:#13a04a;background:#dff7e8;border-radius:6px;padding:3px 6px;font-style:normal;font-size:12px;font-weight:700;margin-bottom:3px}.secondary{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:12px;font-weight:700;cursor:pointer}.full{width:100%}.debt dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.debt dt{color:var(--muted)}.debt dd{margin:0;font-weight:650}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head select{border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);padding:8px 28px 8px 12px}.timeline{position:relative}.event{display:flex;gap:14px;margin-bottom:10px}.event i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e1e8f2;color:#40516a;font-style:normal;font-weight:800;flex:0 0 auto}.event>div{flex:1;border:1px solid var(--line);border-radius:8px;padding:12px;background:rgba(245,248,252,.45)}.event.active>div{border-color:#b9d8ff;background:#edf5ff}.event header{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.event small{color:var(--muted)}.event span{display:inline-block;background:#bfe0ff;color:#0070d9;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700}.event .whats-label{background:#d8f6e3;color:#07863b}.event p{margin:8px 0;color:#46536b;font-size:13px}.obs{margin:0 24px 24px;position:relative}.obs p{margin-bottom:0;color:var(--text);line-height:1.55}.obs button{position:absolute;right:18px;top:22px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:10px}.api-panel{margin:0 24px 24px}.api-list{display:grid;gap:10px}.api-item{border:1px solid var(--line);border-radius:8px;padding:12px;background:rgba(245,248,252,.35)}footer{color:var(--muted);padding:0 30px 24px}footer span{float:right}.app.menu-collapsed .sidebar,.pre-collapsed .sidebar{width:84px}.app.menu-collapsed .brand div:not(.logo),.app.menu-collapsed .update,.app.menu-collapsed .stats,.app.menu-collapsed .menu b,.app.menu-collapsed .theme-switch b,.app.menu-collapsed .collapse span{display:none}.app.menu-collapsed .menu a{justify-content:center}.app.menu-collapsed .theme-switch{justify-content:center}.login-page{min-height:100vh;background:radial-gradient(circle at 15% 25%,#083b6b,transparent 28%),linear-gradient(145deg,#031a30,#051020);display:grid;place-items:center}.login-shell{width:min(1120px,94vw);display:grid;grid-template-columns:1.05fr 420px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-art{position:relative;min-height:640px;padding:70px;color:#fff;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,rgba(0,85,160,.28),rgba(0,0,0,.05))}.login-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(0,133,255,.25),transparent 18%),radial-gradient(circle at 70% 80%,rgba(0,133,255,.16),transparent 22%);opacity:.8}.login-art>*{position:relative}.login-brand,.login-card-brand{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:30px}.login-art h1{font-size:42px;max-width:520px;margin:0 0 16px}.login-art p{font-size:18px;color:#c8dcf5;max-width:480px}.login-card{background:var(--panel);padding:48px;display:flex;flex-direction:column;justify-content:center}.login-card-brand{align-items:center}.blue{color:#0b7cff!important;font-size:56px}.login-card h2{text-align:center;margin:0 0 8px}.login-card p{text-align:center;color:var(--muted);margin:0 0 24px}.login-card label{display:block;font-weight:650;margin-bottom:16px}.login-card input{width:100%;height:44px;border:1px solid var(--line);border-radius:8px;margin-top:8px;padding:0 14px;background:var(--panel);color:var(--text);outline:none}.password-wrap{position:relative}.password-wrap input{padding-right:46px}.password-wrap button{position:absolute;right:6px;top:14px;border:0;background:transparent;color:var(--muted)}.login-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 20px}.login-row .check{margin:0;font-weight:500;color:var(--muted);display:flex;gap:8px;align-items:center}.check input{width:auto;height:auto;margin:0}.login-row a{color:var(--blue);text-decoration:none;font-size:13px}.divider{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin:22px 0}.divider span{position:relative;top:-10px;background:var(--panel);padding:0 12px}.alert-error{background:#fff0f0;border:1px solid #ffc5c5;color:#c00;border-radius:8px;padding:10px;margin-bottom:16px}.login-card small{display:block;text-align:center;margin-top:20px;color:var(--muted)}@media(max-width:1100px){.hero-card{grid-template-columns:1fr}.client-grid{grid-column:auto}.contacts,.quick{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px}.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:fixed;left:-280px;z-index:20}.app.menu-open .sidebar{left:0}.topbar{gap:10px;padding:0 14px}.topbar h1{display:none}.search{min-width:0}.online,.bell,.user div:not(.avatar){display:none}.hero-card,.tabs,.content-grid,.obs,.api-panel{margin-left:12px;margin-right:12px}.client-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:34px 24px}}@media(max-width:480px){.content-grid{margin-bottom:12px}.tabs{gap:20px}.hero-card{padding:16px}.client-id{align-items:flex-start}.client-id h2{font-size:18px}.login-card{min-height:100vh;border-radius:0}}

/* Supervisão de clientes */
.supervision-hero{margin:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sup-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:18px}.sup-card small,.sup-card span{display:block;color:var(--muted)}.sup-card b{display:block;font-size:28px;margin:8px 0;color:var(--text)}.supervision-panel{margin:0 24px 24px}.supervision-head{gap:16px}.supervision-head small{color:var(--muted)}.supervision-controls select{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:10px 12px}.supervision-controls input{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:10px 12px;min-height:38px}.supervision-controls input::-webkit-calendar-picker-indicator{filter:invert(.6)}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}.data-table{width:100%;border-collapse:collapse;min-width:960px}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:rgba(245,248,252,.75);white-space:nowrap;cursor:default}.data-table th[data-sort]{cursor:pointer}.data-table tbody tr:hover{background:rgba(8,120,238,.06)}.data-table td b{display:block;font-weight:700}.data-table td small{display:block;color:var(--muted);margin-top:4px}.right{text-align:right!important}.center{text-align:center!important}.money-soft{font-weight:750;color:var(--green)}.delay{color:var(--red)}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:750}.status-pill.ok{background:#e8f8ef;color:#0b8b42}.status-pill.warn{background:#fff4db;color:#e07000}.status-pill.blocked{background:#ffe7e7;color:#b00020}.row-action{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:8px 12px;background:#e9f3ff;color:var(--blue);text-decoration:none;font-weight:800;border:1px solid #c8ddff}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}.pager button{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:10px 14px;font-weight:750;cursor:pointer}.pager button:disabled{opacity:.45;cursor:not-allowed}html[data-theme=dark] .data-table th{background:rgba(255,255,255,.04)}html[data-theme=dark] .data-table tbody tr:hover{background:rgba(255,255,255,.04)}html[data-theme=dark] .row-action{background:rgba(8,120,238,.18);border-color:#285a96}
@media(max-width:1100px){.supervision-hero{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.supervision-hero,.supervision-panel{margin-left:12px;margin-right:12px}.supervision-hero{grid-template-columns:1fr}.sup-card b{font-size:24px}.supervision-head{align-items:flex-start;flex-direction:column}.supervision-controls{width:100%}.supervision-controls select{width:100%}.pager{justify-content:space-between}.data-table{min-width:820px}}

.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title h3{margin:0}.mini-action{border:1px solid var(--border);background:var(--surface);color:var(--blue);border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer}.phone-row{display:flex;align-items:center;gap:10px}.phone-row b{min-width:120px}.edit-phone,.linkbtn{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer}.edit-phone{margin-left:auto;background:rgba(0,117,255,.08);border-radius:9px;width:32px;height:32px}.modal-backdrop{position:fixed;inset:0;background:rgba(3,12,28,.82);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.modal-card{width:min(560px,96vw);background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 90px rgba(0,0,0,.28);overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0 0 4px}.modal-head small{color:var(--muted)}.modal-close{border:0;background:var(--soft);color:var(--text);width:36px;height:36px;border-radius:12px;font-size:22px;cursor:pointer}.modal-form{padding:22px 24px}.form-row{display:grid;gap:14px;margin-bottom:14px}.form-row.two{grid-template-columns:1fr 1fr}.form-row label{font-weight:700;color:var(--text);display:flex;flex-direction:column;gap:8px}.form-row input,.form-row select{height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;font:inherit}.checkline{justify-content:center;flex-direction:row!important;align-items:center;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-top:28px}.checkline input{height:auto;width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.primary,.secondary,.danger{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:var(--blue);color:white}.secondary{background:var(--soft);color:var(--text);border:1px solid var(--border)}.danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;margin-right:auto}.modal-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;border-radius:12px;padding:10px 12px;font-weight:700;margin-top:6px}@media(max-width:620px){.form-row.two{grid-template-columns:1fr}.checkline{margin-top:0}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}

/* Correção: em alguns navegadores/ordem de CSS o atributo hidden era sobrescrito pelo display:flex do modal. */
.modal-backdrop[hidden]{display:none!important}

html[data-theme=dark] .danger{background:rgba(190,18,60,.18);color:#ff8da4;border-color:rgba(255,141,164,.35)}
/* v14 refinamentos: mensagens elegantes, diálogo e login */
.login-alert{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid #fecaca;color:#991b1b;border-radius:14px;padding:12px 14px;margin:0 0 18px;box-shadow:0 10px 26px rgba(153,27,27,.08)}
.login-alert span{width:28px;height:28px;border-radius:50%;background:#ef4444;color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.login-alert b{display:block;font-weight:800}.login-alert small{display:block;color:#b91c1c;margin-top:2px}.modal-card{background:var(--panel)!important;backdrop-filter:none!important}.modal-backdrop{background:rgba(3,12,28,.72)!important}.app-dialog[hidden],.toast-area[hidden]{display:none!important}.app-dialog{position:fixed;inset:0;background:rgba(3,12,28,.66);z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.app-dialog-card{width:min(420px,94vw);background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.32);padding:26px;text-align:center}.dialog-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:18px;display:grid;place-items:center;background:#fff3cd;color:#9a6400;font-weight:900;font-size:24px}.app-dialog-card h3{margin:0 0 8px}.app-dialog-card p{margin:0;color:var(--muted);line-height:1.5}.app-dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.confirm-danger{background:#e11d48!important;color:#fff!important}.toast-area{position:fixed;right:22px;top:86px;z-index:90;display:grid;gap:10px;width:min(360px,calc(100vw - 32px))}.toast{transform:translateX(24px);opacity:0;transition:.22s;background:var(--panel);color:var(--text);border:1px solid var(--border);border-left:5px solid var(--blue);border-radius:14px;box-shadow:0 16px 46px rgba(0,0,0,.22);padding:13px 14px}.toast.show{transform:translateX(0);opacity:1}.toast b{display:block;margin-bottom:2px}.toast span{display:block;color:var(--muted);line-height:1.35}.toast.success{border-left-color:#16a34a}.toast.error{border-left-color:#e11d48}.menu a{font-weight:500!important;text-shadow:none}.menu a b{font-weight:560!important}.sidebar{font-smooth:always;-webkit-font-smoothing:antialiased}
@media(max-width:620px){.app-dialog-actions{flex-direction:column-reverse}.app-dialog-actions button{width:100%}.toast-area{right:16px;top:76px}}
.manage-grid{margin:0 24px 24px;display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.mini-list{display:grid;gap:10px}.mini-row{border:1px solid var(--line);border-radius:10px;padding:12px;background:rgba(245,248,252,.35);display:flex;gap:12px;align-items:flex-start}.mini-row .mini-icon{width:34px;height:34px;border-radius:10px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;flex:0 0 auto}.mini-row .mini-body{flex:1;min-width:0}.mini-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-row small{display:block;color:var(--muted);margin-top:4px}.mini-row .mini-actions{display:flex;gap:6px}.mini-row .mini-actions button{border:0;border-radius:9px;background:rgba(0,117,255,.08);color:var(--blue);width:32px;height:32px;font-weight:900;cursor:pointer}.mini-row .mini-actions .danger-icon{background:#fff1f2;color:#be123c}.form-row.three{grid-template-columns:1fr 1fr 1fr}.address-modal{width:min(820px,96vw)}.small-modal{width:min(520px,96vw)}html[data-theme=dark] .mini-row{background:rgba(255,255,255,.03)}@media(max-width:1100px){.manage-grid{grid-template-columns:1fr}}@media(max-width:620px){.form-row.three{grid-template-columns:1fr}.manage-grid{margin-left:12px;margin-right:12px}}

/* v21 simulação de acordos */
.acordo-modal{width:min(860px,96vw)}
.simulation-result{border:1px solid var(--border);border-radius:14px;background:rgba(245,248,252,.45);padding:14px;max-height:340px;overflow:auto;color:var(--text)}
.simulation-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.simulation-summary div{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px}.simulation-summary small{display:block;color:var(--muted);margin-bottom:6px}.simulation-summary b{font-size:16px}.simulation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.simulation-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px}.simulation-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.simulation-card h4{margin:0}.simulation-card strong{color:var(--blue);font-size:18px}.simulation-card p{margin:4px 0;color:var(--muted)}.simulation-card .badge{display:inline-flex;border-radius:999px;background:#e9f3ff;color:#006dea;padding:4px 9px;font-size:12px;font-weight:800}.simulation-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}.simulation-table th,.simulation-table td{border-top:1px solid var(--border);padding:7px;text-align:left}.simulation-table td:last-child,.simulation-table th:last-child{text-align:right}html[data-theme=dark] .simulation-result{background:rgba(255,255,255,.03)}html[data-theme=dark] .simulation-card .badge{background:rgba(8,120,238,.18);color:#8cc2ff}@media(max-width:760px){.simulation-summary,.simulation-grid{grid-template-columns:1fr}.acordo-modal{width:96vw}}
.success-box{border:1px solid rgba(22,163,74,.25);background:rgba(22,163,74,.08);border-radius:14px;padding:14px 16px;color:var(--text)}
.success-box h4{margin:0 0 8px;color:#16a34a;font-size:16px}
.success-box p{margin:4px 0;color:var(--muted)}

/* Detalhe de acordo */
.detail-modal{width:min(1040px,96vw)}
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.detail-box{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px}.detail-box small{display:block;color:var(--muted);margin-bottom:6px}.detail-box b{font-size:16px}.detail-section{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:14px;margin-top:12px}.detail-section h4{margin:0 0 10px}.detail-table{width:100%;border-collapse:collapse;font-size:13px}.detail-table th,.detail-table td{padding:9px;border-top:1px solid var(--border);text-align:left}.detail-table th:last-child,.detail-table td:last-child{text-align:right}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-action.secondary-action{background:rgba(7,29,73,.06);color:var(--text);border:1px solid var(--border)}@media(max-width:880px){.detail-grid,.detail-columns{grid-template-columns:1fr 1fr}}@media(max-width:620px){.detail-grid,.detail-columns{grid-template-columns:1fr}}

.detail-modal{max-height:92vh;display:flex;flex-direction:column}.detail-modal .modal-form{overflow:auto;max-height:calc(92vh - 92px)}.detail-modal .modal-head{flex:0 0 auto}.detail-table td .mini-btn{border:1px solid var(--border);background:var(--panel);color:var(--blue);border-radius:9px;padding:6px 8px;font-weight:700;cursor:pointer}.modal-actions .danger-inline{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;margin-right:auto}

/* v20 ajustes acordos */
.detail-modal{max-height:92vh;display:flex;flex-direction:column;}
.detail-modal .modal-form{overflow:auto;max-height:calc(92vh - 86px);}
.app-dialog[hidden], .toast-area[hidden]{display:none!important;}
.app-dialog{position:fixed;inset:0;z-index:9999;background:rgba(8,15,31,.64);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;}
.app-dialog-card{width:min(430px,96vw);background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.32);padding:24px;text-align:center;color:var(--text);}
.app-dialog-card h3{margin:8px 0 8px;font-size:20px;font-weight:700;}
.app-dialog-card p{margin:0;color:var(--muted);line-height:1.45;}
.dialog-icon{width:48px;height:48px;border-radius:16px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.13);color:#2563eb;font-weight:800;font-size:22px;}
.app-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;}
.app-dialog-actions button{min-width:110px;}
.toast-area{position:fixed;right:18px;bottom:18px;z-index:10000;display:grid;gap:10px;}
.app-toast{padding:13px 16px;border-radius:14px;background:var(--card);border:1px solid var(--border);box-shadow:0 18px 50px rgba(0,0,0,.25);color:var(--text);font-weight:600;}
.app-toast.success{border-left:4px solid #22c55e;}
.app-toast.error{border-left:4px solid #ef4444;}

/* v21 - toasts compactos e formulários de acordo */
.toast-area{position:fixed!important;right:24px!important;top:84px!important;bottom:auto!important;z-index:10000!important;display:grid!important;gap:10px!important;width:min(360px,calc(100vw - 32px))!important;max-width:360px!important}
.app-toast{width:100%!important;max-width:360px!important;min-height:auto!important;padding:13px 16px!important;border-radius:14px!important;box-shadow:0 16px 42px rgba(15,23,42,.22)!important;font-size:14px!important;line-height:1.4!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;max-height:132px!important;overflow:auto!important}
.payment-form-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px;text-align:left}.payment-form-grid label{display:grid;gap:6px;font-weight:700;color:var(--text)}.payment-form-grid input,.payment-form-grid select{height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;outline:none}.payment-form-grid .check-row{display:flex;align-items:center;gap:8px}.payment-form-grid .check-row input{width:18px;height:18px}.danger-mini{border-color:#fecdd3!important;color:#e11d48!important;background:#fff1f2!important}

/* v26 ajustes acordos: toast compacto, botões desabilitados e resumo financeiro */
.mini-btn.disabled,
.mini-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
  background: var(--surface-2, #f1f5f9);
  color: var(--muted, #64748b);
  border-color: var(--border, #dbe3ef);
}
.payment-summary-section .mini-summary-grid {
  grid-template-columns: repeat(4, minmax(140px, 1fr));
}
.toast-area {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 360px;
  max-width: calc(100vw - 32px);
  z-index: 99999;
  display: grid;
  gap: 10px;
}
.app-toast {
  min-height: auto !important;
  max-height: 120px;
  overflow: auto;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.35;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .20);
  word-break: break-word;
}
@media (max-width: 900px) {
  .payment-summary-section .mini-summary-grid {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
}

/* v27 - resumo financeiro sempre visível no topo do detalhe */
.detail-box.payment-kpi {
  background: linear-gradient(180deg, rgba(14,132,255,.08), rgba(14,132,255,.03));
  border-color: rgba(14,132,255,.22);
}
.detail-box.payment-kpi b {
  color: var(--blue);
}

/* v28 - Controle financeiro local no modal de acordos */
.control-section{background:linear-gradient(180deg, rgba(14,121,255,.045), rgba(14,121,255,.015));}
.compact-grid{grid-template-columns:repeat(6,1fr);margin-bottom:8px;}
.muted-line{display:block;color:var(--muted);font-size:12px;margin-top:4px;}
@media(max-width:1100px){.compact-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:620px){.compact-grid{grid-template-columns:1fr 1fr;}}

/* v29 - resumo abaixo dos pagamentos */
.pagamentos-table tfoot td{
  border-top:1px solid var(--border);
  background:rgba(14,121,255,.045);
  padding:11px 9px;
}
.pagamentos-table tfoot .secondary-total td{
  background:rgba(7,29,73,.035);
}
.pagamentos-table tfoot small{
  display:block;
  color:var(--muted);
  font-weight:500;
  margin-top:2px;
}
.pagamentos-table tfoot b{
  font-size:14px;
}
[data-theme="dark"] .pagamentos-table tfoot td{
  background:rgba(96,165,250,.12);
}
[data-theme="dark"] .pagamentos-table tfoot .secondary-total td{
  background:rgba(148,163,184,.10);
}

/* v35 footer/proposta/pix */
.app-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 28px;margin-top:24px;border-top:1px solid var(--line,#d7e2ef);color:var(--muted,#64748b);font-size:14px}
.app-footer small{display:block;margin-top:6px}
.footer-brand{font-weight:600}.footer-brand b{color:var(--text,#0f172a)}
.proposta-modal{width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 42px);overflow:auto}.proposta-modal .modal-form{display:block}.proposal-client-box{border:1px solid var(--line,#d7e2ef);border-radius:18px;padding:18px;margin-bottom:18px;background:rgba(15,23,42,.03)}.client-search-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.client-search-input{position:relative}.client-search-input input{width:100%;padding-left:44px}.client-search-input:before{content:'⌕';position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:.65}.client-result-list{margin-top:10px;display:grid;gap:8px;max-height:230px;overflow:auto}.client-result-item,.selected-client-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line,#d7e2ef);border-radius:14px;padding:12px;background:var(--card,#fff)}.client-result-item{cursor:pointer}.client-result-item:hover{border-color:#1683ff}.client-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#e8f2ff;color:#0872df;font-weight:800}.client-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.client-tags span{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line,#d7e2ef)}.selected-client-card{margin-top:12px;justify-content:space-between}.selected-client-card[hidden],.client-result-list[hidden]{display:none!important}.proposal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.proposal-grid label{display:block}.proposal-grid input,.proposal-grid select{width:100%}.proposal-grid .wide{grid-column:span 2}.pix-badge{display:inline-flex;gap:6px;align-items:center;padding:5px 9px;border-radius:999px;background:#e8f8ef;color:#14804a;font-weight:700;font-size:12px}.qr-modal-img{width:220px;height:220px;image-rendering:pixelated;border:1px solid var(--line,#d7e2ef);border-radius:12px;background:#fff;padding:8px}
@media(max-width:880px){.proposal-grid,.client-search-row{grid-template-columns:1fr}.proposal-grid .wide{grid-column:auto}.app-footer{display:block}.footer-brand{margin-top:8px}}


/* v41 - menu global retrátil, grupos recolhíveis e destaque azul */
.nav-accordion{display:flex;flex-direction:column;gap:6px}.menu-section{width:100%;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.menu-section:hover,.menu-section.open{color:var(--text);background:rgba(13,126,255,.08);border-color:rgba(13,126,255,.20)}.menu-section i{margin-left:auto;font-style:normal;transition:.18s}.menu-section.open i{transform:rotate(180deg)}.menu-group{display:none;flex-direction:column;gap:6px;margin:2px 0 10px}.menu-group.open{display:flex}.menu-group a{margin:0}.menu a.active{background:linear-gradient(135deg,rgba(24,144,255,.22),rgba(0,89,190,.16));border-left-color:var(--blue);color:#fff}.client-tabs .active,.tabs button.active{color:var(--blue)!important;border-bottom-color:var(--blue)!important}.client-tabs button.active{box-shadow:inset 0 -2px 0 var(--blue)}.app.menu-collapsed .menu-section b,.app.menu-collapsed .menu-section i{display:none}.app.menu-collapsed .menu-section{justify-content:center}.app.menu-collapsed .menu-group{display:flex}.app.menu-collapsed .menu-group a{justify-content:center}.app.menu-collapsed .menu-group a b{display:none}
#lbMenuTooltip{position:fixed;display:none;background:#0d1522;color:#e9f2ff;padding:7px 12px;border-radius:8px;white-space:nowrap;font-size:13px;font-weight:600;box-shadow:0 8px 20px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);z-index:9999;pointer-events:none}
#lbMenuTooltip.show{display:block}
.app-footer span{float:none!important}


/* v42 atendimento abas CobranSaaS */
.client-dossier{display:grid;gap:12px;margin-top:18px}
.marker-card,.dossier-card{margin:24px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;color:var(--text)}
.marker-card{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px;min-height:88px}
.marker-card h3{margin:0 0 14px;font-size:18px;font-weight:700}.marker-card p{margin:0;color:var(--muted)}
.icon-only{border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer;border-radius:10px;padding:6px 8px}.icon-only:hover{background:var(--surface);color:var(--text)}
.dossier-tabs{display:flex;align-items:stretch;gap:0;overflow-x:auto;border-bottom:1px solid var(--border);background:var(--surface)}
.dossier-tabs button{appearance:none;border:0;border-right:1px solid transparent;background:transparent;color:var(--muted);font-weight:800;padding:16px 16px;min-height:52px;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent}
.dossier-tabs button:hover{background:rgba(14,121,255,.06);color:var(--text)}
.dossier-tabs button.active{color:var(--blue);background:var(--card);border-bottom-color:var(--blue);box-shadow:inset 0 0 0 2px rgba(0,0,0,.85);border-radius:4px 4px 0 0}
.dossier-body{min-height:210px;background:var(--card)}
.dossier-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface)}
.dossier-section-head h3{margin:0;font-size:16px}.dossier-section-head .muted{color:var(--muted);font-size:13px}.dossier-actions{display:flex;gap:8px;align-items:center}
.dossier-table{width:100%;border-collapse:collapse;font-size:14px}.dossier-table th,.dossier-table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.dossier-table th{background:rgba(15,23,42,.05);font-weight:700;color:var(--muted)}
.dossier-table td:last-child,.dossier-table th:last-child{text-align:right}.dossier-table .eye,.dossier-table .plus{border:0;background:transparent;color:var(--muted);font-weight:800;cursor:pointer;font-size:16px}.dossier-table .eye:hover,.dossier-table .plus:hover{color:var(--blue)}
.dossier-empty{display:grid;place-items:center;min-height:170px;font-size:22px;font-weight:800;color:var(--text);text-align:center}.dossier-muted{color:var(--muted);font-size:13px}
.status-square{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#31a66a;color:white;font-size:12px;font-weight:900;margin-right:8px}.status-square.black{background:#111827}.status-square.orange{background:#ff7a1a}.status-square.red{background:#ef4444}.status-square.blue{background:#0e79ff}.danger-days{color:#ef4444;font-weight:800}.ok-text{color:#22a06b;font-weight:800}.right-pill{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#607d8b;color:white;font-weight:900}
.info-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px 42px;padding:24px}.info-row{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;min-height:34px}.info-row b{font-weight:800}.info-row span{color:var(--text)}.info-row.wide{grid-column:1/-1}.info-block{padding:0 24px 28px}.info-block h3{font-size:18px;margin:12px 0 18px}.info-observacao{white-space:pre-line;line-height:1.6;color:var(--text)}
.dossier-detail-modal{width:min(1120px,96vw);max-height:92vh;display:flex;flex-direction:column}.dossier-detail-modal .modal-form{overflow:auto;max-height:calc(92vh - 86px);display:block;padding:0}.detail-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--border);background:var(--surface);padding:0 18px}.detail-tabs button{border:0;background:transparent;color:var(--muted);font-weight:800;padding:16px 18px;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}.detail-tabs button.active{color:var(--blue);background:var(--card);border-bottom-color:var(--blue);box-shadow:inset 0 0 0 2px rgba(0,0,0,.85);border-radius:4px 4px 0 0}.detail-pane{padding:20px 24px}.readonly-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.readonly-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:center}.readonly-row label{color:var(--text)}.readonly-row .fake-input{background:#e9edf2;color:#334155;border:1px solid #cfd8e3;border-radius:5px;padding:10px 12px;min-height:38px}.readonly-row.wide{grid-column:1/-1}.fake-textarea{min-height:74px}.doc-action{margin-left:auto;color:var(--muted);font-weight:800;display:inline-flex;align-items:center;gap:6px}.dossier-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid var(--border);background:var(--surface)}.dossier-pagination select{height:36px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);padding:0 10px}
.starline{letter-spacing:2px;color:#cbd5e1}.restriction-tag{display:inline-flex;border-radius:999px;border:1px solid var(--border);padding:5px 9px;color:var(--muted)}
html[data-theme=dark] .dossier-table th{background:rgba(255,255,255,.05)}html[data-theme=dark] .readonly-row .fake-input{background:rgba(255,255,255,.08);color:var(--text);border-color:var(--border)}html[data-theme=dark] .dossier-tabs button.active,html[data-theme=dark] .detail-tabs button.active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.8);color:#58a6ff}
@media(max-width:900px){.info-grid-2,.readonly-grid{grid-template-columns:1fr}.info-row,.readonly-row{grid-template-columns:1fr}.dossier-tabs button,.detail-tabs button{padding:13px 12px}.marker-card{padding:14px}}

/* v39 - menu lateral retrátil por grupos e abas únicas do atendimento */
.menu-accordion{gap:10px}.menu-group{border:1px solid rgba(255,255,255,.10);border-radius:12px;overflow:hidden}.menu-group-title{width:100%;border:0;background:transparent;color:#e9f2ff;display:flex;align-items:center;gap:12px;padding:13px 14px;cursor:pointer;font-weight:800;letter-spacing:.08em;font-size:12px}.menu-group-title span{width:24px;text-align:center}.menu-group-title b{font-weight:800}.menu-group-title i{margin-left:auto;font-style:normal;color:#b8c8df}.menu-group-items{display:none;padding:4px 6px 8px}.menu-group.is-open .menu-group-items{display:flex;flex-direction:column;gap:6px}.menu-group.is-open .menu-group-title i{transform:rotate(0deg)}.menu-group:not(.is-open) .menu-group-title i{transform:rotate(-90deg)}.menu-group-items a{padding:12px 14px}.app.menu-collapsed .menu-group-title b,.app.menu-collapsed .menu-group-title i,.app.menu-collapsed .menu-group-items b{display:none}.app.menu-collapsed .menu-group-title{justify-content:center}.app.menu-collapsed .menu-group{border-color:transparent}.app.menu-collapsed .menu-group-items{display:flex!important;padding:4px 0}.app.menu-collapsed .menu-group-items a{justify-content:center;padding:12px 10px}

.unified-tabs{margin-bottom:8px;gap:0;padding:0 18px;white-space:nowrap}.unified-tabs button{padding:16px 14px;border-bottom-width:3px;color:#53627a}.unified-tabs button.active{color:var(--blue)!important;border-bottom-color:var(--blue)!important;background:rgba(8,120,238,.06);box-shadow:none!important;border-radius:0!important}.unified-tabs button:hover{color:var(--blue);background:rgba(8,120,238,.05)}
.client-dossier[hidden]{display:none!important}.client-dossier{margin-top:0}.dossier-card{margin-top:0}.dossier-tabs button.active,.detail-tabs button.active{color:var(--blue)!important;border-bottom-color:var(--blue)!important;box-shadow:none!important}.detail-tabs button.active{background:rgba(8,120,238,.06)!important}.danger-days{color:#e60000}.dossier-section-head h3{color:var(--text)}
html[data-theme=dark] .unified-tabs button.active,html[data-theme=dark] .dossier-tabs button.active,html[data-theme=dark] .detail-tabs button.active{color:#58a6ff!important;border-bottom-color:#58a6ff!important;background:rgba(88,166,255,.10)!important}

/* v40 - Abas únicas: o resumo vira uma aba real e o histórico fica compacto */
#resumoGrid[hidden], #observacoesResumo[hidden], #clientDossier[hidden]{display:none!important;}


/* v42 ajustes menu e abas */
.nav-accordion .menu-section{border-color:rgba(255,255,255,.10)}
.unified-tabs{margin-bottom:8px;gap:0;padding:0 18px;white-space:nowrap}
.unified-tabs button{padding:16px 14px;border-bottom-width:3px}
.unified-tabs button.active{color:var(--blue)!important;border-bottom-color:var(--blue)!important;background:rgba(8,120,238,.06)!important}
.client-dossier[hidden]{display:none!important}
#resumoGrid[hidden],#observacoesResumo[hidden]{display:none!important}


/* v44 - menu legível no tema claro/escuro + perfil do usuário */
.sidebar .menu-section,
.sidebar .menu-section b,
.sidebar .menu-section span,
.sidebar .menu-section i,
.sidebar .menu-group-title,
.sidebar .menu-group-title b,
.sidebar .menu-group-title span,
.sidebar .menu-group-title i{
  color:#eaf3ff!important;
  fill:#eaf3ff!important;
}
.sidebar .menu-section:hover,
.sidebar .menu-section.open,
.sidebar .menu-group.is-open .menu-group-title,
.sidebar .menu-group-title:hover{
  color:#fff!important;
  background:rgba(13,126,255,.13)!important;
  border-color:rgba(166,205,255,.32)!important;
}
.sidebar .menu-section b,
.sidebar .menu-group-title b{
  font-size:12px;
  letter-spacing:1px;
  font-weight:800;
  text-transform:uppercase;
  opacity:.94;
}
.sidebar .menu-section i,
.sidebar .menu-group-title i{opacity:.9}.topbar .user.profile-trigger{cursor:pointer;border-radius:14px;padding:7px 8px;transition:.16s}.topbar .user.profile-trigger:hover{background:rgba(13,126,255,.10)}
.profile-modal-card{width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 38px);overflow:auto}.profile-form{display:grid;gap:16px}.profile-password-box{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(13,126,255,.04)}.profile-password-box strong{display:block;margin-bottom:3px}.profile-password-box small{display:block;color:var(--muted);margin-bottom:12px}.form-row.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.modal-message{border-radius:12px;padding:12px 14px;font-weight:700}.modal-message.error{background:#fff0f0;border:1px solid #ffb8b8;color:#be123c}.modal-message.success{background:#ecfdf3;border:1px solid #a7f3c5;color:#047857}.modal-message.info{background:#eef6ff;border:1px solid #bfdbfe;color:#0b65c2}html[data-theme=dark] .modal-message.error{background:rgba(190,18,60,.15);border-color:rgba(244,63,94,.35);color:#fecdd3}html[data-theme=dark] .modal-message.success{background:rgba(4,120,87,.18);border-color:rgba(16,185,129,.35);color:#bbf7d0}html[data-theme=dark] .modal-message.info{background:rgba(14,116,225,.16);border-color:rgba(96,165,250,.35);color:#bfdbfe}
@media(max-width:760px){.form-row.three{grid-template-columns:1fr}.profile-modal-card{width:calc(100vw - 18px)}}

/* v45 - logo da carteira/tenant e licenças */
.tenant-badge{display:flex;align-items:center;gap:10px;margin:-12px 0 18px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07);min-height:58px;overflow:hidden}
.tenant-badge img{width:100px;height:50px;object-fit:contain;border-radius:6px;background:#fff;padding:3px;box-shadow:0 4px 10px rgba(0,0,0,.18);flex:0 0 auto}
.tenant-badge small{display:block;color:#a8c6ef;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:2px}
.tenant-badge b{display:block;color:#fff;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:142px}
.app.menu-collapsed .tenant-badge,.pre-collapsed .tenant-badge{display:none!important}
.tenant-inline{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:6px 9px;background:rgba(8,120,238,.06);margin-top:8px;color:var(--text);max-width:100%}
.tenant-inline img{width:62px;height:32px;object-fit:contain;background:#fff;border-radius:6px;padding:3px}.tenant-inline span{font-size:12px;color:var(--muted);font-weight:700}.tenant-inline b{font-size:13px}


/* v46 - atendimento sem card de carteira no menu lateral; perfil clicável após DOM pronto */
.topbar .user.profile-trigger{cursor:pointer;user-select:none}
.topbar .user.profile-trigger:focus-within,
.topbar .user.profile-trigger:hover{background:rgba(13,126,255,.10);outline:1px solid rgba(13,126,255,.18)}
body .sidebar .menu-section,
body .sidebar .menu-section b,
body .sidebar .menu-section span,
body .sidebar .menu-section i{color:#eaf3ff!important}

/* v48 - distribuição de carteira por supervisor */
.dist-panel{margin-bottom:18px}
.dist-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;padding:0 18px 16px}
.dist-grid label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:var(--text)}
.dist-grid input,.dist-grid select{height:42px;border:1px solid var(--border);border-radius:12px;background:var(--input-bg,#fff);color:var(--text);padding:0 12px;font-weight:700;outline:none}
.dist-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);padding:14px 18px 18px}
button.secondary,.secondary{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:12px 16px;font-weight:900;cursor:pointer}
button.ghost,.ghost{border:0;background:transparent;color:var(--muted);border-radius:12px;padding:12px 16px;font-weight:900;cursor:pointer}
.primary.soft{box-shadow:none;background:#eaf3ff;color:#0875e1;border:1px solid #bedbff}
[data-theme="dark"] .primary.soft{background:#12355f;color:#7ab8ff;border-color:#24588c}
.data-table th.center,.data-table td.center{text-align:center}
.operator-pill{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;background:#eef2f7;color:#64748b}
.operator-pill.assigned{background:#dcfce7;color:#15803d}
[data-theme="dark"] .operator-pill{background:#22324a;color:#a8b5ca}
[data-theme="dark"] .operator-pill.assigned{background:#123d2a;color:#86efac}
.app-toast{position:fixed;right:22px;top:22px;z-index:9999;max-width:380px;padding:14px 16px;border-radius:14px;background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;box-shadow:0 16px 36px rgba(15,23,42,.18);font-weight:800;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.18s ease}
.app-toast.show{opacity:1;transform:translateY(0)}
.app-toast.error{background:#fff1f2;color:#be123c;border-color:#fecdd3}
[data-theme="dark"] .app-toast{background:#0d3328;color:#a7f3d0;border-color:#166534}
[data-theme="dark"] .app-toast.error{background:#3d1320;color:#fecdd3;border-color:#7f1d1d}
@media(max-width:1100px){.dist-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:680px){.dist-grid{grid-template-columns:1fr}.dist-actions button{width:100%}}
/* v50 - administração de usuários */
.status-pill.danger{background:#ffe7e7;color:#b00020}
.table-action{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:8px 12px;background:#e9f3ff;color:var(--blue);text-decoration:none;font-weight:800;border:1px solid #c8ddff;cursor:pointer}
html[data-theme=dark] .table-action{background:rgba(8,120,238,.18);border-color:#285a96;color:#dbeafe}
.modal-wide{max-width:880px;width:min(880px,calc(100vw - 32px));max-height:min(720px,90vh);display:flex;flex-direction:column}.modal-wide .modal-head{flex:0 0 auto}.modal-wide .modal-form{overflow:auto;flex:1 1 auto}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid label{display:grid;gap:6px;font-weight:700;color:var(--text)}
.form-grid input,.form-grid select{height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:0 12px;outline:none}
.form-grid small{color:var(--muted);font-weight:500}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(8,120,238,.10);border:1px solid rgba(8,120,238,.18);border-radius:7px;padding:3px 7px;color:var(--text)}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}}


/* v52 - logos em usuários e cópia rápida no atendimento */
.tenant-cell{display:flex;align-items:center;gap:10px;min-width:150px}.tenant-logo-mini{width:42px;height:28px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px;box-shadow:0 2px 8px rgba(0,0,0,.10)}.copy-inline{font-size:14px;margin-left:8px;vertical-align:middle}.client-id h2{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.client-grid .copy{margin-left:8px;cursor:pointer;border-radius:6px;padding:2px 5px}.client-grid .copy:hover,.copy-inline:hover{background:rgba(0,113,227,.10);color:var(--blue)}
.form-wide{grid-column:1/-1}.data-table td small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.modal-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--input-bg,#fff);color:var(--text);padding:12px 14px;resize:vertical}html[data-theme=dark] .modal-form textarea{background:rgba(255,255,255,.04)}
/* v70 - dashboard operacional do discador */
.dashboard-grid{grid-template-columns:repeat(4,1fr)!important;margin:0 0 16px!important}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr!important}}

/* v73 - densidade visual compacta (~browser 80/90%) */
html{font-size:13px;}
body{font-size:13px;}
.topbar{height:62px;padding:0 20px;gap:14px;}
.topbar h1{font-size:17px;}
.search{height:38px;min-width:260px;}
.sidebar{width:244px;padding:18px 14px;}
.menu a{padding:11px 13px;gap:11px;}
.menu-group-title{padding:11px 12px;}
.menu-group-items a{padding:10px 12px;}
.card,.hero-card{padding:15px;}
.supervision-hero{gap:12px;margin:16px 20px;}
.sup-card{padding:13px 14px!important;}
.sup-card b{font-size:24px!important;}
.supervision-panel{margin:0 20px 16px!important;}
.data-table th,.data-table td{padding:9px 10px!important;font-size:12.5px;}
.modal-card{font-size:13px;}
.modal-form input,.modal-form select,.modal-form textarea,input,select{font-size:13px;}
.primary,.secondary,.mini-btn{padding:9px 12px;}
.pill,.tag{font-size:11px;padding:3px 7px;}
.table-wrap{max-width:100%;}
@media(max-width:1200px){.supervision-controls{gap:6px}.supervision-controls input{max-width:220px}.data-table th,.data-table td{padding:8px 8px!important;font-size:12px}}
/* v74 protocolo/logs */
.protocol-box{position:relative}.protocol-box em{display:block;font-size:11px;color:var(--muted,#64748b);font-style:normal;margin-top:4px}.protocol-box .mini-action{margin-left:6px;padding:5px 8px;font-size:11px}.compact-filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;align-items:end}.compact-filters label{font-size:12px;color:var(--muted,#64748b);font-weight:800}.compact-filters input{width:100%;padding:8px 10px;border:1px solid var(--border,#dbe3ef);border-radius:10px;background:var(--card,#fff);color:var(--text,#0f172a)}.tag.danger{background:#fee2e2;color:#991b1b}.tag.ok{background:#dcfce7;color:#166534}details pre{white-space:pre-wrap;max-width:680px;max-height:260px;overflow:auto;background:rgba(15,23,42,.06);padding:8px;border-radius:8px;font-size:11px}
@media(max-width:1100px){.compact-filters{grid-template-columns:repeat(2,1fr)}}

/* v76 - UX operacional: atendimento vazio, linhas clicáveis e status de ramal */
.ramal-status{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-weight:800;font-size:.93em;background:var(--panel);white-space:nowrap}
.ramal-status:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block;background:#94a3b8}.ramal-status.livre{color:#04933f;background:#eaf9ef;border-color:#c9f0d6}.ramal-status.livre:before{background:#16c65d}.ramal-status.ocupado{color:#9a6700;background:#fff7df;border-color:#ffe0a3}.ramal-status.ocupado:before{background:#f59e0b}.ramal-status.offline{color:#637083;background:#eef2f7;border-color:#dbe3ef}.ramal-status.offline:before{background:#64748b}.ramal-status.pausado{color:#b42318;background:#fff1f2;border-color:#fecdd3}.ramal-status.pausado:before{background:#ef4444}.ramal-status.desconhecido{color:var(--muted)}
.ramal-pause-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-weight:800;font-size:.93em;background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap}
.ramal-pause-btn:hover{background:var(--soft,rgba(148,163,184,.12))}
.ramal-pause-btn:disabled{opacity:.55;cursor:not-allowed}
.ramal-pause-btn.pausado{color:#04933f;background:#eaf9ef;border-color:#c9f0d6}
@media(max-width:900px){.ramal-pause-btn{display:none}}
body.atendimento-sem-cliente .hero-card{outline:1px dashed rgba(8,120,238,.28);outline-offset:-8px}body.atendimento-sem-cliente .quick a,body.atendimento-sem-cliente .quick button{opacity:.55;pointer-events:none}body.atendimento-sem-cliente #btnCopiarNome,body.atendimento-sem-cliente #btnCopiarCpf,body.atendimento-sem-cliente #btnCopiarTelefone,body.atendimento-sem-cliente #btnCopiarProtocolo{opacity:.45;pointer-events:none}.cliente-click-row{cursor:pointer;transition:background .15s,box-shadow .15s}.cliente-click-row:hover{background:rgba(8,120,238,.08)}html[data-theme=dark] .cliente-click-row:hover{background:rgba(96,165,250,.10)}.data-table td b:hover{color:var(--blue)}
@media(max-width:900px){.ramal-status{display:none}.online{margin-left:auto}}

/* Chat interno por tenant */
.chat-top-btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.chat-top-btn:hover{filter:brightness(1.06)}
.chat-top-btn i{min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:white;font-size:11px;line-height:18px;text-align:center;font-style:normal;padding:0 5px}
.chat-top-btn.has-unread{box-shadow:0 0 0 2px rgba(239,68,68,.18)}
.chat-panel{position:fixed;right:18px;bottom:18px;width:min(760px,calc(100vw - 24px));height:min(560px,calc(100vh - 100px));background:var(--card);border:1px solid var(--border);box-shadow:0 24px 60px rgba(0,0,0,.35);border-radius:18px;z-index:3000;overflow:hidden;color:var(--text)}
.chat-head{height:62px;padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}
.chat-head b{display:block;font-size:15px}.chat-head small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.chat-head button{border:0;background:transparent;color:var(--text);font-size:26px;cursor:pointer;line-height:1}
.chat-body{height:calc(100% - 62px);display:grid;grid-template-columns:250px 1fr;min-height:0}
.chat-users{border-right:1px solid var(--border);min-width:0;overflow:auto;background:rgba(0,0,0,.04)}
.chat-users-title{padding:12px 14px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.chat-user{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:10px 12px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;text-align:left;align-items:center;cursor:pointer}
.chat-user:hover,.chat-user.active{background:rgba(59,130,246,.12)}
.chat-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(8,120,238,.12);color:var(--blue);font-weight:900;font-size:12px}
.chat-user b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user i{min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:white;font-size:11px;line-height:18px;text-align:center;font-style:normal;padding:0 5px}
.chat-users-empty{padding:14px;color:var(--muted);font-size:13px}.chat-conversa{min-width:0;display:flex;flex-direction:column;height:100%}.chat-empty{margin:auto;color:var(--muted);text-align:center;padding:24px}.chat-conversa-head{padding:12px 14px;border-bottom:1px solid var(--border)}.chat-conversa-head b{display:block;font-size:14px}.chat-conversa-head small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.chat-mensagens{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:rgba(0,0,0,.02)}
.chat-msg{max-width:78%;display:flex;flex-direction:column;gap:3px}.chat-msg div{padding:9px 11px;border-radius:14px;border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.35}.chat-msg small{font-size:10px;color:var(--muted);padding:0 4px}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-msg.mine div{background:var(--blue);color:white;border-color:transparent}.chat-msg.theirs{align-self:flex-start}.chat-msg.theirs div{background:var(--bg)}
.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-form input{flex:1;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:11px 12px;outline:none}.chat-form button{border:0;background:var(--blue);color:white;border-radius:12px;padding:0 16px;font-weight:800;cursor:pointer}
@media(max-width:760px){.chat-panel{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100vh - 74px)}.chat-body{grid-template-columns:1fr}.chat-users{max-height:170px;border-right:0;border-bottom:1px solid var(--border)}.chat-top-btn{padding:8px 10px;font-size:12px}}

.whatsapp-badge{display:inline-block;background:#18b354;color:#fff;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap;line-height:1.4}
.whatsapp-badge:hover{filter:brightness(1.08)}

/* v79 - Fila pessoal de lembretes/status do atendimento */
.bell{border:0;background:transparent;color:var(--text);cursor:pointer;min-width:34px;height:34px;display:inline-grid;place-items:center;border-radius:10px}.bell:hover{background:var(--soft)}.bell.has-unread i{display:inline-block!important}.bell.has-due{animation:lbBellPulse 1.4s ease-in-out infinite}@keyframes lbBellPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.lembretes-panel{position:fixed;right:18px;top:78px;z-index:99980;width:min(430px,calc(100vw - 28px));background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.30);overflow:hidden;color:var(--text)}
.lembretes-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(8,120,238,.12),transparent)}.lembretes-head b{display:block}.lembretes-head small{display:block;color:var(--muted);margin-top:2px}.lembretes-head button{border:0;background:transparent;color:var(--text);font-size:24px;cursor:pointer}.lembretes-actions{padding:10px 14px;border-bottom:1px solid var(--line)}.lembretes-actions button,.btn-lembrete-cliente{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:11px;padding:10px 12px;font-weight:800;cursor:pointer}.lembretes-list{max-height:62vh;overflow:auto;padding:10px;display:grid;gap:10px}.lembrete-empty{padding:18px;text-align:center;color:var(--muted)}.lembrete-item{border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:14px;padding:12px;background:var(--card)}.lembrete-item.pr-ALTA{border-left-color:#f59e0b}.lembrete-item.pr-URGENTE{border-left-color:#e11d48}.lembrete-item.pr-BAIXA{border-left-color:#64748b}.lembrete-top{display:flex;justify-content:space-between;gap:10px}.lembrete-top b{font-size:14px}.lembrete-top span{font-size:11px;font-weight:900;border-radius:999px;padding:3px 7px;background:var(--soft);color:var(--muted)}.lembrete-item a{display:block;margin-top:5px;color:var(--blue);font-weight:800;text-decoration:none}.lembrete-item small{display:block;margin-top:4px;color:var(--muted)}.lembrete-item p{margin:8px 0 0;line-height:1.35}.lembrete-actions{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}.lembrete-actions button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:9px;padding:7px 9px;font-weight:700;cursor:pointer}.lembrete-actions button:first-child{background:#eaf9ef;color:#04783a;border-color:#bdebcf}.lembrete-modal-card textarea{width:100%;resize:vertical;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:10px}.btn-lembrete-cliente{width:100%;margin-top:8px;background:#fff7ed;color:#9a3412;border-color:#fed7aa}html[data-theme=dark] .btn-lembrete-cliente{background:#3b2a18;color:#fdba74;border-color:#7c4a16}

/* v80 - carga independente de lote por CSV */
.csv-panel{margin-top:16px}.csv-help{padding:0 24px 20px;color:var(--muted);line-height:1.5}.csv-help b{color:var(--text)}.csv-sample{border:1px dashed var(--border);background:var(--surface);border-radius:12px;padding:12px;color:var(--muted);line-height:1.5}.csv-sample code{display:block;margin-top:6px;white-space:normal;color:var(--text)}
.form-row input[type=file]{height:auto;padding:10px 12px}.checkline input[type=checkbox]{margin-right:8px}

/* v88 - Dashboard operacional base, sem dependência de PBX */
.dash-filter-panel{margin-top:16px!important}.dash-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dash-controls select{min-width:170px}.dash-cards{grid-template-columns:repeat(4,1fr)}.dashboard-operacional-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 20px 16px}.dash-chart-card{min-height:285px}.lb-chart{height:210px;display:flex;gap:8px;align-items:flex-end;overflow-x:auto;padding:12px 4px 4px}.lb-bar{min-width:38px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:10px}.lb-bar-col{height:125px;width:22px;border-radius:10px;background:rgba(148,163,184,.18);display:flex;align-items:flex-end;overflow:hidden}.lb-bar-col span{display:block;width:100%;min-height:4px;border-radius:10px 10px 0 0;background:var(--blue)}.lb-bar b{font-size:11px;color:var(--text)}.lb-bar em{font-style:normal;font-size:9px;white-space:nowrap;color:var(--green)}.metric-list .api-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.metric-list .api-item:last-child{border-bottom:0}.metric-list .api-item span{font-weight:900;color:var(--text)}
@media(max-width:1280px){.dashboard-operacional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashboard-operacional-grid{grid-template-columns:1fr;margin-left:12px;margin-right:12px}.dash-controls,.dash-controls select,.dash-controls button{width:100%}.dash-cards{grid-template-columns:1fr}}
/* v89 - dashboard supervisor */
.dashboard-supervisor-grid{display:grid;grid-template-columns:1.1fr 1.3fr 1fr;gap:16px;margin:0 20px 16px}.supervisor-cards{grid-template-columns:repeat(6,1fr)}.supervisor-chart{height:230px}.funnel-list{display:flex;flex-direction:column;gap:12px;padding:6px 0}.funnel-row{position:relative;border:1px solid var(--line);border-radius:14px;padding:12px 14px;overflow:hidden;background:rgba(148,163,184,.06)}.funnel-row span{position:absolute;left:0;bottom:0;height:4px;background:var(--blue);border-radius:999px}.funnel-row div{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;align-items:center}.funnel-row small{color:var(--muted);display:block}.funnel-row em{position:absolute;right:14px;bottom:7px;font-style:normal;color:var(--muted);font-size:11px}.danger-soft span,.danger-soft b{color:var(--red)!important}.badge-soft{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(148,163,184,.08);font-weight:900}.sup-map-bar{min-width:46px}
@media(max-width:1320px){.dashboard-supervisor-grid{grid-template-columns:1fr}.supervisor-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.dashboard-supervisor-grid{margin-left:12px;margin-right:12px}.supervisor-cards{grid-template-columns:1fr}}

/* v90 - refinamento visual dashboards: padding e espaçamentos */
.dash-filter-panel,
.supervision-panel,
.dashboard-supervisor-grid > .card,
.dashboard-operacional-grid > .card {
  padding: 20px 24px !important;
}
.supervision-hero,
.dash-cards {
  gap: 16px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.sup-card,
.kpi-card,
.card.stat,
.stat-card {
  padding: 18px 18px !important;
  min-height: 112px;
}
.sup-card small,
.kpi-card small,
.card.stat small,
.stat-card small {
  display: block;
  margin-bottom: 10px;
  line-height: 1.3;
}
.sup-card b,
.kpi-card b,
.card.stat b,
.stat-card b {
  display: block;
  margin-bottom: 8px;
  line-height: 1.1;
}
.sup-card span,
.kpi-card span,
.card.stat span,
.stat-card span {
  display: block;
  line-height: 1.35;
}
.card-head {
  gap: 16px !important;
  margin-bottom: 16px !important;
}
.card-head h3 {
  margin-bottom: 8px !important;
  line-height: 1.25 !important;
}
.card-head small {
  line-height: 1.35 !important;
}
.funnel-list {
  padding: 10px 0 4px !important;
}
.funnel-row {
  padding: 16px 18px !important;
}
.funnel-row div {
  padding-right: 48px;
}
.funnel-row em {
  right: 18px !important;
  bottom: 10px !important;
}
.lb-chart {
  padding: 18px 10px 10px !important;
  gap: 14px !important;
}
.lb-bar {
  min-width: 48px !important;
  gap: 7px !important;
}
.lb-bar-col {
  width: 26px !important;
}
.metric-list .api-item,
.alert-list .api-item {
  padding: 13px 14px !important;
  border-radius: 10px;
  margin-bottom: 4px;
}
.metric-list .api-item span,
.alert-list .api-item span {
  padding-left: 14px;
  text-align: right;
  min-width: 72px;
}
.table-wrap {
  padding: 0 !important;
}
.data-table th,
.data-table td {
  padding: 14px 16px !important;
  vertical-align: middle;
}
.data-table td small {
  display: block;
  margin-top: 5px;
  line-height: 1.35;
}
.badge-soft {
  padding: 7px 11px !important;
}
@media(max-width:760px){
  .dash-filter-panel,
  .supervision-panel,
  .dashboard-supervisor-grid > .card,
  .dashboard-operacional-grid > .card {
    padding: 16px !important;
  }
  .supervision-hero,
  .dash-cards {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .data-table th,
  .data-table td {
    padding: 12px !important;
  }
}

/* v91 - gráficos compactos + expansão em modal/exportação */
.dashboard-operacional-grid > .card,
.dashboard-supervisor-grid > .card {
  padding: 16px 18px !important;
  overflow: hidden;
}
.dash-chart-card { min-height: 255px !important; }
.lb-chart {
  height: 185px !important;
  overflow: hidden !important;
  padding: 10px 4px 4px !important;
  gap: 9px !important;
  justify-content: space-around;
}
.lb-bar { min-width: 30px !important; gap: 4px !important; }
.lb-bar-col { width: 20px !important; height: 112px !important; }
.lb-bar small { max-width: 42px; overflow: hidden; text-overflow: clip; white-space: nowrap; }
.lb-bar em { font-size: 9px; }
.lb-line-chart { height: 210px; display: flex; flex-direction: column; padding: 12px 4px 4px; }
.lb-line-svg { flex: 1; width: 100%; min-height: 0; }
.lb-line-legend { display: flex; gap: 14px; justify-content: center; padding-top: 6px; font-size: 11px; color: var(--muted); }
.lb-line-legend-item { display: flex; align-items: center; gap: 5px; }
.lb-line-legend-item i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.supervisor-chart { height: 200px !important; }
.sup-map-bar { min-width: 38px !important; }
.btn-chart-expand,
.btn-sup-expand { padding: 8px 10px !important; white-space: nowrap; }
.card-head .table-action { margin-left: auto; }
.metric-list .api-item,
.alert-list .api-item {
  padding: 13px 16px !important;
  border-radius: 10px;
  margin-bottom: 7px;
}
.lb-modal[hidden] { display: none !important; }
.lb-modal { position: fixed; inset: 0; z-index: 120; display: flex; align-items: center; justify-content: center; padding: 24px; }
.lb-modal-backdrop { position: absolute; inset: 0; background: rgba(3,12,28,.78); backdrop-filter: blur(8px); }
.lb-modal-box { position: relative; width: min(1120px, calc(100vw - 36px)); max-height: calc(100vh - 42px); overflow: hidden; background: var(--panel); color: var(--text); border: 1px solid var(--border); border-radius: 22px; box-shadow: 0 30px 100px rgba(0,0,0,.38); display: flex; flex-direction: column; }
.lb-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 20px 22px; border-bottom: 1px solid var(--border); }
.lb-modal-head h3 { margin: 0 0 5px; }
.lb-modal-head small { color: var(--muted); }
.lb-modal-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.lb-modal-body { padding: 20px 22px; overflow: auto; }
.lb-expanded-chart { height: 300px; display: flex; align-items: flex-end; gap: 18px; overflow-x: auto; padding: 18px 8px 22px; margin-bottom: 16px; border: 1px solid var(--line); border-radius: 16px; background: rgba(148,163,184,.06); }
.lb-bar-expanded { min-width: 62px !important; }
.lb-bar-expanded .lb-bar-col { width: 34px !important; height: 190px !important; }
.lb-bar-expanded small { max-width: 70px; }
.lb-modal .table-wrap { max-height: 360px; overflow: auto; border: 1px solid var(--line); border-radius: 14px; }
@media(max-width:760px){
  .lb-modal { padding: 10px; }
  .lb-modal-head { flex-direction: column; }
  .lb-modal-actions, .lb-modal-actions button { width: 100%; }
  .dashboard-operacional-grid > .card,
  .dashboard-supervisor-grid > .card { padding: 14px !important; }
}
@media print {
  /* #lbChartModal e' inserido como o ULTIMO filho de <body> (depois de todo
     o app - sidebar/topbar/secoes da pagina). visibility:hidden preserva o
     espaco ocupado por esses elementos (so' fica invisivel, nao remove do
     fluxo), entao a impressao gerava varias paginas em branco antes de
     chegar no conteudo do modal. display:none remove do fluxo por completo -
     so' o modal (irmao direto de <body>) fica visivel e ocupando espaco. */
  body > *:not(#lbChartModal) { display: none !important; }
  #lbChartModal, #lbChartModal * { visibility: visible !important; }
  #lbChartModal { position: static !important; display: block !important; padding: 0 !important; }
  /* Controles de tela (ex.: checkbox "incluir grafico" antes de gerar o PDF)
     que nao devem aparecer no resultado impresso. */
  .no-print { display: none !important; }
  .lb-modal-backdrop, .lb-modal-actions { display: none !important; }
  .lb-modal-box { position: static !important; width: 100% !important; max-height: none !important; box-shadow: none !important; border: 0 !important; }
  .lb-modal-body { overflow: visible !important; }
  .lb-expanded-chart { page-break-inside: avoid; }
  /* Barras/heatmap/funil sao desenhados so' com background-color (sem borda
     nem imagem) - a maioria dos navegadores nao imprime background por
     padrao (preciso marcar "graficos em segundo plano" manualmente), entao
     o grafico saia em branco no PDF mesmo com os numeros/labels aparecendo.
     print-color-adjust:exact forca a impressao das cores independente
     dessa opcao do navegador. */
  #lbChartModal * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}
/* V92 - Central de Carteira */
.carteira-grid{grid-template-columns:1fr 1fr 1.2fr;gap:16px;margin-top:16px}.carteira-grid-wide{margin-top:16px}.carteira-grid .funnel-row small{display:block;color:var(--muted);margin-top:2px}.carteira-grid .api-item span,.carteira-grid-wide .api-item span{max-width:55%;text-align:right}.lb-modal-wide .funnel-list{margin-bottom:16px}@media(max-width:1100px){.carteira-grid{grid-template-columns:1fr}.carteira-grid-wide{grid-template-columns:1fr}}

/* V93 - Central de Carteira: paginação e impressão corrigida */
.pager-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px 0 0;margin-top:10px}
.pager-footer span{color:var(--muted);font-weight:700}
.pager-footer button:disabled{opacity:.45;cursor:not-allowed}
.print-note{display:block;margin-top:10px;color:var(--muted)}
@media print {
  body{background:#fff!important;color:#111!important}
  body *{visibility:hidden!important}
  #cartModal, #cartModal *, #lbChartModal, #lbChartModal *{visibility:visible!important}
  #cartModal, #lbChartModal{position:static!important;display:block!important;padding:0!important;background:#fff!important;color:#111!important}
  .lb-modal-backdrop,.lb-modal-actions{display:none!important}
  .lb-modal-box{position:static!important;width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:0!important;background:#fff!important;color:#111!important}
  .lb-modal-head{border-bottom:1px solid #ddd!important;padding:8px 0 12px!important;color:#111!important}
  .lb-modal-body{overflow:visible!important;padding:12px 0!important;color:#111!important}
  .lb-modal .table-wrap{max-height:none!important;overflow:visible!important;border:0!important}
  .lb-modal table{width:100%!important;border-collapse:collapse!important;color:#111!important;background:#fff!important}
  .lb-modal th,.lb-modal td{border:1px solid #ddd!important;color:#111!important;background:#fff!important;padding:6px!important;font-size:10px!important}
  .lb-modal h3,.lb-modal small,.lb-modal b,.lb-modal span{color:#111!important}
  /* mesma correcao do bloco de impressao acima - graficos baseados so' em
     background-color (barras/funil/heatmap) ficavam em branco no PDF. */
  #cartModal *, #lbChartModal * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; color-adjust: exact !important; }
  @page{size:A4 landscape;margin:10mm}
}
/* V96 - Auditoria */
.audit-controls{flex-wrap:wrap;max-width:980px}.audit-controls input,.audit-controls select{height:38px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:0 10px}.modal-lg{width:min(920px,96vw)!important}.modal-body{padding:20px;max-height:72vh;overflow:auto}.codebox{white-space:pre-wrap;word-break:break-word;background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:12px;max-height:260px;overflow:auto;font-size:12px;color:var(--text)}


/* v97 - Timeline única do cliente */
.timeline-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;padding:18px;background:var(--card)}
.timeline-counters{display:grid;grid-template-columns:1fr;gap:10px;align-content:start}
.timeline-counters div{border:1px solid var(--border);border-radius:12px;background:rgba(8,120,238,.06);padding:12px}
.timeline-counters b{display:block;font-size:22px;color:var(--text);line-height:1}.timeline-counters small{display:block;color:var(--muted);margin-top:6px;font-weight:700}
.timeline-main{min-width:0}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.timeline-filter-group{display:flex;gap:8px;flex-wrap:wrap}.timeline-filter-group button,.timeline-actions button{border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);padding:9px 12px;font-weight:800;cursor:pointer}.timeline-filter-group button.active{background:rgba(8,120,238,.16);border-color:var(--blue);color:var(--blue)}.timeline-actions{display:flex;gap:8px;align-items:center}.timeline-actions input{height:38px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);padding:0 12px;min-width:220px}.timeline-list-v97{display:grid;gap:12px;max-height:620px;overflow:auto;padding-right:6px;scrollbar-width:thin}.tl-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}.tl-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(8,120,238,.14);border:1px solid rgba(8,120,238,.24);font-size:20px}.tl-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:rgba(245,248,252,.42)}html[data-theme=dark] .tl-card{background:rgba(255,255,255,.03)}.tl-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tl-card header b{display:block;font-size:15px}.tl-card header small{display:block;color:var(--muted);margin-top:4px}.tl-card header span{border-radius:999px;background:rgba(8,120,238,.12);color:var(--blue);padding:4px 9px;font-weight:900;font-size:11px;white-space:nowrap}.tl-card p{margin:10px 0 0;color:var(--text);line-height:1.45}.tl-money{display:inline-block;margin-top:10px;color:#00a651}.tl-card .mini-action{margin-top:10px}.json-box{white-space:pre-wrap;background:rgba(15,23,42,.06);border:1px solid var(--border);border-radius:12px;padding:16px;max-height:560px;overflow:auto}html[data-theme=dark] .json-box{background:rgba(255,255,255,.05)}.dossier-empty.small{font-size:16px;min-height:120px}@media(max-width:900px){.timeline-layout{grid-template-columns:1fr}.timeline-counters{grid-template-columns:repeat(2,1fr)}.timeline-actions input{min-width:0;width:100%}.timeline-actions{width:100%;flex-wrap:wrap}}

/* v98 - Esteira Inteligente + Timeline refinada */
.page-pad{padding:28px 32px}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-title-row h2{margin:0 0 8px}.page-title-row p{margin:0;color:var(--muted)}.filters-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filters-row select,.filters-row input{height:42px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);padding:0 12px;min-width:160px}.kpi-grid.six{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-bottom:16px}.metric small{display:block;color:#9fc7ff;margin-bottom:10px}.metric b{font-size:2em}.metric span{display:block;color:var(--muted);margin-top:8px}.esteira-next{display:grid;grid-template-columns:1fr minmax(260px,420px) auto;gap:16px;align-items:center;margin-bottom:16px}.next-client{border:1px solid var(--border);border-radius:12px;padding:12px;background:rgba(8,120,238,.06);display:flex;gap:12px;align-items:center}.next-client b{display:block}.next-client small{display:block;color:var(--muted)}.score{display:inline-grid;place-items:center;min-width:34px;height:28px;border-radius:999px;background:rgba(8,120,238,.14);color:#58a6ff;font-weight:900;padding:0 8px}.table-wrap{overflow:auto}.export-actions{display:flex;gap:8px;flex-wrap:wrap}.export-actions button,.pager button{border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);padding:9px 12px;font-weight:800}.pager{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:14px}.timeline-counters div{cursor:pointer;transition:.15s}.timeline-counters div:hover{border-color:var(--blue);transform:translateY(-1px)}.timeline-resumo-rapido{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.timeline-resumo-rapido div{border:1px solid var(--border);border-radius:12px;padding:12px;background:rgba(255,255,255,.035)}.timeline-resumo-rapido small{display:block;color:var(--muted);margin-bottom:6px}.timeline-resumo-rapido b{font-size:13px}.timeline-markers{border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:14px;background:rgba(8,120,238,.04);display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:center}.timeline-markers small{display:block;color:var(--muted);margin-top:4px}.marker-pills{display:flex;gap:8px;flex-wrap:wrap}.marker-pill{border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);padding:8px 11px;font-weight:800;cursor:pointer}.marker-pill.active{background:rgba(8,120,238,.18);border-color:var(--blue);color:#58a6ff}.tl-diff{display:grid;gap:6px;margin-top:10px}.tl-diff div{display:grid;grid-template-columns:120px 1fr 20px 1fr;gap:8px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:8px;background:rgba(255,255,255,.03)}.tl-diff small{color:var(--muted)}.tl-diff .old{color:#ff9aa5}.tl-diff .new{color:#67e8a6}.tl-card .mini-action{font-size:12px}@media(max-width:1200px){.kpi-grid.six{grid-template-columns:repeat(3,1fr)}.esteira-next{grid-template-columns:1fr}.timeline-resumo-rapido{grid-template-columns:repeat(2,1fr)}.timeline-markers{grid-template-columns:1fr}}@media(max-width:700px){.page-pad{padding:16px}.kpi-grid.six{grid-template-columns:1fr}.filters-row select,.filters-row input{min-width:100%;width:100%}.timeline-resumo-rapido{grid-template-columns:1fr}}

/* V103 - Distribuição automática */
.dist-operators{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}
.operator-check{display:flex;align-items:center;gap:8px;border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:10px 12px;background:var(--card,#fff)}
.operator-check small{display:block;color:var(--muted,#64748b);font-size:11px;margin-left:auto;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-2{margin-top:14px}
.muted{color:var(--muted,#64748b)}

/* V104 - legibilidade de formulários e distribuição inteligente */
:root{--field-bg:#ffffff;--field-text:#102033;--field-placeholder:#6b7280;--field-border:#b9c6d6;}
html[data-theme=dark]{--field-bg:#243149;--field-text:#f8fbff;--field-placeholder:#b8c4d8;--field-border:#48617f;}
input,select,textarea{font-weight:600;color:var(--field-text);}
input::placeholder,textarea::placeholder{color:var(--field-placeholder);opacity:1;}
select option{background:var(--field-bg);color:var(--field-text);}
/* font-size:15px fixo (varias declaracoes abaixo) ignorava data-font por
   completo - diferente de .data-table, que ja tinha overrides por tamanho.
   font-size:inherit deixa esses elementos seguirem o tamanho de <body>
   (que ja responde a data-font via html[data-font=X] body{font-size:...}),
   sem precisar duplicar um bloco de overrides por tamanho pra cada classe. */
.dist-panel,.supervision-panel{font-size:inherit;}
.dist-grid{grid-template-columns:repeat(4,minmax(210px,1fr));gap:18px;align-items:end;}
.dist-grid label{font-size:inherit;line-height:1.3;color:var(--text);}
.dist-grid input,.dist-grid select,
.filters-row select,.filters-row input,
.card-head select,
.dossier-pagination select,
.data-table select{
  min-height:48px;
  background:var(--field-bg)!important;
  color:var(--field-text)!important;
  border-color:var(--field-border)!important;
  font-size:inherit;
  font-weight:700;
  letter-spacing:.01em;
}
.dist-grid input:focus,.dist-grid select:focus,
.filters-row select:focus,.filters-row input:focus{
  outline:2px solid rgba(8,120,238,.38);
  border-color:var(--blue)!important;
}
.dist-operators{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.operator-check{min-height:58px;font-size:inherit;background:rgba(255,255,255,.06);}
.operator-check input{width:18px;height:18px;}
.operator-check small{font-size:12px;color:var(--muted);}
.sup-card small{font-size:13px}.sup-card span{font-size:13px}.sup-card b{line-height:1.15}
.data-table th,.data-table td{font-size:14px;line-height:1.35;}
@media(max-width:1200px){.dist-grid{grid-template-columns:repeat(2,minmax(210px,1fr));}}
@media(max-width:720px){.dist-grid{grid-template-columns:1fr}.dist-panel,.supervision-panel{font-size:14px;}}

/* v105 - Dashboard Executivo: tipografia e legibilidade dos dashboards */
.executive-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.exec-card{padding:22px 24px;min-height:122px}.exec-card small{font-size:13px;letter-spacing:.04em}.exec-card b{font-size:30px;line-height:1.15}.exec-card span{font-size:13px;margin-top:8px}.executive-grid{grid-template-columns:1fr 1fr}.executive-chart{min-height:245px}.exec-bar .lb-bar-col.multi{display:flex;gap:4px;align-items:flex-end;justify-content:center}.exec-bar .lb-bar-col.multi span{width:9px;border-radius:8px 8px 0 0}.exec-bar .lb-bar-col.multi span:nth-child(2){opacity:.72}.exec-bar .lb-bar-col.multi span:nth-child(3){opacity:.48}.executive-heatmap{padding:16px}.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:10px}.heat-cell{border:1px solid var(--border);background:rgba(13,126,255,.14);border-radius:14px;padding:12px;text-align:center;display:grid;gap:4px;min-height:82px}.heat-cell b{font-size:15px}.heat-cell small{color:var(--muted);font-weight:700}.heat-cell span{font-size:20px;font-weight:900}.exec-filter-panel .card-head h3,.supervision-panel .card-head h3{font-size:20px}.data-table th,.data-table td{font-size:14px}.money-soft{font-weight:900;color:var(--blue)}.success-soft{background:rgba(34,197,94,.10)!important;border-color:rgba(34,197,94,.25)!important}
@media(max-width:1100px){.executive-grid{grid-template-columns:1fr}.exec-card b{font-size:26px}}
.exec-ganho-banner{margin:0 24px 24px;display:flex;align-items:center;justify-content:center;gap:22px;padding:22px 26px;background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(13,126,255,.08));border:1px solid rgba(34,197,94,.35)}.exec-ganho-banner .exec-ganho-icone{font-size:34px;flex:0 0 auto}.exec-ganho-banner .exec-ganho-texto{flex:1 1 auto;max-width:760px;font-size:16px;line-height:1.5}.exec-ganho-banner .exec-ganho-texto b{color:#16a34a}.exec-ganho-banner .exec-ganho-selo{flex:0 0 auto;text-align:center;background:rgba(34,197,94,.18);border-radius:16px;padding:12px 20px}.exec-ganho-banner .exec-ganho-selo b{display:block;font-size:26px;color:#16a34a}.exec-ganho-banner .exec-ganho-selo small{color:var(--muted);font-weight:700}
@media(max-width:760px){.exec-ganho-banner{margin-left:12px;margin-right:12px;flex-direction:column;align-items:flex-start}}

/* V106.1 campanhas operacionais avançadas */
.check-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px 24px;margin-top:4px}.check-grid label{display:flex!important;align-items:center;gap:10px;border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:12px;padding:12px 14px;color:var(--text);font-weight:700}.check-grid input[type=checkbox]{width:18px;height:18px;accent-color:#1683ff}.diagnostico-box{grid-column:1/-1;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035);padding:16px;color:var(--text)}.diag-line{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.18)}.diag-line:last-child{border-bottom:0}.diag-line.strong{font-size:1.05rem;color:#bfdbfe}.diag-line span{text-align:right;color:var(--text);font-weight:700}.campanha-form-avancada input,.campanha-form-avancada select{font-size:15px;color:var(--text)!important;background:var(--panel)!important;border-color:var(--border)!important}.campanha-form-avancada label{color:var(--text);font-weight:800}
/* V107 - Metas e Produtividade */
.metric-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}
.metric-row span{color:var(--muted);font-weight:700}
.metric-row b{color:var(--text)}
.progress-line{height:10px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden;margin:6px 0 14px;border:1px solid rgba(96,165,250,.18)}
.progress-line i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22c55e)}
.mini-bars{display:flex;align-items:flex-end;gap:14px;height:190px;padding:16px 8px 0;overflow:auto}
.mini-bar{min-width:42px;height:150px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;color:#bfdbfe;font-size:12px}
.mini-bar i{width:22px;min-height:4px;border-radius:10px;background:#1e88ff;display:block;box-shadow:0 0 16px rgba(30,136,255,.25)}
.mini-bar b{font-size:11px;color:#fff}

/*micro*/
html[data-font="micro"]{
    font-size: 9px;      /* cerca de metade da extra_pequena */
}

html[data-font="micro"] body{
    font-size: inherit;
}

html[data-font="micro"] .card,
html[data-font="micro"] .table,
html[data-font="micro"] .btn,
html[data-font="micro"] input,
html[data-font="micro"] select,
html[data-font="micro"] textarea{
    font-size: 0.85rem;
}
/* MODO MICRO */
html[data-font="micro"] .sidebar{
    --menu-gap: 2px;
}

html[data-font="micro"] .sidebar .menu-item,
html[data-font="micro"] .sidebar a{
    padding: 4px 8px !important;
    min-height: 22px !important;
    margin: 1px 0 !important;
    border-radius: 6px !important;
}

html[data-font="micro"] .sidebar .menu-item i,
html[data-font="micro"] .sidebar a i{
    width: 14px !important;
    font-size: 10px !important;
    margin-right: 6px !important;
}

html[data-font="micro"] .sidebar .menu-item span,
html[data-font="micro"] .sidebar a span{
    font-size: 9px !important;
    line-height: 1.0 !important;
}

html[data-font="micro"] .menu-group-header{
    padding: 6px 8px !important;
    min-height: 24px !important;
}

html[data-font="micro"] .menu-group-panel{
    gap: 1px !important;
}

html[data-font="micro"] .sup-card b{font-size:16px!important}
html[data-font="micro"] .sidebar .menu-section b,
html[data-font="micro"] .sidebar .menu-group-title b{font-size:9px!important}

html[data-font="micro"] .sidebar .nav-item{
    margin-bottom: 2px !important;
}

html[data-font="micro"] .sidebar a{
    padding: 2px 6px !important;
    min-height: 18px !important;
}

html[data-font="micro"] .sidebar a span{
    font-size: 9px !important;
}

html[data-font="micro"] .sidebar a i{
    font-size: 9px !important;
    width: 12px !important;
}
/*micro*/
/* v108.1 - Preferências do usuário e acessibilidade */
/* v2 - "normal" era grande demais na prática (usuário pediu pra ficar do
   tamanho que "extra_pequena" tinha); "extra_pequena" e "pequena" foram
   reposicionados um degrau abaixo, entre o novo "normal" e o "micro", pra
   manter a escala micro < extra_pequena < pequena < normal monotônica. */
html[data-font="extra_pequena"] body{font-size:10px}
html[data-font="extra_pequena"] .data-table th,
html[data-font="extra_pequena"] .data-table td{font-size:9.5px}
html[data-font="extra_pequena"] .menu a{font-size:10px}
html[data-font="extra_pequena"] .topbar h1{font-size:12.5px}
html[data-font="extra_pequena"] .card h3{font-size:11px}
html[data-font="extra_pequena"] .sup-card b{font-size:18px!important}
html[data-font="extra_pequena"] .sidebar .menu-section b,
html[data-font="extra_pequena"] .sidebar .menu-group-title b{font-size:10px!important}
html[data-font="pequena"] body{font-size:11px}
html[data-font="pequena"] .menu a{font-size:11px}
html[data-font="pequena"] .topbar h1{font-size:13.75px}
html[data-font="pequena"] .card h3{font-size:12px}
html[data-font="pequena"] .sup-card b{font-size:20px!important}
html[data-font="pequena"] .sidebar .menu-section b,
html[data-font="pequena"] .sidebar .menu-group-title b{font-size:11px!important}
html[data-font="normal"] body{font-size:12px}
html[data-font="normal"] .menu a{font-size:12px}
html[data-font="normal"] .topbar h1{font-size:15px}
html[data-font="normal"] .card h3{font-size:13px}
html[data-font="normal"] .sup-card b{font-size:22px!important}
html[data-font="normal"] .sidebar .menu-section b,
html[data-font="normal"] .sidebar .menu-group-title b{font-size:12px!important}
html[data-font="grande"] body{font-size:16px}
/* v1 - .data-table nao respeitava fonte nenhuma alem de extra_pequena (o
   restante so mudava o font-size do body, que nao herda pra dentro de
   .data-table th/td por causa da regra fixa de 14px em outro lugar do
   arquivo). Completando pra todos os tamanhos, na mesma proporcao. */
html[data-font="micro"] .data-table th,
html[data-font="micro"] .data-table td{font-size:0.85rem}
html[data-font="pequena"] .data-table th,
html[data-font="pequena"] .data-table td{font-size:10.5px}
html[data-font="normal"] .data-table th,
html[data-font="normal"] .data-table td{font-size:11.5px}
html[data-font="grande"] .data-table th,
html[data-font="grande"] .data-table td{font-size:15.5px}
html[data-font="extra"] .data-table th,
html[data-font="extra"] .data-table td{font-size:17.5px}
html[data-font="extra"] body{font-size:18px}
html[data-font="grande"] .topbar h1,
html[data-font="extra"] .topbar h1{font-size:1.25em}
html[data-font="grande"] .card h3,
html[data-font="extra"] .card h3{font-size:1.15em}
html[data-font="grande"] .sup-card b,
html[data-font="extra"] .sup-card b{font-size:2.05em}
html[data-font="grande"] .sidebar .menu-section b,
html[data-font="grande"] .sidebar .menu-group-title b,
html[data-font="extra"] .sidebar .menu-section b,
html[data-font="extra"] .sidebar .menu-group-title b{font-size:1.15em!important}

html[data-density="compacta"] .card,
html[data-density="compacta"] .supervision-panel,
html[data-density="compacta"] .hero-card{padding:12px!important}
html[data-density="compacta"] .data-table th,
html[data-density="compacta"] .data-table td{padding:9px 11px!important}
html[data-density="compacta"] .menu a{padding:10px 13px!important}
html[data-density="compacta"] .topbar{height:58px!important}
html[data-density="compacta"] .supervision-hero{gap:10px!important;margin-top:10px!important}

html[data-density="confortavel"] .card,
html[data-density="confortavel"] .supervision-panel,
html[data-density="confortavel"] .hero-card{padding:24px!important}
html[data-density="confortavel"] .data-table th,
html[data-density="confortavel"] .data-table td{padding:17px 18px!important}
html[data-density="confortavel"] .menu a{padding:17px 18px!important}
html[data-density="confortavel"] .topbar{height:78px!important}
html[data-density="confortavel"] .supervision-hero{gap:20px!important}

html[data-chart-size="reduzido"] .lb-chart,
html[data-chart-size="reduzido"] .chart-area,
html[data-chart-size="reduzido"] .chart-box{min-height:145px!important;max-height:190px!important}
html[data-chart-size="normal"] .lb-chart,
html[data-chart-size="normal"] .chart-area,
html[data-chart-size="normal"] .chart-box{min-height:210px}
html[data-chart-size="expandido"] .lb-chart,
html[data-chart-size="expandido"] .chart-area,
html[data-chart-size="expandido"] .chart-box{min-height:320px!important}

.profile-modal-card{width:min(920px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto}.prefs-grid select{width:100%;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;outline:none}.pref-check{display:flex!important;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface)}.pref-check input{width:18px;height:18px}.compact-actions{justify-content:flex-start;margin-top:12px}.profile-password-box + .profile-password-box{margin-top:14px}


/* V115 - menu lateral com scroll seguro */
.sidebar{
  max-height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
}
.sidebar::-webkit-scrollbar{width:8px}
.sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:999px}
.sidebar .theme-switch,
.sidebar .collapse{flex-shrink:0}
.nav-accordion{padding-bottom:18px}
.app.menu-collapsed .sidebar{overflow-y:auto}
@media(max-height:760px){
  .sidebar .stats{margin-bottom:12px}
  .sidebar .menu a{padding-top:10px;padding-bottom:10px}
  .sidebar .tenant-badge{margin-bottom:10px}
  .sidebar .update{margin-bottom:10px}
}

/* V115 - controles de carteira/clientes */
.supervision-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.supervision-controls select,.supervision-controls button{min-height:38px}
.supervision-note{font-size:12px;color:var(--muted);margin-top:4px}

/* V116 - Monitor de Ramais AJAX */
.ramais-table tr{transition:background .25s}
.status-pill.danger{background:#fee2e2;color:#b91c1c;border-color:#fecaca}
.status-pill.muted{background:#e5e7eb;color:#374151;border-color:#cbd5e1}
.status-pill.warn{background:#fef3c7;color:#92400e;border-color:#fde68a}

/* V116.1 - Monitor de Ramais em cards compactos */
.ramais-kpis{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin:18px 0}
.ramais-kpis article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-height:84px}
.ramais-kpis small{display:block;color:var(--muted);font-weight:700;margin-bottom:8px}
.ramais-kpis b{display:block;font-size:28px;line-height:1}
.ramais-kpis span{display:block;color:var(--muted);margin-top:8px;font-size:12px}
.ramais-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;padding:14px}
.ramal-card{border:1px solid rgba(148,163,184,.35);border-radius:12px;background:rgba(15,23,42,.35);padding:10px 12px;min-height:94px;position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.ramal-card.ok{background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(15,23,42,.55));border-color:rgba(34,197,94,.55)}
.ramal-card.danger{background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(15,23,42,.55));border-color:rgba(239,68,68,.55)}
.ramal-card.muted{background:linear-gradient(135deg,rgba(148,163,184,.18),rgba(15,23,42,.55))}
.ramal-card.warn{background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(15,23,42,.55));border-color:rgba(245,158,11,.55)}
.ramal-top{display:flex;align-items:center;gap:8px}
/* font-size em em (nao px) pra seguir data-font via html[data-font=X] body{font-size:...},
   mesmo padrao ja usado em .dist-panel/.supervision-panel (ver comentario acima, V104) -
   os cards de ramais nao tinham essa responsividade e ficavam sempre no tamanho fixo. */
.ramal-top strong{font-size:1.14em;letter-spacing:.02em}
.ramal-info{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;background:#60a5fa;color:#fff;font-size:.86em;font-weight:800}
.ramal-phone{margin-left:auto;font-size:1.57em;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));border:0;background:transparent;padding:0;cursor:pointer;line-height:1;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none;outline:0}
.ramal-phone:hover{filter:drop-shadow(0 2px 2px rgba(0,0,0,.2)) brightness(1.25)}
.ramal-phone::-moz-focus-inner{border:0}
.ramal-operador{margin-top:6px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ramal-status{margin-top:6px;font-size:.86em;font-weight:800;color:var(--muted)}
.ramal-detalhe{margin-top:5px;font-size:.79em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ramal-empty{grid-column:1/-1;padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
.ramal-empty.error{color:#ef4444}
@media(max-width:900px){.ramais-kpis{grid-template-columns:repeat(2,1fr)}.ramais-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(max-width:520px){.ramais-kpis{grid-template-columns:1fr}}

/* V116.2 - Monitor profissional */
.ramal-fav{border:0;background:transparent;color:#94a3b8;font-size:1em;cursor:pointer;padding:0;margin-right:2px}
.ramal-fav.on{color:#facc15;text-shadow:0 0 8px rgba(250,204,21,.35)}
.ramal-status small{font-weight:700;color:var(--muted);margin-left:6px}
.ramais-compacto .ramais-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ramais-compacto .ramal-card{min-height:70px;padding:8px 10px}
.ramais-compacto .ramal-detalhe{display:none}
.ramais-compacto .ramal-status{font-size:.79em}
.ramais-compacto .ramal-operador{font-size:.86em}
.ramais-compacto .ramal-phone{font-size:1.29em}

/* V116.3 - Scroll elegante no menu lateral: aparece somente quando necessário/hover */
.sidebar{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:transparent transparent;
}
.sidebar:hover{
  scrollbar-color:rgba(148,163,184,.45) transparent;
}
.sidebar::-webkit-scrollbar{width:8px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
.sidebar:hover::-webkit-scrollbar-thumb{background:rgba(148,163,184,.42)}
.sidebar:hover::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.65)}
.sidebar .menu{padding-bottom:10px}
.sidebar .collapse{position:sticky;bottom:0}

/* V116.3 - Propostas seguindo CSS padrão do sistema */
.proposta-modal{
  width:min(1120px,96vw);
  max-height:92vh;
  overflow:hidden;
}
.proposta-modal .modal-form{
  padding:22px 24px;
  overflow:auto;
  max-height:calc(92vh - 78px);
}
.proposal-client-box{
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
  margin-bottom:18px;
  background:rgba(15,23,42,.12);
}
.proposal-client-box h4{
  margin:0 0 14px;
  color:var(--text);
  font-size:15px;
}
.client-search-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:end;
}
.client-search-input input,
.proposal-grid input,
.proposal-grid select,
.proposta-modal input,
.proposta-modal select{
  width:100%;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel);
  color:var(--text);
  padding:0 12px;
  outline:none;
  font:inherit;
}
.client-search-input input:focus,
.proposal-grid input:focus,
.proposal-grid select:focus,
.proposta-modal input:focus,
.proposta-modal select:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(22,132,255,.16);
}
.proposta-modal input::placeholder{color:var(--muted)}
.proposal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(180px,1fr));
  gap:16px;
}
.proposal-grid label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:var(--text);
  font-weight:700;
  font-size:13px;
}
.proposal-grid label.wide{
  grid-column:span 2;
}
.proposta-modal .modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  padding-top:18px;
  margin-top:8px;
  border-top:1px solid var(--line);
}
.client-result-list,
.selected-client-card{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
  color:var(--text);
  padding:10px;
}
.client-result-list .client-result-item{
  padding:10px;
  border-radius:10px;
  cursor:pointer;
}
.client-result-list .client-result-item:hover{
  background:rgba(22,132,255,.14);
}
@media(max-width:900px){
  .proposal-grid{grid-template-columns:1fr}
  .proposal-grid label.wide{grid-column:auto}
  .client-search-row{grid-template-columns:1fr}
}

/* V118 - Esteira por origem/campanha */
.esteira-origem-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:10px 0}
.esteira-origem-card{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:12px 14px;text-align:left;cursor:pointer}
.esteira-origem-card:hover{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,132,255,.14)}
.esteira-origem-card b{display:block;font-size:14px}
.esteira-origem-card span{display:block;color:var(--muted);margin-top:6px;font-size:12px}
.toast button.table-action{margin-top:8px;align-self:flex-start}

/* V121.2 - Esteira campanhas/totalizadores */
.esteira-origem-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}
.esteira-lateral-resumo{border:1px solid var(--line);background:rgba(15,23,42,.18);border-radius:14px;padding:12px;position:sticky;top:76px}
.esteira-lateral-resumo h4{margin:0 0 10px;font-size:14px}
.esteira-total-row{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 10px;margin-bottom:8px;cursor:pointer;text-align:left}
.esteira-total-row:hover{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,132,255,.12)}
.esteira-total-row.total{cursor:default;background:rgba(22,132,255,.12)}
.esteira-total-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esteira-total-row b{color:#93c5fd}
@media(max-width:1100px){.esteira-origem-layout{grid-template-columns:1fr}.esteira-lateral-resumo{position:static}}

/* V137 modal pagamento acima do detalhe */
.app-dialog.payment-dialog-top{
  z-index: 999999 !important;
}
.app-dialog.payment-dialog-top .app-dialog-card{
  position: relative;
  z-index: 1000000 !important;
}

#acordoDetalheModal{
  z-index: 9000;
}

/* V138 - modal dedicado de pagamento acima do detalhe */
.payment-dialog[hidden]{display:none!important}
.payment-dialog{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  background:rgba(3,12,28,.68)!important;
  backdrop-filter:blur(8px)!important;
}
.payment-dialog-card{
  width:min(430px,94vw)!important;
  max-height:92vh!important;
  overflow:auto!important;
  background:var(--panel)!important;
  color:var(--text)!important;
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.38)!important;
  padding:24px!important;
  text-align:center!important;
}
.payment-dialog-card .payment-form-grid{
  text-align:left!important;
}
.payment-dialog-card .detail-section{
  text-align:left!important;
}

/* V139 - força modal de pagamento acima de qualquer detalhe */
.payment-dialog{
  z-index:2147483647!important;
  position:fixed!important;
  inset:0!important;
}
.payment-dialog:not([hidden]){
  display:flex!important;
}
.payment-dialog-card{
  z-index:2147483647!important;
  position:relative!important;
}
.modal-backdrop,
#acordoDetalheModal{
  z-index:9000!important;
}


/* V147 - Monitor de Ramais: corte real de textos longos dentro dos cards */

/* Alvos amplos porque o card pode ter classes diferentes conforme a tela */
#ramaisGrid > *,
#ramaisContainer > *,
#ramaisCards > *,
#extensionsGrid > *,
#monitorRamaisGrid > *,
.ramais-grid > *,
.extensions-grid > *,
.monitor-ramais-grid > *,
.ramal-card,
.extension-card,
.card-ramal,
.ramal-item,
.extension-item,
.ext-card {
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Todo conteúdo textual do card deve respeitar a largura do card */
#ramaisGrid > * *,
#ramaisContainer > * *,
#ramaisCards > * *,
#extensionsGrid > * *,
#monitorRamaisGrid > * *,
.ramais-grid > * *,
.extensions-grid > * *,
.monitor-ramais-grid > * *,
.ramal-card *,
.extension-card *,
.card-ramal *,
.ramal-item *,
.extension-item *,
.ext-card * {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Linhas de texto: nome, ramal, detalhe AMI/IP e status */
#ramaisGrid > * div,
#ramaisGrid > * span,
#ramaisGrid > * small,
#ramaisGrid > * p,
#ramaisContainer > * div,
#ramaisContainer > * span,
#ramaisContainer > * small,
#ramaisContainer > * p,
#ramaisCards > * div,
#ramaisCards > * span,
#ramaisCards > * small,
#ramaisCards > * p,
#extensionsGrid > * div,
#extensionsGrid > * span,
#extensionsGrid > * small,
#extensionsGrid > * p,
#monitorRamaisGrid > * div,
#monitorRamaisGrid > * span,
#monitorRamaisGrid > * small,
#monitorRamaisGrid > * p,
.ramais-grid > * div,
.ramais-grid > * span,
.ramais-grid > * small,
.ramais-grid > * p,
.extensions-grid > * div,
.extensions-grid > * span,
.extensions-grid > * small,
.extensions-grid > * p,
.monitor-ramais-grid > * div,
.monitor-ramais-grid > * span,
.monitor-ramais-grid > * small,
.monitor-ramais-grid > * p,
.ramal-card div,
.ramal-card span,
.ramal-card small,
.ramal-card p,
.extension-card div,
.extension-card span,
.extension-card small,
.extension-card p,
.card-ramal div,
.card-ramal span,
.card-ramal small,
.card-ramal p,
.ext-card div,
.ext-card span,
.ext-card small,
.ext-card p {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Reserva espaço do ícone de telefone no topo/direita */
#ramaisGrid > * > :first-child,
#ramaisContainer > * > :first-child,
#ramaisCards > * > :first-child,
#extensionsGrid > * > :first-child,
#monitorRamaisGrid > * > :first-child,
.ramais-grid > * > :first-child,
.extensions-grid > * > :first-child,
.monitor-ramais-grid > * > :first-child,
.ramal-card > :first-child,
.extension-card > :first-child,
.card-ramal > :first-child,
.ext-card > :first-child {
  padding-right: 34px !important;
}

/* Qualquer ícone/imagem absoluto deve ficar dentro do card */
#ramaisGrid > * img,
#ramaisGrid > * svg,
#ramaisContainer > * img,
#ramaisContainer > * svg,
#ramaisCards > * img,
#ramaisCards > * svg,
#extensionsGrid > * img,
#extensionsGrid > * svg,
#monitorRamaisGrid > * img,
#monitorRamaisGrid > * svg,
.ramais-grid > * img,
.ramais-grid > * svg,
.extensions-grid > * img,
.extensions-grid > * svg,
.monitor-ramais-grid > * img,
.monitor-ramais-grid > * svg,
.ramal-card img,
.ramal-card svg,
.extension-card img,
.extension-card svg,
.card-ramal img,
.card-ramal svg,
.ext-card img,
.ext-card svg {
  flex: 0 0 auto !important;
}

/* Cards em chamada: mantém layout estável e impede o status de invadir a linha inferior */
#ramaisGrid > *.em-chamada,
#ramaisGrid > *.in-call,
#ramaisGrid > *.busy,
#ramaisGrid > *.ocupado,
.ramais-grid > *.em-chamada,
.ramais-grid > *.in-call,
.ramais-grid > *.busy,
.ramais-grid > *.ocupado,
.ramal-card.em-chamada,
.ramal-card.in-call,
.ramal-card.busy,
.ramal-card.ocupado,
.extension-card.em-chamada,
.extension-card.in-call,
.extension-card.busy,
.extension-card.ocupado,
.card-ramal.em-chamada,
.card-ramal.in-call,
.card-ramal.busy,
.card-ramal.ocupado {
  overflow: hidden !important;
}

/* Se a tela usa badges, eles não podem estourar largura */
.badge,
.badge-status,
.status-badge,
.ramal-status,
.status-pill,
.monitor-status {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Grade sem vazar horizontalmente */
#ramaisGrid,
#ramaisContainer,
#ramaisCards,
#extensionsGrid,
#monitorRamaisGrid,
.ramais-grid,
.extensions-grid,
.monitor-ramais-grid {
  overflow-x: hidden !important;
}

/* .check-inline nunca teve CSS no ProjetoBase (usada em licencas.php e
   cobranca-digital.php sem estilo nenhum, deixando os checkboxes nativos
   do navegador em tamanho grande e sem alinhamento). Segue o mesmo padrao
   de .check (usado no login). Especificidade ".form-grid label.check-inline"
   (nao so ".check-inline") e' necessaria pra vencer ".form-grid label{display:grid}",
   que senao empilha o checkbox em cima do texto em vez de lado a lado. */
.check-inline,
.form-grid label.check-inline {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  margin: 0;
  padding: 6px 0;
}
.check-inline input,
.form-grid label.check-inline input {
  width: auto;
  height: auto;
  margin: 0;
  flex: 0 0 auto;
}

/* cobransaas-config.php - o ProjetoBase tinha um <style> inteiro fixo em
   modo escuro (cores hex tipo #16243a, #0e1b2d) que ignorava o tema
   claro/escuro do resto do app. Usando variaveis (--panel/--text/--line)
   pra respeitar o tema, igual as outras telas. */
.cfg-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.cfg-code {
  background: var(--soft);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 420px;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9em;
}

/* atendimento.php usa estas classes (tira de contatos do cabecalho), mas
   elas nunca existiram na copia do app.css que veio do ProjetoBase - o
   original deve ter evoluido numa versao de app.css mais nova que nao
   chegou a ser copiada. Estilo minimo, no mesmo padrao visual do .detail-box. */
.attendant-info-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
/* Mesmo problema ja' corrigido pro .modal-backdrop: o atributo hidden por si
   so' nao vence a regra display:grid acima (ambas tem a mesma especificidade
   e esta vem depois na cascata), entao a tira de contato ficava visivel em
   qualquer aba, nao so' no Resumo. */
.attendant-info-strip[hidden] {
  display: none !important;
}
.info-pill {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 14px;
  padding: 12px 14px;
}
.info-pill.wide {
  grid-column: span 1;
}
.info-pill small {
  display: block;
  color: var(--muted);
  margin-bottom: 6px;
}
.line-with-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.clip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .attendant-info-strip {
    grid-template-columns: 1fr;
  }
}

/* Autocomplete de cliente (nome/CIC) no modal de lembrete - busca local
   sempre (assets/js/layout.js + api/assessorias/clientes.php). */
.lembrete-cliente-busca {
  position: relative;
}
.lembrete-cliente-resultados {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 20;
  margin-top: 4px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  max-height: 220px;
  overflow-y: auto;
}
.lembrete-cliente-resultados button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--line);
  color: var(--text);
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.lembrete-cliente-resultados button:last-child {
  border-bottom: none;
}
.lembrete-cliente-resultados button:hover,
.lembrete-cliente-resultados button:focus {
  background: var(--soft);
}
.lembrete-cliente-resultados button small {
  color: var(--muted);
}
.lembrete-cliente-vazio {
  padding: 10px 12px;
  color: var(--muted);
  font-size: 0.92em;
}

/* cobransaas-config.php - a tabela de carteiras seleciona uma linha por
   clique (assets/js/cobransaas-config.js) sem nenhuma pista visual de qual
   estava selecionada, entao "Testar carteira selecionada" agia sobre a
   primeira linha (auto-selecionada ao carregar) sem o usuario perceber. */
#tblCfg tbody tr[data-id] {
  cursor: pointer;
}
#tblCfg tbody tr.selected-row {
  background: var(--soft);
  box-shadow: inset 3px 0 0 var(--blue);
}
html[data-theme=dark] #tblCfg tbody tr.selected-row {
  background: rgba(255, 255, 255, 0.06);
}

/* Botao flutuante que abre o .chat-panel (esse ja tinha position:fixed no
   CSS original do ProjetoBase, mas o botao lancador em si nao - sem isso
   ele ficaria preso no fluxo normal da pagina em vez de flutuar). */
.chat-launcher {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 2998;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
}

/* Histórico de atendimento (public/atendimento.php) - painel em tabela com
   filtro por canal, contador de registros e botão de observação rápida. */
.history-card{grid-column:1/-1}
.history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px;flex-wrap:wrap}
.history-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.history-title-line h3{margin:0}
.history-head>div>small{display:block;margin-top:5px;color:var(--muted)}
.history-count{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:rgba(8,120,238,.12);color:var(--blue);border:1px solid rgba(8,120,238,.25);font-size:11px;font-weight:800}
.history-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.history-filter-label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.history-filter-label select{min-width:180px;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700}
.history-add-button{min-height:38px;padding:0 16px;border-radius:8px}
.history-table-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.history-table-head,.history-table-row{display:grid;grid-template-columns:130px minmax(140px,.9fr) 100px minmax(140px,.8fr) minmax(220px,1.8fr);align-items:center}
.history-table-head{min-height:38px;padding:0 12px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.history-table-body{max-height:420px;overflow-y:auto;scrollbar-width:thin}
.history-table-row{min-height:50px;padding:0 12px;border-top:1px solid var(--line);background:var(--panel)}
.history-table-row:hover{background:var(--soft)}
.history-table-row[hidden]{display:none!important}
.history-cell{min-width:0;padding:8px;font-size:12px;color:var(--text)}
.history-date{color:var(--muted);font-size:11px;white-space:nowrap}
.history-action{display:flex;align-items:center;gap:8px;min-width:0}
.history-action strong{font-size:11px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-action-icon{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:rgba(8,120,238,.12);color:var(--blue);font-style:normal;font-size:12px}
.history-channel{display:inline-flex;padding:3px 8px;border-radius:6px;background:rgba(8,120,238,.12);color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;width:max-content}
.history-user{display:flex;align-items:center;gap:8px;min-width:0}
.history-user span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.history-avatar{width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#dce7f5;color:#253a55;display:grid;place-items:center;font-size:9px;font-weight:800}
.history-observation span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.history-telefone .history-action-icon{color:#17b65a;background:rgba(23,182,90,.12)}
.history-whatsapp .history-action-icon{color:#168cff;background:rgba(22,140,255,.12)}
.history-retorno .history-action-icon{color:#f59e0b;background:rgba(245,158,11,.12)}
.history-negociacao .history-action-icon{color:#8b5cf6;background:rgba(139,92,246,.12)}
.history-observacao .history-action-icon{color:#f6c515;background:rgba(246,197,21,.12)}
.history-empty{padding:24px;text-align:center;color:var(--muted)}
.history-footer{display:flex;justify-content:center;padding-top:14px;margin-top:2px}
.history-full-button{min-width:200px}
@media(max-width:1100px){.history-table-wrap{overflow-x:auto}.history-table-head,.history-table-row{min-width:760px}}
@media(max-width:760px){.history-head{flex-direction:column}.history-actions,.history-filter-label,.history-filter-label select,.history-add-button{width:100%}}

/* Barra de progresso indeterminada (public/lotes.php) - sincronizacao de
   lotes grandes roda em uma unica requisicao longa, sem retorno incremental
   do backend, entao mostramos progresso indeterminado + tempo decorrido em
   vez de fingir uma porcentagem que nao temos como calcular de verdade. */
.sync-progress{margin:14px 0;display:grid;gap:8px}.sync-progress[hidden]{display:none}
.sync-progress-bar{height:10px;border-radius:999px;background:var(--soft);overflow:hidden;position:relative}
.sync-progress-fill{position:absolute;top:0;bottom:0;width:35%;border-radius:999px;background:linear-gradient(90deg,var(--blue),#5b9bff);animation:syncProgressSlide 1.1s ease-in-out infinite}
@keyframes syncProgressSlide{0%{left:-35%}100%{left:100%}}
.sync-progress small{color:var(--muted);font-weight:700}

/* Negociações (public/negociacoes.php) - Proposta e Resultado da simulação
   lado a lado, em vez de empilhados, pra comparar entrada/desconto com o
   resultado sem precisar rolar a tela. */
.phone-call-link{text-decoration:none;color:inherit;border-radius:6px;transition:color .12s}
.phone-call-link:hover{color:#18b354}
.phone-call-link b{min-width:120px}

.neg-side-by-side{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start;margin:0 24px 24px}
.neg-side-by-side .card,.neg-side-by-side .supervision-panel{margin:0!important}
@media(max-width:1100px){.neg-side-by-side{grid-template-columns:1fr}}
/* Tabela de resultado e' mais estreita (coluna direita) - sem o min-width
   generico de .data-table, senao ela estoura a largura do card e desalinha. */
#negResultadoTabela{min-width:0!important;width:100%}
#negResultadoTabela th,#negResultadoTabela td{padding:8px 6px!important;font-size:12.5px!important;white-space:nowrap}
#negResultadoBox .dist-actions{justify-content:flex-end;margin-top:14px}

/* Spinner generico pra estados "consultando..." em relatorios lentos (ex.:
   Controle de Pagamentos, quando a carteira usa integracao remota). */
.lb-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(148,163,184,.35);border-top-color:#0d7eff;border-radius:50%;vertical-align:-2px;margin-right:6px;animation:lb-spin .7s linear infinite}
@keyframes lb-spin{to{transform:rotate(360deg)}}

/* v148 - modal de campanha do discador: rolagem (o form e' longo e ficava
   cortado embaixo, sem scrollbar) + contraste/organizacao dos labels que
   nao usam .form-row (por isso ficavam grudados no texto/input, sem
   quebra de linha nem cor de fundo definida). */
#campanhaModal .modal-card{max-height:min(760px,92vh);display:flex;flex-direction:column}
#campanhaModal .modal-form{overflow-y:auto;flex:1 1 auto}
#campanhaModal .modal-form>label{display:flex;flex-direction:column;gap:7px;margin:0 0 16px;font-weight:700;color:var(--text)}
#campanhaModal .modal-form>label>input,#campanhaModal .modal-form>label>select,#campanhaModal .modal-form>label>textarea{height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;font:inherit;font-weight:500}
#campanhaModal .modal-form>label>textarea{height:auto;min-height:76px;padding:10px 12px;resize:vertical}
#campanhaModal .modal-form>label>small{font-weight:500;color:var(--muted);line-height:1.4}
#campanhaModal .modal-form .form-row.two>label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:var(--text);margin:0}
#campanhaModal .modal-form .form-row.two{margin-bottom:16px}
#campanhaModal .modal-form>label>div[id]{border-color:var(--border);background:var(--surface)}
#campanhaModal .modal-form .checkline{margin:0 0 16px}
#campanhaModal .modal-form small code{background:rgba(8,120,238,.10);border:1px solid rgba(8,120,238,.18);border-radius:6px;padding:1px 5px}

/* v149 - modal de bloqueio do discador (blacklist): mesmo problema do
   modal de campanha - label "Motivo" solto (sem .form-row) ficava
   sobreposto ao input, sem quebra de linha. */
#blacklistModal .modal-form>label{display:flex;flex-direction:column;gap:7px;margin:0 0 16px;font-weight:700;color:var(--text)}
#blacklistModal .modal-form>label>input,#blacklistModal .modal-form>label>select{height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;font:inherit;font-weight:500}
#blacklistModal .modal-form .form-row.two>label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:var(--text);margin:0}
#blacklistModal .modal-form .form-row.two{margin-bottom:16px}
#blacklistModal .modal-form .checkline{margin:0}
/* v150 - botao "Bloquear no discador" nas Acoes rapidas do Atendimento. */
.quick .block{background:linear-gradient(135deg,#e11d48,#9f1239)}
/* v151 - mesmo botao na listagem de Clientes, ao lado de Atender/Negociar/Auditoria. */
.danger-row-action{background:#ffe7e7!important;color:#b00020!important;border-color:#ffc9c9!important;font:inherit;cursor:pointer}
.danger-row-action:disabled{opacity:.6;cursor:not-allowed}
html[data-theme=dark] .danger-row-action{background:rgba(190,18,60,.18)!important;color:#ff8da4!important;border-color:rgba(255,141,164,.35)!important}
/* v152 - banner bem evidente no Atendimento quando o cliente aberto ja'
   esta' bloqueado no discador (pedido explicito do usuario). */
.blacklist-banner{display:flex;gap:14px;align-items:center;margin:24px 24px 0;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#fff1f2,#fff);border:2px solid #e11d48;color:#9f1239;box-shadow:0 10px 26px rgba(225,29,72,.14);animation:blacklist-pulse 1.8s ease-in-out infinite}
.blacklist-banner[hidden]{display:none!important}
.blacklist-banner-icon{font-size:28px;flex:0 0 auto}
.blacklist-banner b{display:block;font-size:15px}
.blacklist-banner small{display:block;color:#be123c;margin-top:2px;font-weight:600}
html[data-theme=dark] .blacklist-banner{background:linear-gradient(135deg,rgba(190,18,60,.22),rgba(190,18,60,.08));border-color:#ff5d7a;color:#ffd0d9}
html[data-theme=dark] .blacklist-banner small{color:#ff9db0}
@keyframes blacklist-pulse{0%,100%{box-shadow:0 10px 26px rgba(225,29,72,.14)}50%{box-shadow:0 10px 32px rgba(225,29,72,.32)}}