:root{
  --nav:#111925;--nav-2:#172231;--nav-active:#123047;--nav-text:#b9c5d3;--nav-blue:#14a3df;
  --bg:#f6f7f9;--surface:#fff;--border:#e8edf2;--text:#111827;--muted:#687386;
  --blue:#149bd7;--blue-dark:#0f6f9d;--blue-soft:#e8f6fc;--green:#16a86b;--green-soft:#e9f8f0;
  --red:#ef4444;--red-soft:#fff1f2;--amber:#f59e0b;--amber-soft:#fff7e8;
  --shadow:0 1px 2px rgba(15,23,42,.04);--radius:12px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
button,input,select{font:inherit}
.app-shell{min-height:100vh;display:grid;grid-template-columns:210px minmax(0,1fr);transition:grid-template-columns .2s ease}
.sidebar{height:100vh;position:sticky;top:0;background:var(--nav);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04);overflow:hidden;z-index:50}
.sidebar-brand{height:56px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.brand-mark{width:28px;height:28px;border-radius:50%;background:#13a9e2;display:grid;place-items:center;font-size:10px;font-weight:900;color:#fff;flex:0 0 auto;box-shadow:0 4px 12px rgba(19,169,226,.18)}
.brand-copy{min-width:0;display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:14px;white-space:nowrap}.brand-copy small{font-size:9px;color:#7f8da1;margin-top:3px;white-space:nowrap}
.sidebar-toggle{margin-left:auto;border:0;background:transparent;color:#8e9bab;font-size:16px;width:28px;height:28px;border-radius:7px;cursor:pointer}.sidebar-toggle:hover{background:rgba(255,255,255,.06);color:#fff}
.side-nav{padding:12px 8px;display:grid;gap:4px}.side-item{height:34px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:9px;text-decoration:none;color:var(--nav-text);font-size:12px;white-space:nowrap;transition:.15s}.side-item:hover{background:rgba(255,255,255,.05);color:#fff}.side-item.active{background:var(--nav-active);color:#18adf0}.side-icon{width:16px;display:inline-grid;place-items:center;font-size:15px;flex:0 0 auto}.side-label{overflow:hidden;text-overflow:ellipsis}
.sidebar-footer{margin-top:auto;padding:10px 8px 12px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-user{display:flex;align-items:center;gap:9px;padding:8px 8px 10px}.avatar{width:29px;height:29px;border-radius:9px;background:#1d3448;color:#5bc4f2;display:grid;place-items:center;font-size:12px;font-weight:800;flex:0 0 auto}.sidebar-user-copy{min-width:0;display:flex;flex-direction:column}.sidebar-user-copy strong{font-size:10px;color:#e5edf5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:142px}.sidebar-user-copy small{font-size:9px;color:#75849a;margin-top:3px}.logout-item{color:#aab6c5}
.sidebar-collapsed{grid-template-columns:58px minmax(0,1fr)}.sidebar-collapsed .brand-copy,.sidebar-collapsed .side-label,.sidebar-collapsed .sidebar-user-copy{display:none}.sidebar-collapsed .sidebar-brand{padding:0;justify-content:center}.sidebar-collapsed .brand-mark{display:none}.sidebar-collapsed .sidebar-toggle{display:grid;place-items:center;margin:0;color:#a8b4c3;background:rgba(255,255,255,.035)}.sidebar-collapsed .sidebar-toggle:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar-collapsed .side-item{justify-content:center;padding:0}.sidebar-collapsed .side-icon{width:auto}.sidebar-collapsed .sidebar-user{justify-content:center;padding-left:0;padding-right:0}
.content-area{min-width:0;padding:26px 26px 40px;background:var(--bg)}
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-header h1,.page-head h1{font-size:24px;line-height:1.2;margin:0;color:#0b1220;letter-spacing:-.45px}.page-header p,.page-head p{margin:5px 0 0;font-size:13px;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.user-chip{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:6px 9px;box-shadow:var(--shadow)}.user-chip .avatar{background:var(--blue-soft);color:var(--blue-dark)}.user-chip-copy{display:flex;flex-direction:column;max-width:220px}.user-chip-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip-copy small{font-size:9px;color:var(--muted);margin-top:2px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.status-line{font-size:10px;color:#8a95a5}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.btn{border:1px solid #dfe5eb;background:#fff;color:#334155;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:11px;font-weight:650;box-shadow:0 1px 1px rgba(15,23,42,.02);transition:.15s}.btn:hover{background:#f9fbfc;border-color:#ccd6df}.btn.primary{background:#0f94d1;border-color:#0f94d1;color:#fff}.btn.primary:hover{background:#0c84bc}.btn.big{width:100%;padding:11px 13px;font-size:12px}.btn.small{padding:5px 7px;font-size:10px}.filter-wrap{position:relative}.filter-pop{position:absolute;right:0;top:39px;width:285px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:13px;box-shadow:0 16px 40px rgba(15,23,42,.14);z-index:80}.filter-pop small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.filter-pop label{font-size:10px}
.dashboard-control{display:flex;align-items:end;gap:12px;margin-bottom:18px}.dashboard-control label{width:250px}.dashboard-control .field-caption{font-size:10px;color:#59667a;margin-bottom:6px;display:block}
label{display:grid;gap:6px;font-size:11px;font-weight:650;color:#536176}input,select{width:100%;border:1px solid #dbe2e9;border-radius:8px;padding:9px 10px;background:#fff;color:#1f2937;font-size:11px}input:focus,select:focus{outline:2px solid #d9f0fb;border-color:#58b9e6}select:disabled{background:#f2f4f7;color:#667085}
.grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.card{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;min-width:440px;min-height:250px;resize:both;display:flex;flex-direction:column;box-shadow:var(--shadow)}.card.dragging{opacity:.45;outline:2px dashed var(--blue)}.card-top{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid var(--border);cursor:grab;user-select:none}.card-title-wrap{display:flex;align-items:center;gap:9px;min-width:0}.card-icon{width:27px;height:27px;border-radius:8px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue);font-size:13px;flex:0 0 auto}.card-title{font-weight:750;font-size:11px;color:#243041;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;align-items:center;gap:6px}.card-value{height:24px;border-radius:8px;padding:0 8px;background:var(--green-soft);color:#188653;display:grid;place-items:center;font-size:9px;font-weight:750;border:1px solid #d6efe1}.badge{min-width:25px;height:24px;border-radius:8px;padding:0 7px;background:#0f94d1;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.excel{width:25px;height:24px;display:grid;place-items:center;color:#15925c;font-size:13px;text-decoration:none;border:1px solid #dfe7ed;border-radius:7px;background:#fff}.excel:hover{background:#f3faf6}
.table-wrap{overflow:auto;flex:1;min-height:0}table{border-collapse:separate;border-spacing:0;min-width:100%;table-layout:fixed}th,td{position:relative;padding:7px 8px;border-bottom:1px solid #edf1f4;text-align:left;font-size:9px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th{position:sticky;top:0;z-index:3;background:#f8fafc;color:#637083;font-weight:750;cursor:pointer;user-select:none}.resizer{position:absolute;top:0;right:-2px;width:6px;height:100%;cursor:col-resize;z-index:4}.sort-arrow{margin-left:4px;font-size:8px;color:var(--blue)}tbody tr:hover td{background:#fafcfd}
.loading{display:inline-block;width:11px;height:11px;border:2px solid #d3dbe3;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:5px}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:10px 12px;border-radius:8px;font-size:11px;margin:10px 0}.alert.error{background:#fff2f2;border:1px solid #f4c8c8;color:#9b2c2c}.alert.success{background:#effaf4;border:1px solid #c8ead7;color:#1d7141}.empty-state,.placeholder{text-align:center;color:var(--muted);padding:70px 20px}.placeholder{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.placeholder-icon{width:46px;height:46px;margin:0 auto 12px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:22px}.placeholder h2{color:#172033;font-size:17px;margin:0 0 7px}.placeholder p{font-size:11px;margin:0}
.panel{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;box-shadow:var(--shadow)}.table-panel{overflow:auto}.users-table{width:100%;table-layout:auto}.users-table th{position:static;background:#f8fafc;font-size:10px}.users-table td{font-size:10px;padding:10px 9px}.pill,.status-pill{display:inline-block;padding:4px 7px;border-radius:7px;background:#edf3f7;font-size:9px;font-weight:750}.status-pill.on{background:#e8f8ef;color:#1f7a46}.status-pill.off{background:#f2f3f5;color:#7b8190}.row-actions{display:flex;gap:5px}
.modal-backdrop{position:fixed;inset:0;background:rgba(10,20,32,.48);display:grid;place-items:center;z-index:100;padding:20px}.modal-backdrop[hidden]{display:none}.modal{width:min(680px,100%);background:#fff;border-radius:14px;padding:20px;box-shadow:0 24px 65px rgba(0,0,0,.22)}.modal-head{display:flex;justify-content:space-between;gap:15px}.modal-head h2{margin:0;color:#151f30;font-size:18px}.modal-head p{margin:5px 0;color:var(--muted);font-size:10px}.icon-btn{border:0;background:transparent;font-size:22px;cursor:pointer}.form-stack,.form-grid{display:grid;gap:14px;margin-top:20px;text-align:left}.form-grid{grid-template-columns:1fr 1fr}.span2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}
.page-login{min-height:100vh;display:grid;grid-template-columns:minmax(320px,42%) 1fr;background:#f6f7f9}.login-side{background:var(--nav);padding:50px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.login-side .login-brand{display:flex;align-items:center;gap:11px}.login-side h2{font-size:34px;max-width:440px;line-height:1.12;margin:0 0 14px;letter-spacing:-1px}.login-side p{font-size:13px;color:#95a3b6;max-width:420px;line-height:1.6}.login-feature{display:flex;align-items:center;gap:10px;color:#aab6c6;font-size:11px;margin-top:10px}.login-feature span{width:26px;height:26px;border-radius:8px;background:#172b3d;color:#19adef;display:grid;place-items:center}.login-main{display:grid;place-items:center;padding:35px}.login-card{width:min(390px,100%);background:#fff;border:1px solid var(--border);border-radius:14px;padding:30px;box-shadow:0 10px 35px rgba(15,23,42,.06)}.login-logo{width:42px;height:42px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:12px;margin-bottom:17px}.login-card h1{font-size:23px;color:#111827;margin:0}.login-card>p{color:var(--muted);font-size:11px;margin:7px 0 0}
@media(max-width:950px){.app-shell{grid-template-columns:58px minmax(0,1fr)}.brand-copy,.side-label,.sidebar-user-copy{display:none}.sidebar-toggle{display:none}.side-item{justify-content:center;padding:0}.sidebar-user{justify-content:center}.content-area{padding:20px 16px}.page-login{grid-template-columns:1fr}.login-side{display:none}.card{min-width:100%;width:100%!important}.form-grid{grid-template-columns:1fr}.span2{grid-column:span 1}}

/* ========================= CLIENTES ========================= */
.clients-header{align-items:center;margin-bottom:26px}.clients-top-actions{margin-left:auto}.client-filter-panel{display:grid;grid-template-columns:auto repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:end;padding:14px 16px;margin-bottom:14px;overflow:visible}.client-filter-title{display:flex;align-items:center;gap:7px;color:#64748b;font-size:12px;font-weight:700;padding:0 4px 10px 0;white-space:nowrap}.client-filter-panel label{gap:5px}.client-filter-panel label span{font-size:10px;color:#344054;font-weight:700}.client-filter-panel input{height:38px}.clear-filters{border:0;background:transparent;color:#64748b;font-size:10px;cursor:pointer;padding:0 3px 12px;white-space:nowrap}.clear-filters:hover{color:#111827}.client-summary{min-height:58px;padding:10px 15px;display:flex;align-items:center;gap:15px;margin-bottom:14px}.client-summary-item{display:flex;align-items:center;gap:9px}.client-summary-item div{display:grid;gap:2px}.client-summary-item small{font-size:9px;color:#7b8798}.client-summary-item strong{font-size:12px;color:#111827}.summary-icon{width:28px;height:28px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.client-summary-sep{width:1px;height:32px;background:#e7ebef}.client-scope{margin-left:auto;font-size:9px;color:#708096;background:#f5f8fa;border-radius:7px;padding:5px 8px}.client-search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.client-search-box{width:min(360px,100%);height:38px;border:1px solid #dfe5eb;border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;color:#718096;box-shadow:var(--shadow)}.client-search-box input{border:0;outline:0;padding:0;background:transparent;height:100%;font-size:11px}.client-search-box input:focus{outline:0}.clients-layout-actions{display:flex;gap:7px}.client-table-panel{overflow:hidden}.client-table-wrap{position:relative;overflow:auto;min-height:390px;max-height:calc(100vh - 365px)}.client-table{width:100%;min-width:1000px;table-layout:fixed}.client-table th,.client-table td{font-size:10px;padding:10px 8px;height:38px}.client-table th{background:#f8fafc;color:#667085;z-index:4}.client-table th.col-dragging{opacity:.45;background:#e6f5fb}.client-table tbody tr:hover td{background:#f8fbfd}.client-loading,.client-empty{padding:50px 20px;text-align:center;color:#78869a;font-size:11px}.column-popover{position:absolute;z-index:120;width:260px;background:#fff;border:1px solid #dfe6ec;border-radius:11px;box-shadow:0 18px 50px rgba(15,23,42,.16);padding:12px}.column-popover[hidden]{display:none}.column-popover-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px}.column-popover-head button{border:0;background:transparent;font-size:18px;cursor:pointer;color:#6b7280}.column-choices{display:grid;gap:3px;max-height:340px;overflow:auto}.column-choice{display:flex;grid-template-columns:none;flex-direction:row;align-items:center;gap:8px;padding:7px 6px;border-radius:7px;cursor:pointer;font-size:10px;color:#344054}.column-choice:hover{background:#f6f8fa}.column-choice input{width:14px;height:14px;padding:0;margin:0}.column-choice span{font-weight:500}.client-table .resizer{right:0;width:7px}.client-table .resizer:hover{background:rgba(20,155,215,.14)}
@media(max-width:1100px){.client-filter-panel{grid-template-columns:repeat(2,minmax(160px,1fr))}.client-filter-title,.clear-filters{padding:0}.clients-header{align-items:flex-start}.client-search-row{align-items:stretch;flex-direction:column}.clients-layout-actions{justify-content:flex-end}.client-table-wrap{max-height:none}}

/* Clientes / Oportunidades de recompra */
.client-table tbody tr.client-opportunity-row td{background:#fff9db}
.client-table tbody tr.client-opportunity-row:hover td{background:#fff3bf}
.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:21px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}
.status-badge.opportunity{background:#fff0b3;color:#8a5a00;border:1px solid #ffe08a}
.status-badge.active{background:#dcfce7;color:#157347;border:1px solid #bbf7d0}

/* ========================= DETALHE DO CLIENTE ========================= */
.client-clickable-row{cursor:pointer}.client-clickable-row td{transition:background .12s ease}.client-clickable-row:hover td{background:#f0f8fc!important}
.client-detail-header{align-items:center;margin-bottom:14px}.client-detail-title-wrap h1{margin-top:7px}.back-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue-dark);text-decoration:none;font-size:10px;font-weight:700}.back-link:hover{text-decoration:underline}.client-detail-status{padding-top:8px}
.client-detail-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-bottom:14px;padding:0 4px}.detail-summary-item{padding:13px 16px;border-right:1px solid var(--border);display:grid;gap:4px}.detail-summary-item:last-child{border-right:0}.detail-summary-item small{font-size:9px;color:#7b8798;text-transform:uppercase;letter-spacing:.03em}.detail-summary-item strong{font-size:11px;color:#172033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-tabs{display:flex;align-items:center;padding:0 12px;height:48px;margin-bottom:12px;overflow:visible}.client-tab{height:48px;padding:0 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;font-size:11px;font-weight:700;cursor:pointer}.client-tab.active{color:var(--blue-dark);border-bottom-color:var(--blue)}
.client-detail-card{overflow:hidden}.detail-card-head{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;align-items:center}.detail-card-head h2{margin:0;font-size:15px;color:#172033}.detail-card-head p{margin:5px 0 0;font-size:10px;color:#778399}.ranking-meta{display:flex;gap:18px;font-size:9px;color:#7b8798;white-space:nowrap}.ranking-meta strong{color:#27364a}.ranking-table-wrap{position:relative;min-height:240px;overflow:auto}.ranking-table{width:100%;table-layout:fixed}.ranking-table th,.ranking-table td{font-size:10px;padding:11px 12px;height:40px}.ranking-table th{background:#f8fafc;color:#667085}.ranking-table .numeric{text-align:right}.ranking-product{font-weight:600;color:#253044}.ranking-position{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:7px;background:var(--blue-soft);color:var(--blue-dark);font-size:9px;font-weight:800}.ranking-qty{font-weight:800;color:#0f6f9d}.ranking-total{font-weight:700;color:#188653}
@media(max-width:1100px){.client-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-summary-item{border-bottom:1px solid var(--border)}.detail-card-head{align-items:flex-start;flex-direction:column}.ranking-meta{white-space:normal}}

/* ========================= CRM / HISTÓRICO DE CONTATOS ========================= */
.client-followup-overdue td{background:#fff1e8!important}.client-followup-overdue:hover td{background:#ffe7d7!important}.client-followup-overdue td:first-child{box-shadow:inset 3px 0 0 #f97316}
.contact-badge{display:inline-flex;align-items:center;justify-content:center;min-height:21px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:750;white-space:nowrap;border:1px solid transparent}
.contact-badge.untouched{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.contact-badge.attempt{background:#fff7e8;color:#9a6500;border-color:#fde2a7}.contact-badge.scheduled{background:#eaf5ff;color:#136b9e;border-color:#cce9fb}.contact-badge.negotiating{background:#e9f8f0;color:#157347;border-color:#c9eedb}.contact-badge.overdue{background:#fff0ea;color:#b23a15;border-color:#ffd0bd}.contact-badge.done{background:#eef2ff;color:#4f46a5;border-color:#dfe3ff}
.client-tab-panel[hidden]{display:none!important}.contact-grid{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:14px}.contact-form-card,.contact-history-card{overflow:hidden}.contact-section-head{padding:16px 18px;border-bottom:1px solid var(--border)}.contact-section-head h2{margin:0;font-size:15px;color:#172033}.contact-section-head p{margin:5px 0 0;font-size:10px;color:#778399}.contact-history-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.contact-counter{font-size:9px;color:#7b8798}.contact-counter strong{color:#27364a}.contact-form{padding:16px 18px;display:grid;gap:13px}.contact-form label span{font-size:10px;color:#344054;font-weight:700}.contact-form textarea{width:100%;resize:vertical;min-height:125px;border:1px solid #dbe2e9;border-radius:8px;padding:10px;background:#fff;color:#1f2937;font:inherit;font-size:11px;line-height:1.5}.contact-form textarea:focus{outline:2px solid #d9f0fb;border-color:#58b9e6}.contact-note-label{display:grid;gap:6px}.contact-help{margin:0 18px 18px;padding:11px 12px;border-radius:9px;background:#f7fafc;border:1px solid #e8edf2}.contact-help strong{font-size:10px;color:#344054}.contact-help p{font-size:9px;color:#718096;line-height:1.5;margin:4px 0 0}.contact-timeline{padding:4px 18px 18px}.contact-entry{position:relative;padding:14px 0 14px 18px;border-bottom:1px solid #edf1f5}.contact-entry:last-child{border-bottom:0}.contact-entry:before{content:"";position:absolute;left:0;top:20px;width:8px;height:8px;border-radius:50%;background:#1aa5df;box-shadow:0 0 0 4px #e7f6fc}.contact-entry-line{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.contact-entry-line>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contact-entry-line strong{font-size:11px;color:#1f2937}.contact-entry-line time{font-size:9px;color:#7b8798;white-space:nowrap}.contact-entry p{margin:8px 0 9px;font-size:10px;line-height:1.55;color:#475467;white-space:pre-wrap}.contact-entry-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:9px;color:#7b8798}.contact-entry-meta strong{color:#475467}.contact-history-card{min-height:430px}
@media(max-width:1000px){.contact-grid{grid-template-columns:1fr}.contact-form-card{order:1}.contact-history-card{order:2}}

/* Cliente detalhe v2: abas sempre visiveis */
#clientTabs{display:flex!important;visibility:visible!important;min-height:50px!important}#clientTabs .client-tab{display:inline-flex!important;visibility:visible!important;align-items:center;gap:6px;white-space:nowrap}#tabBtnContatos{margin-left:4px}

/* Home / Agenda comercial */
.crm-page{padding:24px 26px;min-width:0}.crm-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.crm-page-head h1{margin:0;font-size:25px;color:#101828}.crm-page-head p{margin:5px 0 0;color:#667085;font-size:13px}.crm-updated{font-size:11px;color:#667085;background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:10px 13px}.crm-kpis{display:grid;grid-template-columns:repeat(8,minmax(125px,1fr));gap:12px;margin-bottom:18px}.crm-kpi{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(16,24,40,.03);color:#101828}.crm-kpi span{font-size:10px;letter-spacing:.04em;color:#667085}.crm-kpi strong{font-size:28px;margin:7px 0 2px}.crm-kpi small{color:#98a2b3;font-size:11px}.crm-kpi.kpi-overdue{background:#fff7ed;border-color:#fed7aa}.crm-kpi.kpi-today{background:#eff8ff;border-color:#b2ddff}.crm-kpi.kpi-negotiating{background:#f0fdf4;border-color:#bbf7d0}.crm-panel{background:#fff;border:1px solid #e4e7ec;border-radius:12px;overflow:hidden}.crm-panel-head{padding:16px 18px;border-bottom:1px solid #eaecf0;display:flex;align-items:center;justify-content:space-between}.crm-panel-head h2{font-size:15px;margin:0;color:#101828}.crm-panel-head p{font-size:11px;color:#667085;margin:4px 0 0}.crm-table-wrap{overflow:auto}.crm-table{width:100%;border-collapse:collapse;font-size:11px}.crm-table th{background:#f9fafb;color:#475467;text-align:left;font-weight:600;padding:10px 12px;border-bottom:1px solid #eaecf0;white-space:nowrap}.crm-table td{padding:10px 12px;border-bottom:1px solid #f0f2f5;color:#344054;white-space:nowrap}.crm-table td strong{display:block;color:#101828}.crm-table td small{display:block;color:#98a2b3;margin-top:2px}.crm-click-row{cursor:pointer}.crm-click-row:hover{background:#f8fbff}.crm-click-row.row-overdue{background:#fff7ed}.priority-badge{display:inline-flex;border-radius:999px;padding:4px 8px;background:#f2f4f7;font-size:10px;font-weight:600}.row-overdue .priority-badge{background:#fee2e2;color:#b42318}.crm-empty{text-align:center;padding:32px;color:#667085}.agenda-tabs{display:flex;gap:8px;margin-bottom:12px}.agenda-tab{border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:9px 13px;cursor:pointer;color:#475467;font-size:12px}.agenda-tab b{margin-left:5px;background:#f2f4f7;padding:2px 6px;border-radius:999px}.agenda-tab.active{background:#0b8fd3;border-color:#0b8fd3;color:#fff}.agenda-tab.active b{background:rgba(255,255,255,.2)}
@media(max-width:1100px){.crm-kpis{grid-template-columns:repeat(2,1fr)}}

.crm-kpi.kpi-recovered{background:#f0fdf4;border-color:#86efac}.crm-kpi.kpi-recovered strong{color:#15803d}
@media(max-width:1450px){.crm-kpis{grid-template-columns:repeat(4,1fr)}}
.crm-month{height:38px;border:1px solid #d0d5dd;border-radius:9px;padding:0 10px;background:#fff;color:#344054}.rec-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(460px,1.1fr);gap:16px}.rec-chart{padding:18px;min-height:260px}.rec-bar-row{display:grid;grid-template-columns:180px 1fr 36px;gap:10px;align-items:center;margin:11px 0;font-size:11px}.rec-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475467}.rec-bar-row>div{height:14px;background:#f2f4f7;border-radius:999px;overflow:hidden}.rec-bar-row i{display:block;height:100%;background:#0b8fd3;border-radius:999px}.rec-bar-row b{text-align:right;color:#101828}@media(max-width:1100px){.rec-grid{grid-template-columns:1fr}}

/* FUNIL COMERCIAL */
.funil-page{padding:20px 22px 30px}.funil-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.funil-head h1{margin:0 0 5px;font-size:27px}.funil-head p{margin:0;color:#64748b}.funil-actions{display:flex;gap:12px;align-items:center}.funil-actions label{font-size:13px;color:#334155}.funil-actions select{margin-left:7px;min-width:210px;padding:9px 34px 9px 10px;border:1px solid #dbe3ed;border-radius:8px;background:#fff}.funil-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:18px}.funil-kpi{background:#fff;border:1px solid #e5eaf0;border-radius:11px;padding:17px;display:flex;gap:12px;align-items:center;box-shadow:0 1px 3px rgba(15,23,42,.04)}.funil-kpi>span{font-size:27px}.funil-kpi div{display:flex;flex-direction:column}.funil-kpi small{color:#475569}.funil-kpi strong{font-size:25px;line-height:1.15;margin:4px 0}.funil-kpi em{font-size:11px;color:#64748b;font-style:normal}.kanban{display:grid;grid-template-columns:repeat(5,minmax(215px,1fr));gap:10px;align-items:start;overflow-x:auto}.kanban-col{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:12px;min-width:215px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.kanban-title{display:flex;justify-content:space-between;align-items:center}.kanban-title h3{font-size:14px;margin:0}.kanban-title span{min-width:30px;text-align:center;border-radius:16px;padding:4px 7px;background:#e8f1ff;font-weight:700;color:#2563eb}.kanban-sub{font-size:11px;color:#64748b;min-height:32px}.kanban-list{display:flex;flex-direction:column;gap:8px;max-height:590px;overflow-y:auto;padding-right:2px}.kanban-card{border:1px solid #e5eaf0;border-radius:9px;padding:11px;background:#fff;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.05);font-size:11px;color:#475569}.kanban-card:hover{border-color:#93c5fd;box-shadow:0 3px 9px rgba(15,23,42,.08)}.kanban-card b{display:block;color:#0f172a;font-size:12px;margin-bottom:7px}.kanban-card div{margin:4px 0}.seller-pill{display:inline-block;margin-top:7px;border-radius:12px;padding:3px 7px;background:#e7f6ec;color:#16803d;font-size:10px}.card-atrasado{border-left:4px solid #ef4444;background:#fff8f8}.txt-danger{color:#dc2626;font-weight:700}.etapa-contatado .kanban-title span{background:#fff3d6;color:#b77900}.etapa-retorno_agendado .kanban-title span{background:#dcfce7;color:#15803d}.etapa-em_negociacao .kanban-title span{background:#ede9fe;color:#6d28d9}.etapa-recuperado .kanban-title span{background:#dcfce7;color:#15803d}.kanban-empty,.kanban-more{text-align:center;padding:16px 5px;color:#94a3b8;font-size:11px}.funil-legend{margin-top:16px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:15px}.funil-legend h3{margin:0 0 12px;font-size:13px}.funil-legend>div{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.funil-legend p{font-size:10px;line-height:1.5;color:#475569;margin:0}.funil-update{text-align:right;color:#64748b;font-size:10px;margin-top:13px}@media(max-width:1250px){.funil-kpis{grid-template-columns:repeat(3,1fr)}.kanban{grid-template-columns:repeat(5,240px)}.funil-legend>div{grid-template-columns:repeat(2,1fr)}}

/* Permissões por tela - Gerenciador de usuários */
.user-modal-backdrop{z-index:1300;place-items:start center;padding:76px 18px 18px;overflow:hidden}
.user-modal{width:min(920px,calc(100vw - 36px));max-width:920px;max-height:calc(100dvh - 94px);padding:18px;overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:contain}
.user-modal>.modal-head{flex:0 0 auto;padding-bottom:2px}
.user-modal>.form-grid{min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 7px 4px 1px;margin-right:-7px;scrollbar-gutter:stable}
.access-section{border:1px solid #dfe6ee;border-radius:12px;padding:16px;background:#f8fafc;margin-top:4px;}
.access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px;}
.access-head strong{display:block;font-size:14px;color:#0f172a;margin-bottom:3px;}
.access-head small,.access-note{display:block;color:#64748b;font-size:11px;}
.access-actions{display:flex;gap:12px;white-space:nowrap;}
.link-btn{border:0;background:transparent;color:#0284c7;font-size:11px;font-weight:700;cursor:pointer;padding:2px 0;}
.screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:stretch;}
.screen-option{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-height:92px;border:1px solid #dfe6ee;border-radius:9px;background:#fff;padding:11px 12px;position:relative;transition:border-color .15s,background .15s;}
.screen-option:hover{border-color:#8cc9e8;}
.screen-name{font-size:12px;font-weight:800;color:#27364a;padding-bottom:6px;border-bottom:1px solid #edf2f7;}
.permission-row{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;color:#475569;line-height:1.25;user-select:none;}
.permission-row input{position:static;opacity:1;pointer-events:auto;width:15px;height:15px;margin:0;accent-color:#069bd3;cursor:pointer;flex:0 0 auto;}
.permission-row span{display:block;}
.export-row{color:#334155;}
.export-row input:disabled{cursor:not-allowed;opacity:.45;}
.export-row:has(input:disabled){opacity:.55;cursor:not-allowed;}
.screen-option:has(.screen-check:checked){border-color:#38a9df;background:#f4fbff;}
.screen-option:has(.export-check:checked){box-shadow:inset 0 -2px 0 rgba(6,155,211,.18);}
.screen-option small{display:block;margin-top:auto;color:#94a3b8;font-size:10px;}
.screen-option.disabled{opacity:.45;cursor:not-allowed;background:#f1f5f9;}
.access-note{margin:11px 0 0;}
.permission-count{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef6fb;color:#176486;font-size:11px;font-weight:700;}
@media(max-width:900px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.access-head{flex-direction:column;}}

/* ==========================================================
   CRM 360° - identidade visual
   Mantém as telas claras e aplica a identidade apenas no login
   e na navegação lateral.
   ========================================================== */
.sidebar{
  background-color:#0b1624;
  background-image:
    linear-gradient(180deg,rgba(7,18,31,.20),rgba(5,16,29,.30)),
    url('crm360-network.svg');
  background-size:auto,420px auto;
  background-position:center,center bottom;
  background-repeat:no-repeat,no-repeat;
}
.sidebar::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 92% 30%,rgba(20,163,223,.10),transparent 19%),
    radial-gradient(circle at 10% 76%,rgba(20,163,223,.08),transparent 20%);
}
.sidebar-brand,.side-nav,.sidebar-footer{position:relative;z-index:1}
.sidebar-brand{height:64px;padding:0 12px;gap:8px}
.crm360-wordmark{display:flex;align-items:center;min-width:0}
.crm360-mark{display:block;flex:0 0 auto}
.crm360-wordcopy{display:flex;flex-direction:column;line-height:.78;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.crm360-wordcopy strong{color:#f6fbff;font-weight:750}
.crm360-wordcopy span{color:#119ff1;font-weight:850}
.crm360-wordmark-sidebar{gap:7px;min-width:120px}
.crm360-wordmark-sidebar .crm360-mark{width:33px;height:33px}
.crm360-wordmark-sidebar .crm360-wordcopy strong{font-size:13px;letter-spacing:.07em}
.crm360-wordmark-sidebar .crm360-wordcopy span{font-size:13px;letter-spacing:.11em;margin-top:4px}
.sidebar-collapsed .crm360-wordmark-sidebar{display:none}

.page-login{grid-template-columns:minmax(430px,50%) 1fr;background:#f6f7f9}
.login-side{
  position:relative;overflow:hidden;padding:44px;
  background:#071626;color:#fff;display:flex;align-items:center;justify-content:center;
}
.login-side.crm360-tech-bg{
  background-image:
    radial-gradient(circle at 50% 44%,rgba(17,159,241,.08),transparent 32%),
    linear-gradient(160deg,rgba(1,11,24,.08),rgba(2,13,27,.18)),
    url('crm360-network.svg');
  background-size:auto,auto,cover;
  background-position:center,center,center;
  background-repeat:no-repeat;
}
.login-side::after{
  content:"";position:absolute;left:-12%;right:-12%;bottom:-8%;height:28%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(16,155,240,.11),transparent 62%);
  filter:blur(3px);
}
.login-hero-brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;transform:translateY(-2%)}
.crm360-wordmark-hero{gap:24px}
.crm360-wordmark-hero .crm360-mark{width:168px;height:168px;filter:drop-shadow(0 5px 18px rgba(13,151,240,.15))}
.crm360-wordmark-hero .crm360-wordcopy{line-height:.75}
.crm360-wordmark-hero .crm360-wordcopy strong{font-size:76px;letter-spacing:.05em;font-weight:600;text-shadow:0 2px 14px rgba(255,255,255,.08)}
.crm360-wordmark-hero .crm360-wordcopy span{font-size:76px;letter-spacing:.03em;margin-top:17px;text-shadow:0 4px 20px rgba(11,152,240,.17)}
.crm360-tagline{margin-top:34px;color:#f4f8fc;font-size:14px;letter-spacing:.34em;font-weight:500;white-space:nowrap;text-align:center;text-shadow:0 1px 8px rgba(255,255,255,.06)}
.login-main{background:#f7f8fa}
.login-card{width:min(410px,100%);border-radius:15px;padding:32px;box-shadow:0 16px 44px rgba(15,23,42,.07)}
.login-logo{width:48px;height:48px;background:#edf7fd;padding:8px;border-radius:12px}
.login-logo img{width:100%;height:100%;display:block}

@media(max-width:1150px){
  .crm360-wordmark-hero .crm360-mark{width:125px;height:125px}
  .crm360-wordmark-hero .crm360-wordcopy strong,.crm360-wordmark-hero .crm360-wordcopy span{font-size:58px}
  .crm360-tagline{font-size:11px;letter-spacing:.25em}
}
@media(max-width:950px){
  .page-login{grid-template-columns:1fr}.login-side{display:none}
}

.client-table tbody tr.client-prospect-row td{background:#f0f8ff}.client-table tbody tr.client-prospect-row:hover td{background:#e6f4ff}.status-badge.prospect{background:#dff1ff;color:#056aa6;border:1px solid #b6e0fe}.crm-kpi.kpi-prospect{background:#f0f8ff;border-color:#b6e0fe}.crm-kpi.kpi-prospect strong{color:#0674b9}

/* Prospecção - indicadores e conversão */
.prospection-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:14px}.prospection-toolbar>div:first-child{display:flex;flex-direction:column;gap:3px}.prospection-toolbar small{color:#667085}.prospection-period{display:flex;align-items:end;gap:8px}.prospection-period label{font-size:11px;font-weight:700;color:#475467;display:flex;flex-direction:column;gap:4px}.prospection-period input{height:38px;border:1px solid #d0d5dd;border-radius:9px;padding:0 10px;background:#fff;color:#344054}.prospection-kpis{grid-template-columns:repeat(4,minmax(150px,1fr));margin-bottom:16px}.prospection-analytics{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(460px,1.05fr);gap:16px;margin-bottom:16px}.prospect-chart{padding:18px;min-height:260px}.prospect-bar-row{display:grid;grid-template-columns:180px 1fr 55px;gap:10px;align-items:center;margin:12px 0;font-size:11px}.prospect-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475467}.prospect-bars{display:grid;gap:4px}.prospect-bars i{display:block;height:7px;border-radius:999px}.prospect-bars .worked,.prospect-trend .worked{background:#99a5f2}.prospect-bars .converted,.prospect-trend .converted{background:#12b76a}.prospect-bar-row b{text-align:right;color:#101828}.prospection-trend-panel,.prospection-converted-panel{margin-bottom:16px}.prospect-trend{height:240px;display:flex;align-items:flex-end;gap:18px;padding:24px 26px 18px;overflow-x:auto}.trend-month{min-width:90px;height:190px;display:grid;grid-template-rows:1fr auto auto;gap:6px;text-align:center}.trend-bars{display:flex;justify-content:center;align-items:flex-end;gap:8px;height:150px;border-bottom:1px solid #eaecf0}.trend-bars i{width:22px;border-radius:6px 6px 0 0;min-height:0}.trend-month strong{font-size:11px;color:#344054}.trend-month small{font-size:10px;color:#667085}@media(max-width:1100px){.prospection-analytics{grid-template-columns:1fr}.prospection-kpis{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:720px){.prospection-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.prospection-kpis{grid-template-columns:1fr}.prospection-period{width:100%;flex-wrap:wrap}}

/* Orçamentos nos últimos 5 dias antes do cancelamento automático */
tbody tr.orcamento-alerta td{background:#fff9db}
tbody tr.orcamento-alerta:hover td{background:#fff3bf}

.field-access-section{margin-top:2px}.field-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.field-screen-card{border:1px solid #dfe6ee;border-radius:9px;background:#fff;padding:11px 12px;min-width:0}.field-screen-card>strong{display:block;font-size:12px;color:#27364a;margin-bottom:8px}.field-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.field-check-list label{display:flex;align-items:center;gap:7px;font-size:10px;color:#475569;min-width:0}.field-check-list input{width:14px;height:14px;margin:0;accent-color:#069bd3}.field-check-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.field-screen-grid{grid-template-columns:1fr}.field-check-list{grid-template-columns:1fr}}
.password-field{display:flex;align-items:stretch;gap:7px}.password-field input{min-width:0;flex:1}.password-field .password-generate{flex:0 0 auto;white-space:nowrap;padding-inline:11px}.row-actions{flex-wrap:wrap;min-width:250px}@media(max-width:700px){.password-field{align-items:stretch;flex-direction:column}.password-field .password-generate{width:100%}.row-actions{min-width:190px}}
@media(max-height:720px){.user-modal-backdrop{padding-top:70px}.user-modal{max-height:calc(100dvh - 82px)}.user-modal>.form-grid{gap:10px;margin-top:12px}.access-section{padding:12px}}
@media(max-width:700px){.user-modal-backdrop{padding:70px 8px 8px}.user-modal{width:100%;max-height:calc(100dvh - 78px);padding:14px}.user-modal>.form-grid{grid-template-columns:1fr}.user-modal .span2{grid-column:span 1}}

/* Agenda Comercial x Agenda Logistica */
.agenda-mode-tabs{display:flex;align-items:center;gap:4px;padding:5px;margin-bottom:14px;width:max-content;max-width:100%}.agenda-mode{border:0;background:transparent;color:#667085;font-weight:700;font-size:12px;padding:9px 15px;border-radius:8px;cursor:pointer}.agenda-mode.active{background:#eaf6fc;color:#0878b5}.logistics-card{max-width:900px}.logistics-form{padding:20px}.logistics-days{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px}.logistics-days label{display:flex;align-items:center;gap:9px;border:1px solid #dfe6ec;border-radius:10px;padding:13px 14px;background:#fff;cursor:pointer;font-size:11px;font-weight:700;color:#344054}.logistics-days label:has(input:checked){border-color:#1aa5df;background:#eef9fe;color:#0878b5}.logistics-days input{width:15px;height:15px}.logistics-help{font-size:10px;color:#667085;margin:14px 0}.logistics-form>.btn{margin-top:8px}@media(max-width:900px){.logistics-days{grid-template-columns:repeat(2,minmax(120px,1fr))}}
.logistics-recurrence{display:flex;align-items:center;gap:10px;margin-bottom:16px}.logistics-recurrence>strong{font-size:11px;color:#344054;margin-right:4px}.logistics-recurrence label{display:flex;align-items:center;gap:8px;border:1px solid #dfe6ec;border-radius:10px;padding:10px 14px;background:#fff;cursor:pointer;font-size:11px;font-weight:700;color:#344054}.logistics-recurrence label:has(input:checked){border-color:#1aa5df;background:#eef9fe;color:#0878b5}.logistics-recurrence input{width:15px;height:15px}.logistics-days.is-disabled{opacity:.45}.logistics-days.is-disabled label{cursor:not-allowed}

/* Home executivo - grupos de indicadores e gráficos */
.home-dashboard{max-width:none}.home-kpi-group{background:#fff;border:1px solid #e4e7ec;border-top:3px solid #1683d8;border-radius:13px;padding:14px 16px 16px;margin-bottom:16px;box-shadow:0 1px 3px rgba(16,24,40,.035)}.home-kpi-group.group-prospect{border-top-color:#22a559}.home-kpi-group.group-budget{border-top-color:#f97316}.home-group-title{display:flex;align-items:center;gap:12px;margin-bottom:13px}.home-group-title h2{margin:0;font-size:17px;color:#1478c8}.group-prospect .home-group-title h2{color:#1f9d55}.group-budget .home-group-title h2{color:#ea6a0a}.home-group-title p{margin:3px 0 0;font-size:11px;color:#667085}.home-group-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1683d8;color:#fff;font-size:22px;font-weight:700}.group-prospect .home-group-icon{background:#22a559}.group-budget .home-group-icon{background:#f97316}.home-kpi-grid{display:grid;gap:11px}.home-kpi-grid.seven{grid-template-columns:repeat(7,minmax(125px,1fr))}.home-kpi-grid.budget-grid{grid-template-columns:minmax(190px,240px)}.home-kpi-grid .crm-kpi{min-height:92px;padding:13px}.home-kpi-grid .crm-kpi strong{font-size:25px}.home-kpi-grid .kpi-rate strong{color:#7e22ce}.group-budget .crm-kpi strong{color:#ea6a0a}.home-charts-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:14px;margin-top:4px}.home-chart-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:14px 15px;min-width:0}.home-chart-head h3{font-size:13px;margin:0;color:#344054}.home-chart-head p{font-size:10px;color:#98a2b3;margin:3px 0 12px}.home-bar-chart{height:210px;display:flex;align-items:flex-end;gap:9px;padding:10px 4px 0;border-bottom:1px solid #eaecf0}.home-bar-item{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.home-bar-item>b{font-size:10px;color:#475467}.home-bar-track{height:145px;width:min(38px,70%);display:flex;align-items:flex-end}.home-bar-track i{display:block;width:100%;border-radius:5px 5px 1px 1px;background:#22a559}.home-bar-track i.converted{background:#2684d8}.home-bar-item>span{font-size:8px;line-height:1.1;color:#667085;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:18px}.home-line-chart{height:215px;position:relative;padding-top:5px}.home-line-chart svg{width:100%;height:165px;overflow:visible}.home-line-chart .axis{stroke:#d0d5dd;stroke-width:1}.home-line-chart .line{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.home-line-chart .line.prospect{stroke:#22a559}.home-line-chart .line.converted{stroke:#2684d8}.home-line-chart .dot.prospect{fill:#22a559}.home-line-chart .dot.converted{fill:#2684d8}.home-line-labels{display:flex;justify-content:space-between;padding:0 18px;font-size:8px;color:#98a2b3}.home-legend{display:flex;justify-content:center;gap:18px;margin-top:8px;font-size:9px;color:#667085}.home-legend i{display:inline-block;width:12px;height:3px;vertical-align:middle;margin-right:4px}.home-legend i.prospect{background:#22a559}.home-legend i.converted{background:#2684d8}@media(max-width:1500px){.home-kpi-grid.seven{grid-template-columns:repeat(4,1fr)}.home-charts-grid{grid-template-columns:1fr 1fr}.home-chart-card:last-child{grid-column:1/-1}}@media(max-width:900px){.home-kpi-grid.seven{grid-template-columns:repeat(2,1fr)}.home-charts-grid{grid-template-columns:1fr}.home-chart-card:last-child{grid-column:auto}}


/* Agenda Pessoal */
.personal-agenda-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.personal-agenda-toolbar strong{font-size:20px;min-width:180px;text-align:center}.personal-agenda-toolbar .primary{margin-left:auto}.personal-calendar{padding:0;overflow:hidden}.personal-weekdays,.personal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.personal-weekdays>div{padding:10px;text-align:center;font-weight:800;background:#f8fafc;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.personal-day{height:128px;padding:7px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#fff;overflow:hidden;cursor:pointer}.personal-day:hover{background:#f8fafc}.personal-day.outside{background:#f3f4f6;color:#94a3b8}.personal-day.weekend{background:#f8fafc}.personal-day-number{font-weight:800;margin-bottom:5px}.personal-events{display:flex;flex-direction:column;gap:4px;max-height:96px;overflow:auto}.personal-event{border:0;border-radius:6px;padding:4px 6px;background:#dbeafe;color:#1d4ed8;text-align:left;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.personal-event.done{background:#dcfce7;color:#166534;text-decoration:line-through}.personal-modal{width:min(720px,94vw)}.personal-modal textarea{width:100%;resize:vertical}.agenda-access-section.disabled{opacity:.62}.agenda-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.personal-day{height:100px}.agenda-type-grid{grid-template-columns:1fr}.personal-agenda-toolbar .primary{margin-left:0}}

.bitrix-selected-users{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;min-height:8px}.bitrix-user-chip{display:inline-flex;align-items:center;gap:6px;background:#e0f2fe;color:#075985;border:1px solid #7dd3fc;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.bitrix-user-chip button{border:0;background:transparent;color:#075985;font-size:16px;line-height:1;cursor:pointer;padding:0 1px}.bitrix-user-chip button:hover{color:#dc2626}.personal-modal #personalParticipantes option:checked{font-weight:800}

.bitrix-check-list{max-height:180px;overflow:auto;border:1px solid #d9e2ec;border-radius:8px;background:#fff;margin-top:6px;padding:4px}.bitrix-check-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;font-weight:500}.bitrix-check-item:hover{background:#f4f8fb}.bitrix-check-item input{margin:0}.bitrix-check-empty{padding:10px;color:#77808a;font-size:12px}.bitrix-chip-empty{font-size:12px;color:#77808a;padding:4px 0}

/* Agenda Pessoal - participantes Bitrix: checkbox à esquerda e nome logo após */
.bitrix-check-list{
  max-height:180px;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid #d9e2ec;
  border-radius:8px;
  background:#fff;
  margin-top:6px;
  padding:4px;
}
.bitrix-check-item{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  gap:10px !important;
  padding:7px 8px !important;
  margin:0 !important;
  box-sizing:border-box;
  cursor:pointer;
  text-align:left !important;
}
.bitrix-check-item input[type="checkbox"]{
  flex:0 0 auto !important;
  width:15px !important;
  height:15px !important;
  min-width:15px !important;
  margin:0 !important;
  padding:0 !important;
}
.bitrix-check-item span{
  display:block !important;
  flex:1 1 auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  white-space:normal;
  line-height:1.25;
}
/* Projetos e tarefas nativos CRM360 */
.native-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 20px}.native-head h1{margin:0 0 5px;font-size:28px}.native-head p{margin:0;color:#64748b}.btn-primary{background:#0799d3;color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}.native-stats,.project-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.native-stats>div,.project-info>div,.native-panel,.task-toolbar,.task-table{background:#fff;border:1px solid #dbe3ec;border-radius:12px}.native-stats>div,.project-info>div{padding:16px}.native-stats small,.project-info small{display:block;color:#718096;font-size:11px;margin-bottom:7px}.native-stats b{font-size:24px}.native-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:14px}.project-card{display:block;background:#fff;border:1px solid #dbe3ec;border-radius:13px;padding:17px;color:inherit;text-decoration:none;transition:.15s}.project-card:hover{box-shadow:0 6px 20px #0f172a14;transform:translateY(-1px)}.project-card h3{font-size:17px;margin:16px 0 8px}.project-card p{height:38px;color:#64748b;overflow:hidden}.project-top,.project-card footer{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:12px}.pill{display:inline-block;background:#eaf5ff;color:#0879b5;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.progress{height:6px;background:#edf2f7;border-radius:10px;margin:14px 0;overflow:hidden}.progress i{display:block;height:100%;background:#16a36a}.native-modal{display:none;position:fixed;inset:0;background:#0f172a80;z-index:9999;align-items:center;justify-content:center}.native-modal.open{display:flex}.native-dialog{width:min(620px,92vw);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:22px;position:relative}.native-dialog .x{position:absolute;right:16px;top:12px;border:0;background:none;font-size:24px;cursor:pointer}.native-dialog label{display:block;font-size:12px;font-weight:700;margin:13px 0}.native-dialog input,.native-dialog select,.native-dialog textarea,.task-toolbar input,.task-toolbar select{box-sizing:border-box;width:100%;border:1px solid #ccd7e3;border-radius:7px;padding:10px;margin-top:5px;background:#fff}.native-dialog textarea{min-height:80px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}.task-toolbar{display:grid;grid-template-columns:1fr 220px;gap:12px;padding:12px;margin-bottom:12px}.task-toolbar input,.task-toolbar select{margin:0}.task-table{overflow:hidden}.tr{display:grid;grid-template-columns:2.1fr 1.4fr 1.4fr .9fr .8fr 1fr;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid #edf1f5;font-size:12px}.tr.th{background:#f7f9fc;border-top:0;font-weight:700;color:#526174}.tr em{font-style:normal;font-size:9px;background:#fee2e2;color:#b91c1c;padding:3px 6px;border-radius:10px;margin-left:6px}.tr select{width:100%;padding:6px;border:1px solid #d4deea;border-radius:6px}.empty-native{grid-column:1/-1;padding:35px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b}.back-native{color:#0783bd;text-decoration:none;font-weight:700}.native-tabs{display:flex;gap:24px;background:#fff;border:1px solid #dbe3ec;border-radius:10px;padding:14px 18px;margin-bottom:14px}.project-columns{display:grid;grid-template-columns:2fr 1fr;gap:14px}.native-panel{padding:16px}.native-panel h2{margin:0 0 14px;font-size:16px}.mini-task,.member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 4px;border-top:1px solid #edf1f5}.mini-task small{display:block;color:#718096;margin-top:4px}.member-row{justify-content:flex-start}.avatar-mini{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:#0879b5;font-weight:800}@media(max-width:1000px){.native-grid{grid-template-columns:1fr 1fr}.native-stats,.project-info{grid-template-columns:1fr 1fr}.project-columns{grid-template-columns:1fr}.tr{grid-template-columns:2fr 1fr 1fr}.tr>*:nth-child(4),.tr>*:nth-child(5),.tr>*:nth-child(6){display:none}} 
/* Fase 15 - detalhe colaborativo da tarefa */
.task-link{color:#0f172a;text-decoration:none}.task-link:hover{color:#0783bd;text-decoration:underline}.task-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:14px 0 18px}.task-detail-head h1{margin:4px 0 9px;font-size:27px}.task-id{font-size:11px;color:#64748b;font-weight:800}.task-badges{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px}.danger-pill{background:#fee2e2;color:#b91c1c;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:800}.status-big{border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;background:#fff;min-width:170px}.task-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.8fr);gap:14px;align-items:start}.task-detail-grid main,.task-detail-grid aside{display:flex;flex-direction:column;gap:14px}.task-description p{white-space:pre-wrap;line-height:1.6;color:#475569}.panel-title{display:flex;justify-content:space-between}.comment-box{width:100%;box-sizing:border-box;min-height:85px;border:1px solid #cbd5e1;border-radius:8px;padding:11px;resize:vertical;margin-bottom:8px}.timeline{margin-top:18px}.timeline-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-top:1px solid #edf2f7}.timeline-item small{display:block;color:#94a3b8;margin-top:2px}.timeline-item p{margin:5px 0 0;color:#475569;white-space:pre-wrap}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;margin:7px auto}.timeline-item.comment .avatar-mini{margin-top:1px}.task-meta>div{padding:10px 0;border-top:1px solid #edf2f7}.task-meta>div:first-of-type{border-top:0}.task-meta small{display:block;color:#94a3b8;margin-bottom:3px}.people-chips{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 13px}.people-chips span{background:#eaf5ff;color:#0879b5;padding:5px 8px;border-radius:15px;font-size:11px;font-weight:700}.btn-light{border:1px solid #cbd5e1;background:#fff;border-radius:7px;padding:8px 10px;cursor:pointer;margin-top:8px}.check-items label{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #f1f5f9;font-size:12px}.check-items input{margin:0}.check-items .done{text-decoration:line-through;color:#94a3b8}.inline-add{display:flex;gap:6px;margin-top:8px}.inline-add input{flex:1;border:1px solid #cbd5e1;border-radius:7px;padding:8px}.inline-add button{width:34px;border:0;border-radius:7px;background:#0799d3;color:#fff;font-size:18px}.subtask{padding:9px 0;border-top:1px solid #edf2f7}.subtask small{display:block;color:#94a3b8;margin-top:3px}.people-picker{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-height:55vh;overflow:auto;margin-bottom:14px}.people-picker>div{border:1px solid #e2e8f0;border-radius:9px;padding:10px}.people-picker label{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:7px 4px;border-top:1px solid #f1f5f9;font-weight:500}.people-picker input{width:auto!important;margin:0!important}@media(max-width:950px){.task-detail-grid{grid-template-columns:1fr}.task-detail-head{flex-direction:column}.people-picker{grid-template-columns:1fr}}

/* FASE 16 - alinhamento visual e colaboração */
.check-items{display:flex;flex-direction:column;width:100%}
.check-items label.check-row{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:9px;width:100%;box-sizing:border-box;padding:9px 2px;border-top:1px solid #f1f5f9;font-size:12px;cursor:pointer}
.check-items label.check-row input{width:15px!important;height:15px!important;margin:0!important;justify-self:start}
.check-items label.check-row span{display:block;min-width:0;text-align:left!important;overflow-wrap:anywhere;line-height:1.35}
.muted{display:block;color:#94a3b8;padding:4px 0}
.attachment-list,.related-list{display:flex;flex-direction:column}
.attachment-list>a,.related-list>a{display:flex;flex-direction:column;gap:3px;padding:9px 2px;border-top:1px solid #edf2f7;color:#0f172a;text-decoration:none;font-size:12px}
.attachment-list>a:hover,.related-list>a:hover{color:#0783bd}
.attachment-list small,.related-list span{color:#94a3b8;font-size:10px}
.file-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;margin-top:9px}
.file-add input{min-width:0;width:100%;font-size:11px}
.related-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;margin-top:9px}
.related-add select{min-width:0;width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:8px;background:#fff;font-size:11px}
/* FASE 17 - Etapas configuráveis + Kanban */
.project-view-tabs{align-items:center;gap:6px}.view-tab{border:0;background:transparent;border-radius:7px;padding:8px 12px;font-weight:700;color:#64748b;cursor:pointer}.view-tab.active{background:#eaf5ff;color:#0879b5}.tab-spacer{flex:1}.project-view{display:none}.project-view.active{display:block}.kanban-board{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding:2px 1px 14px}.kanban-column{flex:0 0 300px;background:#f5f7fa;border:1px solid #dbe3ec;border-radius:12px;overflow:hidden}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #dbe3ec;background:#fff}.kanban-head b{font-size:12px}.kanban-head span{min-width:24px;height:24px;border-radius:20px;background:#eaf5ff;color:#0879b5;display:grid;place-items:center;font-size:11px;font-weight:800}.kanban-drop{min-height:360px;padding:9px;transition:.15s}.kanban-drop.over{background:#e9f7fd}.kanban-card{background:#fff;border:1px solid #dbe3ec;border-radius:9px;padding:11px;margin-bottom:8px;box-shadow:0 1px 2px #0f172a0a;cursor:grab}.kanban-card.dragging{opacity:.45}.kanban-card.critical{border-left:4px solid #dc2626}.kanban-card a{color:#0f172a;text-decoration:none;display:block}.kanban-card a:hover{color:#0783bd}.kanban-card strong{font-size:12px;line-height:1.35}.kanban-card>small{display:block;color:#64748b;margin:8px 0;font-size:10px}.kanban-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#64748b;font-size:10px}.kanban-card .pill{font-size:9px;padding:3px 6px}.stage-help{font-size:11px;color:#64748b;margin:-5px 0 12px}.stage-list{border:1px solid #e2e8f0;border-radius:9px;overflow:hidden}.stage-row{display:grid;grid-template-columns:30px 1fr auto 30px;align-items:center;gap:9px;padding:10px;border-top:1px solid #edf2f7}.stage-row:first-child{border-top:0}.stage-order{width:24px;height:24px;border-radius:50%;background:#eef6fb;color:#0879b5;display:grid;place-items:center;font-size:10px;font-weight:800}.stage-delete{border:0;background:transparent;color:#94a3b8;font-size:20px;cursor:pointer}.stage-delete:hover{color:#dc2626}.stage-add{max-width:430px;margin-top:10px}@media(max-width:850px){.kanban-column{flex-basis:270px}}
.task-stage-select{width:100%;margin-top:5px;border:1px solid #cbd5e1;border-radius:7px;padding:8px;background:#fff;color:#334155;font-weight:700}
/* Fase 17.5 - etapas administradas diretamente no Kanban */
.kanban-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 10px;color:#64748b;font-size:11px}.btn-stage-add{border:1px solid #b9dff0;background:#eef9fe;color:#0879b5;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer;white-space:nowrap}.btn-stage-add:hover{background:#dff4fc}.kanban-stage-title{display:flex;align-items:center;gap:7px;min-width:0}.stage-grip{color:#94a3b8;cursor:grab;font-size:14px;letter-spacing:-3px;padding-right:3px}.kanban-stage-actions{display:flex;align-items:center;gap:5px;position:relative}.kanban-head .stage-count{min-width:24px;height:24px;border-radius:20px;background:#eaf5ff;color:#0879b5;display:grid;place-items:center;font-size:11px;font-weight:800}.stage-menu-btn{border:0;background:transparent;color:#64748b;font-weight:900;cursor:pointer;padding:4px 5px;border-radius:6px}.stage-menu-btn:hover{background:#eef2f6}.stage-menu{display:none;position:absolute;right:0;top:30px;z-index:20;width:145px;background:#fff;border:1px solid #dbe3ec;border-radius:9px;box-shadow:0 10px 25px rgba(15,23,42,.14);padding:5px}.stage-menu.open{display:block}.stage-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 9px;border-radius:6px;font-size:11px;cursor:pointer}.stage-menu button:hover{background:#f1f5f9}.stage-menu button.danger{color:#dc2626}.kanban-add-task{width:100%;border:0;border-top:1px solid #e4eaf0;background:#fff;color:#64748b;text-align:left;padding:10px 12px;font-size:11px;cursor:pointer}.kanban-add-task:hover{background:#f8fbfd;color:#0879b5}.kanban-new-stage{flex:0 0 210px;min-height:92px;border:1px dashed #a9c7d8;border-radius:12px;background:#f8fbfd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#64748b;cursor:pointer}.kanban-new-stage:hover{border-color:#0796cf;background:#eef9fe;color:#0879b5}.kanban-new-stage span{font-size:23px;line-height:1}.kanban-new-stage b{font-size:12px}.kanban-new-stage small{font-size:9px}.kanban-column.column-dragging{opacity:.48}.stage-dialog{max-width:470px}

/* ===== FASE 18 · BATE-PAPO DA TAREFA ===== */
.task-chat-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:14px;align-items:stretch;min-height:calc(100vh - 210px)}
.task-info-rail{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 210px);overflow:auto;padding-right:2px}
.task-info-rail .native-panel{border-radius:10px;padding:14px}.task-info-description h2{font-size:18px;margin-bottom:8px}.task-info-description p{font-size:12px;margin:0}
.task-chat-panel{min-width:0;background:linear-gradient(135deg,#edf9f4 0%,#e9f6fb 48%,#eaf2ff 100%);border:1px solid #d8e4ec;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 8px #0f172a0a}
.task-chat-panel:before{content:"";position:absolute;inset:58px 0 0;opacity:.18;pointer-events:none;background-image:radial-gradient(circle at 20px 20px,#58a9c8 1px,transparent 1.5px);background-size:34px 34px}
.task-chat-top{height:58px;flex:0 0 58px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#fff;border-bottom:1px solid #dce5ec;position:relative;z-index:1}.task-chat-top h2{margin:0;font-size:15px}.task-chat-top small{color:#7b8798;font-size:10px}.chat-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7f6ff}
.task-chat-stream{position:relative;z-index:1;flex:1;overflow:auto;padding:22px 24px 26px;min-height:420px;max-height:calc(100vh - 385px);scroll-behavior:smooth}.chat-day{text-align:center;margin:0 0 18px}.chat-day span{display:inline-block;background:#6b7f8b99;color:#fff;border-radius:16px;padding:5px 14px;font-size:10px;font-weight:700}
.chat-message{display:flex;align-items:flex-end;gap:8px;margin:12px 0;max-width:78%}.chat-message.mine{margin-left:auto;flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:#253746;color:#fff;font-size:11px;font-weight:800;box-shadow:0 1px 4px #0002}.chat-bubble{position:relative;background:#fff;border-radius:5px 13px 13px 13px;padding:9px 12px 18px;min-width:130px;box-shadow:0 2px 8px #33415512;border:1px solid #e7edf2}.chat-message.mine .chat-bubble{background:#dff5ff;border-radius:13px 5px 13px 13px}.chat-author{font-size:10px;font-weight:800;color:#536471;margin-bottom:4px}.chat-text{font-size:12px;line-height:1.48;color:#172033;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble time{position:absolute;right:8px;bottom:5px;font-size:8px;color:#8a98a6}
.chat-event{width:min(560px,82%);margin:12px auto;padding:9px 12px;background:#ffffffa8;border-left:3px solid #20a7df;border-radius:7px;font-size:10px;line-height:1.45;color:#536471;box-shadow:0 1px 4px #3341550d}.chat-event-line{color:#273746;margin-bottom:3px}.chat-event time{display:block;text-align:right;font-size:8px;color:#94a3b8;margin-top:3px}.chat-empty{text-align:center;color:#6f8190;font-size:12px;padding:70px 20px}
.task-chat-composer{position:relative;z-index:2;background:#fff;border-top:1px solid #dce5ec;padding:10px 12px 8px}.task-chat-composer textarea{display:block;width:100%;box-sizing:border-box;border:0;outline:0;resize:none;min-height:58px;max-height:120px;padding:8px 10px;font:inherit;font-size:12px;color:#243244;background:#fff}.chat-compose-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f3f6;padding:6px 4px 0}.chat-tool{border:0;background:transparent;cursor:pointer;font-size:17px;padding:5px 8px}.chat-send{width:34px;height:34px;border-radius:50%;border:0;background:#08a4dd;color:#fff;font-size:16px;cursor:pointer;box-shadow:0 2px 6px #08a4dd44}.chat-send:hover{filter:brightness(.95)}
.task-stage-select{width:100%;margin-top:4px;border:1px solid #d5e0e8;border-radius:7px;padding:7px;background:#fff}.attachment-list a,.related-list a{display:flex;flex-direction:column;gap:2px;padding:7px 0;border-top:1px solid #edf2f7;color:inherit;text-decoration:none}.attachment-list small,.related-list span{color:#94a3b8;font-size:9px}.file-add,.related-add{display:flex;gap:6px;align-items:center;margin-top:8px}.file-add input{min-width:0;flex:1}.related-add select{min-width:0;flex:1;border:1px solid #cbd5e1;border-radius:7px;padding:8px}
@media(max-width:1100px){.task-chat-layout{grid-template-columns:330px minmax(0,1fr)}.chat-message{max-width:88%}}@media(max-width:850px){.task-chat-layout{grid-template-columns:1fr}.task-info-rail{max-height:none;overflow:visible}.task-chat-stream{max-height:600px}.chat-task-head{flex-direction:column}}

/* ===== FASE 18.1 · CABEÇALHO DA TAREFA / TÍTULO EDITÁVEL ===== */
.task-title-head{display:block;margin:10px 0 16px}.task-title-main{width:100%;min-width:0}.task-title-row{display:flex;align-items:center;gap:8px;min-width:0}.task-title-row h1{margin:4px 0 8px;min-width:0;max-width:100%;font-size:27px;line-height:1.2;overflow-wrap:anywhere}.task-title-edit{flex:0 0 auto;border:0;background:transparent;color:#0799d3;font-size:18px;line-height:1;cursor:pointer;border-radius:6px;padding:5px 7px}.task-title-edit:hover{background:#eaf7fc}.task-title-editor{display:none;grid-template-columns:minmax(260px,1fr) auto auto;gap:7px;align-items:center;margin:5px 0 9px}.task-title-editor.open{display:grid}.task-title-editor input{width:100%;box-sizing:border-box;border:1px solid #b9c9d6;border-radius:8px;padding:10px 11px;font-size:16px;font-weight:700;color:#172033}.task-title-editor .btn-primary,.task-title-editor .btn-light{margin:0;white-space:nowrap}.chat-task-head .status-big{display:none}.task-info-description h2{overflow-wrap:anywhere;word-break:break-word}.task-info-description p{overflow-wrap:anywhere;word-break:break-word}@media(max-width:700px){.task-title-editor{grid-template-columns:1fr 1fr}.task-title-editor input{grid-column:1/-1}}

/* FASE 19 - sino de notificacoes */
.content-area{position:relative}
.crm-notification-wrap{position:absolute;right:24px;top:18px;z-index:1200}
.crm-bell{position:relative;width:42px;height:42px;border:1px solid #dfe5ec;background:#fff;border-radius:50%;font-size:19px;cursor:pointer;box-shadow:0 2px 10px rgba(15,23,42,.07)}
.crm-bell:hover{background:#f7f9fc}
.crm-bell-count{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;line-height:20px;text-align:center;border:2px solid #fff}
.crm-notification-panel{display:none;position:absolute;right:0;top:50px;width:390px;max-width:calc(100vw - 40px);background:#fff;border:1px solid #dde4ec;border-radius:14px;box-shadow:0 18px 50px rgba(15,23,42,.18);overflow:hidden}
.crm-notification-panel.open{display:block}
.crm-notification-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #edf0f4}
.crm-notification-head button{border:0;background:none;color:#2563eb;font-size:12px;cursor:pointer}
.crm-notification-list{max-height:470px;overflow:auto}
.crm-notification-item{width:100%;display:flex;gap:10px;text-align:left;border:0;border-bottom:1px solid #f0f2f5;background:#fff;padding:13px 15px;cursor:pointer}
.crm-notification-item:hover{background:#f8fafc}.crm-notification-item.unread{background:#eff6ff}
.crm-not-dot{width:8px;height:8px;border-radius:50%;background:transparent;margin-top:6px;flex:none}.unread .crm-not-dot{background:#2563eb}
.crm-notification-item span:last-child{display:flex;flex-direction:column;gap:3px}.crm-notification-item b{font-size:13px;color:#172033}.crm-notification-item small{font-size:12px;color:#5f6b7a;line-height:1.35}.crm-notification-item time{font-size:10px;color:#98a2b3}
.crm-notification-empty{padding:28px;text-align:center;color:#8a94a3;font-size:13px}

/* FASE 19 - mencoes no bate-papo */
.mention-composer-wrap{position:relative;flex:1;min-width:0}.mention-composer-wrap textarea{width:100%;box-sizing:border-box}
.mention-menu{display:none;position:absolute;left:8px;bottom:calc(100% + 8px);width:330px;max-height:260px;overflow:auto;background:#fff;border:1px solid #dbe2ea;border-radius:12px;box-shadow:0 12px 35px rgba(15,23,42,.18);z-index:40;padding:6px}
.mention-menu.open{display:block}.mention-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:#fff;border-radius:8px;padding:9px 10px;text-align:left;cursor:pointer;color:#263244}.mention-menu button:hover{background:#eef5ff}
.mention-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:800;flex:none}

/* FASE 19.1 - Central de notificacoes redesenhada */
.crm-notification-wrap{position:fixed!important;right:26px!important;top:16px!important;z-index:5000!important}
.crm-bell{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid #dbe4ef!important;background:#fff!important;border-radius:12px!important;box-shadow:0 6px 20px rgba(15,23,42,.10)!important;transition:.18s ease!important}
.crm-bell svg{width:20px;height:20px;fill:none;stroke:#334155;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.crm-bell:hover{background:#f8fbff!important;border-color:#b8cff1!important;transform:translateY(-1px)}
.crm-bell-count{right:-7px!important;top:-7px!important;min-width:20px!important;height:20px!important;line-height:16px!important;padding:0 5px!important;background:#ef2b2d!important;border:2px solid #fff!important;box-shadow:0 2px 6px rgba(239,43,45,.28)!important}
.crm-notification-panel{right:0!important;top:50px!important;width:410px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 22px 60px rgba(15,23,42,.22)!important;overflow:hidden!important;background:#fff!important}
.crm-notification-head{padding:16px 17px!important;background:#fff!important;gap:12px!important}
.crm-notification-head>div{display:flex;flex-direction:column;gap:2px}.crm-notification-head strong{font-size:15px;color:#0f172a}.crm-notification-head small{font-size:10px;color:#94a3b8}.crm-notification-head button{font-weight:700!important;color:#1677e8!important}
.crm-notification-list{max-height:520px!important;background:#fff}
.crm-notification-item{position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:start!important;gap:11px!important;padding:13px 16px!important;border-bottom:1px solid #f0f3f7!important;background:#fff!important}
.crm-notification-item:hover{background:#f8fbff!important}.crm-notification-item.unread{background:#f1f7ff!important}.crm-notification-item.unread:hover{background:#eaf3ff!important}
.crm-not-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e7f0ff;color:#1769db;font-size:12px;font-weight:900}.crm-not-avatar.type-mencao{background:#e8efff;color:#285bd8}.crm-not-avatar.type-observador{background:#f2eaff;color:#7c3aed}.crm-not-avatar.type-participante{background:#e8f7ff;color:#0284c7}.crm-not-avatar.type-comentario{background:#eaf2ff;color:#2563eb}
.crm-not-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}.crm-not-topline{display:flex;align-items:flex-start;gap:7px}.crm-notification-item b{font-size:12.5px!important;line-height:1.25!important;color:#172033!important}.crm-notification-item small{font-size:11.5px!important;line-height:1.35!important;color:#4f5f73!important}.crm-unread-dot{width:7px;height:7px;border-radius:50%;background:#1677e8;flex:0 0 auto;margin-left:auto;margin-top:4px}.crm-not-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.crm-not-meta em{font-style:normal;font-size:9.5px;font-weight:800;color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 6px}.crm-notification-item time{font-size:10px!important;color:#94a3b8!important}.crm-notification-empty{padding:42px 24px!important}
@media(max-width:700px){.crm-notification-wrap{right:12px!important;top:10px!important}.crm-notification-panel{width:min(390px,calc(100vw - 24px))!important}}

/* ============================================================
   FASE 19.2 - LAYOUT PREMIUM DA TAREFA + TOPBAR + NOTIFICAÇÕES
   Referência visual: mockup aprovado pelo usuário
   ============================================================ */
:root{--crm-top:#0b1730;--crm-top2:#091326;--crm-blue:#1d6ff2;--crm-blue2:#0e5ee8;--crm-line:#e4e9f1;--crm-muted:#7a8798;--crm-text:#142033}
.content-area{padding:0!important;background:#f5f7fb!important;min-height:100vh}
.crm-page-body{padding:20px 20px 34px;min-width:0}
.crm-topbar{height:64px;background:linear-gradient(90deg,var(--crm-top2),var(--crm-top));display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:1100;box-shadow:0 1px 0 rgba(255,255,255,.03)}
.crm-top-search{position:relative;width:min(420px,38vw);height:38px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.06);border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#8fa1bb}
.crm-top-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.crm-top-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#e8eef8;font-size:13px}
.crm-top-search input::placeholder{color:#73859f}.crm-top-search kbd{font:600 10px/1 system-ui;color:#aebbd0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:5px 7px;white-space:nowrap}
.crm-global-results{position:absolute;left:0;top:46px;width:min(560px,calc(100vw - 28px));max-height:480px;overflow:auto;background:#fff;border:1px solid #dfe6ef;border-radius:11px;box-shadow:0 18px 50px rgba(5,19,43,.28);padding:7px;z-index:6000;color:#172238}.crm-global-results[hidden]{display:none}.crm-global-category{padding:8px 9px 5px;color:#8a96a7;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.crm-global-result{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:9px;align-items:center;padding:8px 9px;border-radius:8px;text-decoration:none;color:#172238}.crm-global-result:hover,.crm-global-result.active{background:#eff6ff}.crm-global-result-icon{width:32px;height:32px;border-radius:9px;background:#e9f2ff;color:#176ce7;display:grid;place-items:center;font-size:11px;font-weight:800}.crm-global-result-icon.type-cliente{background:#e8f8ef;color:#15925c}.crm-global-result-icon.type-projeto{background:#f1edff;color:#6b4fd1}.crm-global-result-icon.type-tarefa{background:#fff2df;color:#d57b05}.crm-global-result-icon.type-usuario{border-radius:50%;background:#e9f2ff}.crm-global-result span:nth-child(2){min-width:0}.crm-global-result b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-global-result small{display:block;font-size:9px;color:#7c8999;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-global-result>i{font-style:normal;color:#9aa6b5;font-size:18px}.crm-global-empty,.crm-global-loading{padding:22px 13px;text-align:center;color:#718096;font-size:10px}.crm-global-loading span{display:inline-block;width:12px;height:12px;border:2px solid #d6e4f6;border-top-color:#1772f4;border-radius:50%;vertical-align:-2px;margin-right:6px;animation:spin .7s linear infinite}
.crm-top-actions{display:flex;align-items:center;gap:11px;height:100%}.crm-top-plus{width:36px;height:36px;border-radius:9px;background:linear-gradient(180deg,#2a80ff,#0d5fe8);color:#fff;text-decoration:none;font-size:25px;display:grid;place-items:center;box-shadow:0 4px 12px #0657d744}.crm-top-icon,.crm-bell{position:relative;width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:#dce7f8;display:grid;place-items:center;cursor:pointer}.crm-top-icon:hover,.crm-bell:hover{background:rgba(255,255,255,.07)}.crm-top-icon svg,.crm-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.crm-notification-wrap{position:relative!important;right:auto!important;top:auto!important;z-index:5000!important}
.crm-bell{border-left:3px solid #1674ff!important;border-radius:6px!important;background:rgba(255,255,255,.035)!important}.crm-bell-count{position:absolute!important;right:-3px!important;top:-4px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border:2px solid #0a162d!important;border-radius:10px!important;background:#f04438!important;color:#fff!important;font-size:9px!important;font-weight:800!important;line-height:13px!important;text-align:center!important;box-sizing:border-box!important}
.crm-app-grid{display:grid!important;grid-template-columns:repeat(3,3px)!important;grid-template-rows:repeat(3,3px)!important;gap:3px!important;align-content:center!important;justify-content:center!important}.crm-app-grid span{width:3px;height:3px;background:#dce7f8;border-radius:1px}
.crm-top-user{height:45px;display:flex;align-items:center;gap:9px;padding:0 4px 0 7px;color:#fff}.crm-top-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#2b83ff,#0f5ee4);display:grid;place-items:center;font-size:13px;font-weight:800;box-shadow:0 0 0 2px rgba(255,255,255,.06)}.crm-top-user>div:nth-child(2){display:flex;flex-direction:column;max-width:145px}.crm-top-user strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-top-user small{font-size:9px;color:#8596af;margin-top:2px}.crm-user-chevron{color:#8697af;font-size:14px}
.crm-notification-panel{display:none!important;position:absolute!important;right:-135px!important;top:48px!important;width:365px!important;max-width:calc(100vw - 30px)!important;background:#fff!important;border:1px solid #e5e9f0!important;border-radius:8px!important;box-shadow:0 18px 45px rgba(14,28,53,.24)!important;overflow:hidden!important;z-index:5100!important}.crm-notification-panel.open{display:block!important}.crm-notification-panel:before{content:"";position:absolute;top:-6px;right:145px;width:12px;height:12px;background:#fff;border-left:1px solid #e5e9f0;border-top:1px solid #e5e9f0;transform:rotate(45deg)}
.crm-notification-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 15px!important;border-bottom:1px solid #edf0f5!important;background:#fff!important}.crm-notification-head strong{font-size:14px;color:#1a2435}.crm-notification-head button{font-size:10px!important;color:#176df0!important;font-weight:700!important}.crm-notification-list{max-height:440px!important;overflow:auto!important;padding:8px!important;background:#fff}.crm-notification-item{width:100%!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;border:0!important;border-radius:7px!important;padding:10px 9px!important;margin:0 0 3px!important;background:#fff!important;text-align:left!important;cursor:pointer!important}.crm-notification-item:hover{background:#f7f9fd!important}.crm-notification-item.unread{background:#f0f5ff!important}.crm-not-avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:#1c70ef!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:800!important;align-self:start!important}.crm-not-avatar.type-observador{background:#7357e8!important}.crm-not-avatar.type-comentario{background:#1f70ed!important}.crm-not-avatar.type-mencao{background:#1a6fee!important}.crm-not-avatar.type-prazo{background:#f59e0b!important}.crm-not-avatar.type-conclusao{background:#16a66d!important}.crm-not-copy{min-width:0!important;display:block!important;position:relative!important;padding-right:10px!important}.crm-not-topline{display:flex!important;align-items:flex-start!important;gap:5px!important}.crm-notification-item b{font-size:11px!important;line-height:1.28!important;color:#172033!important}.crm-notification-item small{display:block!important;font-size:10px!important;line-height:1.35!important;color:#4e5a6a!important;margin-top:3px!important}.crm-notification-item time{display:block!important;font-size:9px!important;color:#9aa5b4!important;margin-top:5px!important}.crm-unread-dot{position:absolute!important;right:0!important;top:14px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#1772f4!important}.crm-notification-footer{display:block;text-align:center;padding:12px;border-top:1px solid #edf0f5;color:#176df0;font-size:11px;font-weight:700;text-decoration:none;background:#fff}.crm-notification-empty{padding:28px!important}

.task-page-modern{max-width:1480px;margin:0 auto}.task-modern-breadcrumb{display:flex;align-items:center;gap:7px;font-size:11px;color:#768396;margin:2px 0 16px}.task-modern-breadcrumb a{color:#176df0;text-decoration:none;font-weight:700}.task-modern-titlebar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.task-modern-titlecopy{min-width:0;flex:1}.task-modern-titleline{display:flex;align-items:center;gap:10px}.task-modern-titleline h1{font-size:23px;line-height:1.25;margin:0;color:#111b2d;max-width:900px;overflow-wrap:anywhere}.task-title-edit.modern{width:34px;height:34px;border:1px solid #d9e0e9;border-radius:9px;background:#fff;display:grid;place-items:center;cursor:pointer}.task-title-edit.modern svg{width:16px;height:16px;fill:none;stroke:#5c6878;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.task-modern-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px;color:#7d899a}.task-id-chip{background:#eef2f6;border-radius:15px;padding:5px 8px;font-weight:700}.task-critical-chip{background:#fee3e1;color:#df342f;border-radius:15px;padding:5px 9px;font-weight:800}.task-created-chip:before{content:"◉";margin-right:5px;color:#8794a6}.task-title-editor{margin-top:10px!important;max-width:680px}.task-title-editor.open{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important}.task-title-editor input{height:38px;border:1px solid #ccd6e2;border-radius:8px;padding:0 11px}
.task-modern-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}.task-modern-info{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 145px);overflow:auto;padding-right:2px;scrollbar-width:thin}.task-modern-card,.task-secondary-card{background:#fff;border:1px solid #e1e6ed;border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.025)}.task-primary-card{padding:16px 18px}.task-primary-card h2{font-size:14px;margin:0 0 13px;color:#152033}.task-info-item{padding:9px 0;border-top:1px solid #edf0f4}.task-info-item:first-of-type{border-top:0}.task-info-item>span,.task-info-description>span{display:block;color:#8290a2;font-size:10px;margin-bottom:5px}.task-info-item>b{font-size:11px;color:#192337}.task-stage-select.modern-stage{width:100%;height:34px;border:1px solid #d5dde8;border-radius:7px;background:#fff;padding:0 9px;color:#18243a;font-size:11px}.task-person-line{display:flex;align-items:center;gap:7px}.task-person-line i{width:25px;height:25px;border-radius:50%;background:#1d72ef;color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.task-person-line b{font-size:10px}.task-avatar-list{display:flex;align-items:center;gap:4px;min-height:27px}.task-avatar-list span{width:25px;height:25px;border-radius:50%;background:#1d72ef;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800;border:2px solid #fff;margin-left:-5px}.task-avatar-list span:first-child{margin-left:0}.task-avatar-list.observer span{background:#7557e7}.task-avatar-list button{width:25px;height:25px;border:0;border-radius:50%;background:#edf4ff;color:#176df0;font-weight:800;cursor:pointer}.task-avatar-list small{font-size:10px;color:#9aa5b4}.task-date-value{color:#46566d!important}.task-priority-critical{color:#d83b36!important}.task-status-dot{display:flex!important;align-items:center;gap:7px}.task-status-dot i{width:8px;height:8px;border-radius:50%;background:#1c70ee}.task-check-progress>div{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px}.task-progress-track{height:5px;background:#ebeff4;border-radius:5px;overflow:hidden}.task-progress-track i{display:block;height:100%;background:#1c70ef}.task-check-progress b{font-size:10px}.task-info-description{border-top:1px solid #edf0f4;padding-top:10px;margin-top:2px}.task-info-description p{font-size:10px;line-height:1.55;color:#475569;margin:0;white-space:pre-wrap}.task-edit-main{width:100%;height:34px;margin-top:14px;border:1px solid #2777f0;border-radius:7px;background:#fff;color:#176df0;font-weight:700;font-size:10px;cursor:pointer}.task-secondary-card{padding:13px 15px}.task-secondary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.task-secondary-head h3{font-size:12px;margin:0}.task-secondary-head span{background:#eef2f6;color:#657286;border-radius:12px;padding:3px 7px;font-size:9px}.task-secondary-card .btn-light{font-size:10px}.task-secondary-card .inline-add input,.task-secondary-card .related-add select{font-size:10px}
.task-modern-main{min-width:0;background:#fff;border:1px solid #e1e6ed;border-radius:10px;overflow:hidden;min-height:calc(100vh - 150px);display:flex;flex-direction:column}.task-modern-tabs{height:53px;display:flex;align-items:end;gap:6px;padding:0 16px;border-bottom:1px solid #e7ebf1;overflow-x:auto;background:#fff;flex:0 0 auto}.task-modern-tabs button{height:53px;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 11px;color:#697688;font-size:10px;white-space:nowrap;cursor:pointer}.task-modern-tabs button.active{color:#176df0;border-bottom-color:#176df0;font-weight:800}.task-modern-tabs em{font-style:normal;background:#eef2f6;border-radius:10px;padding:2px 5px;margin-left:4px;font-size:8px;color:#7b8798}.task-chat-panel.modern-chat{border:0!important;border-radius:0!important;box-shadow:none!important;flex:1;min-height:0;background:linear-gradient(135deg,#f4fbf8,#f2f8fc 50%,#f6f9ff)!important}.task-chat-panel.modern-chat:before{opacity:.12!important}.task-chat-stream{max-height:none!important;min-height:430px!important;flex:1!important;padding:26px 30px 30px!important}.chat-day span{background:#788a9799!important}.chat-message.modern-message,.chat-message.system-event{max-width:86%!important;margin:0 auto 15px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}.chat-message.modern-message.mine{margin-left:auto!important;margin-right:0!important;grid-template-columns:minmax(0,1fr) 34px!important}.chat-message.modern-message.mine .chat-avatar{grid-column:2}.chat-message.modern-message.mine .chat-bubble{grid-row:1;grid-column:1;background:#eaf2ff!important}.chat-avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:#1d72ef!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:800!important}.chat-bubble{position:relative!important;background:#fff!important;border:1px solid #e1e7ef!important;border-left:3px solid #1d72ef!important;border-radius:8px!important;padding:11px 14px 18px!important;box-shadow:0 2px 8px rgba(12,31,61,.04)!important;min-height:41px!important}.chat-bubble.event-bubble{background:#fff!important;border-left-color:#31b46d!important}.chat-author{font-size:10px!important;color:#273347!important;margin-bottom:5px!important}.chat-text{font-size:10px!important;line-height:1.48!important;color:#475568!important;white-space:pre-wrap!important}.chat-bubble time{position:absolute!important;right:9px!important;bottom:5px!important;font-size:8px!important;color:#9da8b7!important}.system-event .chat-avatar{background:#1d72ef!important}.task-chat-composer.modern-composer{border-top:1px solid #e3e8ef!important;padding:0!important;background:#fff!important;position:relative!important}.modern-composer textarea{height:92px!important;min-height:92px!important;max-height:150px!important;padding:16px 48px 12px 16px!important;font-size:11px!important}.modern-compose-toolbar{height:48px;display:flex;align-items:center;border-top:1px solid #eff2f6;padding:0 13px;gap:10px}.modern-tools{display:flex;align-items:center;gap:1px}.modern-tools button{width:30px;height:30px;border:0;background:transparent;color:#566376;font-size:12px;cursor:pointer;border-radius:5px}.modern-tools button:hover{background:#f2f5f9}.modern-compose-help{margin-left:auto;color:#8b97a7;font-size:8px;white-space:nowrap}.modern-send{height:34px;border:0;border-radius:7px;background:#176df0;color:#fff;font-size:10px;font-weight:700;padding:0 13px 0 14px;display:flex;align-items:center;gap:9px;cursor:pointer}.modern-send span{border-left:1px solid rgba(255,255,255,.25);padding-left:9px}.composer-at{position:absolute;right:13px;top:14px;width:28px;height:28px;border:0;background:transparent;color:#24344c;font-size:17px;font-weight:800;cursor:pointer}.mention-menu{bottom:140px!important;top:auto!important;left:12px!important;right:auto!important;width:330px!important}
@media(max-width:1100px){.crm-top-search{width:300px}.task-modern-workspace{grid-template-columns:290px minmax(0,1fr)}.modern-compose-help{display:none}.crm-top-user>div:nth-child(2){display:none}}
@media(max-width:850px){.crm-top-search{display:none}.crm-page-body{padding:15px 12px}.task-modern-workspace{grid-template-columns:1fr}.task-modern-info{max-height:none;overflow:visible}.task-modern-main{min-height:650px}.crm-notification-panel{right:-80px!important}.task-modern-tabs{padding-left:7px}.chat-message.modern-message,.chat-message.system-event{max-width:96%!important}}

/* ===== FASE 20 - Prazo editável, foto de usuário e chat interno ===== */
.user-photo-field{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center}.user-photo-field input{min-width:0}.user-photo-field small{grid-column:2;color:#7c8797}.user-photo-preview{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px dashed #cbd5e1;background:#f8fafc}.user-photo-preview:not(.has-photo){visibility:hidden}.crm-user-photo{overflow:hidden}.crm-user-photo img,.crm-top-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.task-deadline-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-mini-edit{width:27px;height:27px;border:1px solid #d8e0ea;background:#fff;border-radius:7px;color:#526174;cursor:pointer}.task-mini-edit:hover{border-color:#2a77ef;color:#176df0;background:#f6f9ff}.small-dialog{max-width:420px!important}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.crm-chat-top-btn{position:relative}.crm-chat-count{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef3d3d;color:#fff;font-size:9px;font-weight:800;line-height:17px;text-align:center;border:2px solid #0f1e39}
.crm-chat-drawer{position:fixed;z-index:1150;right:0;top:64px;bottom:0;width:380px;background:#fff;border-left:1px solid #dfe5ed;box-shadow:-10px 0 35px rgba(17,31,55,.14);transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column}.crm-chat-drawer.open{transform:translateX(0)}.crm-chat-drawer-head{height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf3}.crm-chat-drawer-head strong{display:block;font-size:14px;color:#152039}.crm-chat-drawer-head small{display:block;font-size:10px;color:#8b96a6;margin-top:2px}.crm-chat-drawer-head button{border:0;background:transparent;font-size:25px;color:#738095;cursor:pointer}.crm-chat-search{padding:12px;border-bottom:1px solid #edf1f5}.crm-chat-search input{width:100%;height:38px;border:1px solid #dce3ec;border-radius:9px;padding:0 12px;font-size:11px}.crm-chat-user-list{overflow:auto;flex:1;padding:6px}.crm-chat-user{width:100%;border:0;background:#fff;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:9px 10px;border-radius:9px;cursor:pointer}.crm-chat-user:hover{background:#f4f8ff}.crm-chat-user>span:nth-child(2){min-width:0}.crm-chat-user b{display:block;font-size:11px;color:#1b273b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-chat-user small{display:block;font-size:9px;color:#8a96a7;margin-top:2px}.crm-chat-user i{font-style:normal;background:#1772f4;color:#fff;border-radius:12px;min-width:21px;height:21px;line-height:21px;text-align:center;font-size:9px;font-weight:800}.crm-chat-avatar{width:36px;height:36px;border-radius:50%;background:#1973ef;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;overflow:hidden;flex:0 0 auto}.crm-chat-avatar img{width:100%;height:100%;object-fit:cover}.crm-chat-conversation{display:flex;flex-direction:column;min-height:0;flex:1}.crm-chat-back{margin:9px 12px 0;align-self:flex-start;border:0;background:transparent;color:#176df0;font-size:10px;font-weight:700;cursor:pointer}.crm-chat-messages{flex:1;overflow:auto;padding:12px;background:linear-gradient(135deg,#f6fbff,#f4f9f7)}.crm-chat-msg{display:flex;gap:8px;align-items:flex-end;margin:10px 0;max-width:88%}.crm-chat-msg.mine{margin-left:auto;flex-direction:row-reverse}.crm-chat-msg>div:last-child{background:#fff;border:1px solid #e2e8f0;border-radius:11px 11px 11px 3px;padding:8px 10px;box-shadow:0 2px 7px rgba(20,38,70,.04);min-width:90px}.crm-chat-msg.mine>div:last-child{background:#e9f2ff;border-color:#d5e5fb;border-radius:11px 11px 3px 11px}.crm-chat-msg b{display:block;font-size:9px;color:#334155;margin-bottom:3px}.crm-chat-msg p{font-size:11px;line-height:1.4;color:#27364b;margin:0;white-space:normal;overflow-wrap:anywhere}.crm-chat-msg time{display:block;font-size:8px;color:#9aa6b5;text-align:right;margin-top:4px}.crm-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:10px;border-top:1px solid #e5eaf0;background:#fff}.crm-chat-compose textarea{height:58px;resize:none;border:1px solid #dce3ec;border-radius:9px;padding:9px 10px;font-size:11px}.crm-chat-compose button{height:42px;align-self:end;border:0;border-radius:9px;background:#176df0;color:#fff;font-size:16px;cursor:pointer}.crm-chat-empty{padding:24px;text-align:center;color:#8b96a6;font-size:10px}
@media(max-width:760px){.crm-chat-drawer{width:min(100vw,380px);top:58px}}

/* ===== FASE 20.1 - CENTRAL DE COMUNICACAO ===== */
.chat360-shell{height:calc(100vh - 88px);min-height:600px;margin:-22px -24px -24px;display:grid;grid-template-columns:330px minmax(0,1fr);background:#fff;border-top:1px solid #dfe6ee}.chat360-list{min-width:0;border-right:1px solid #dce4ed;display:flex;flex-direction:column;background:#fff;position:relative}.chat360-list-head{height:58px;display:flex;align-items:center;gap:8px;padding:9px;border-bottom:1px solid #e7edf3}.chat360-search{height:38px;flex:1;display:flex;align-items:center;gap:7px;border:1px solid #dce4ec;background:#f7f9fb;border-radius:20px;padding:0 12px;color:#8290a1}.chat360-search input{border:0;outline:0;background:transparent;width:100%;font-size:11px}.chat360-new{width:36px;height:36px;border:0;border-radius:50%;background:#11a9e2;color:#fff;font-size:16px;cursor:pointer}.chat360-new-menu{position:absolute;z-index:20;right:8px;top:52px;width:170px;background:#fff;border:1px solid #dce4ed;border-radius:9px;box-shadow:0 8px 25px #17233c22;padding:5px}.chat360-new-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px;border-radius:6px;font-size:11px;cursor:pointer}.chat360-new-menu button:hover{background:#f0f7ff}.chat360-convs{overflow:auto;flex:1}.chat360-conv{width:100%;border:0;border-bottom:1px solid #eef2f5;background:#fff;display:grid;grid-template-columns:46px minmax(0,1fr) 48px;gap:8px;align-items:center;padding:9px 10px;text-align:left;cursor:pointer}.chat360-conv:hover{background:#f5faff}.chat360-conv.active{background:#11a9e2;color:#fff}.chat360-conv.active b,.chat360-conv.active small,.chat360-conv.active time{color:#fff}.chat360-conv-copy{min-width:0}.chat360-conv-copy b{display:block;font-size:11px;color:#18243a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat360-conv-copy small{display:block;font-size:9px;color:#8290a2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat360-conv-meta{text-align:right;align-self:stretch;display:flex;flex-direction:column;align-items:end;justify-content:space-between}.chat360-conv-meta time{font-size:8px;color:#8d99a9}.chat360-conv-meta i{font-style:normal;min-width:19px;height:19px;line-height:19px;text-align:center;border-radius:10px;background:#0b8fe0;color:#fff;font-size:8px;font-weight:800}.chat360-conv.active .chat360-conv-meta i{background:#fff;color:#0b8fe0}.c360-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1775e8;color:#fff;font-size:11px;font-weight:800;overflow:hidden;flex:0 0 auto}.c360-av img{width:100%;height:100%;object-fit:cover}.c360-av.group{background:#7257c8;font-size:15px}.chat360-main{min-width:0;display:flex;position:relative;background:linear-gradient(135deg,#dff8ef 0,#d8f2f2 35%,#d7eaff 100%);overflow:hidden}.chat360-main:before{content:"";position:absolute;inset:0;opacity:.13;background-image:radial-gradient(circle at 1px 1px,#52799a 1px,transparent 0);background-size:24px 24px;pointer-events:none}.chat360-empty{margin:auto;text-align:center;color:#6d7f92;z-index:1}.chat360-empty div{font-size:50px}.chat360-empty h2{font-size:18px;margin:8px}.chat360-empty p{font-size:11px}.chat360-room{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;min-height:0}.chat360-room-head{height:60px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #dfe6ed;padding:0 14px}.chat360-room-head strong{display:block;font-size:12px;color:#17243a}.chat360-room-head small{display:block;font-size:9px;color:#8794a5;margin-top:3px}.chat360-room-head>button{margin-left:auto;border:0;background:transparent;font-size:18px;cursor:pointer}.chat360-messages{flex:1;overflow:auto;padding:22px 28px}.chat360-msg-row{display:flex;align-items:flex-end;gap:8px;margin:10px 0;max-width:68%}.chat360-msg-row.mine{margin-left:auto;flex-direction:row-reverse}.chat360-msg-row .c360-av{width:31px;height:31px;font-size:9px}.chat360-bubble{background:#fff;border-radius:8px 8px 8px 2px;padding:8px 11px 6px;box-shadow:0 2px 8px #27425e12;min-width:110px}.chat360-msg-row.mine .chat360-bubble{background:#e4ffc8;border-radius:8px 8px 2px 8px}.chat360-bubble>b{display:block;font-size:9px;color:#2a3b50;margin-bottom:4px}.chat360-bubble p{font-size:11px;line-height:1.45;color:#26364a;margin:0;white-space:normal;overflow-wrap:anywhere}.chat360-bubble time{display:block;text-align:right;font-size:7px;color:#94a0ae;margin-top:4px}.chat360-attach{margin-top:6px;display:flex;align-items:center;gap:7px;text-decoration:none;background:#f4f7fa;border:1px solid #e0e6ed;border-radius:7px;padding:7px;color:#25364c}.chat360-attach span{min-width:0}.chat360-attach b{display:block;font-size:9px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat360-attach small{display:block;font-size:7px;color:#8996a5}.chat360-compose{min-height:70px;background:#fff;border-top:1px solid #dce4ed;display:flex;align-items:flex-end;padding:8px 12px;gap:7px}.chat360-clip{width:34px;height:34px;border:0;background:transparent;font-size:18px;cursor:pointer}.chat360-input-wrap{flex:1;min-width:0}.chat360-input-wrap textarea{width:100%;height:46px;max-height:110px;resize:none;border:0;outline:0;padding:10px;font-size:11px}.chat360-file-picked{display:inline-flex;align-items:center;gap:5px;background:#eef5ff;border-radius:6px;padding:4px 7px;font-size:9px}.chat360-file-picked button{border:0;background:transparent;cursor:pointer}.chat360-send{width:38px;height:38px;border:0;border-radius:50%;background:#11a9e2;color:#fff;font-size:16px;cursor:pointer}.chat360-day{text-align:center;color:#738496;font-size:9px;margin-top:20px}.chat360-no{padding:25px;text-align:center;color:#8b97a7;font-size:10px}.chat360-modal{position:fixed;z-index:3000;inset:0;background:#0c172966;display:grid;place-items:center}.chat360-modal[hidden]{display:none}.chat360-modal-card{position:relative;width:min(520px,92vw);max-height:80vh;overflow:auto;background:#fff;border-radius:12px;padding:20px;box-shadow:0 20px 70px #0003}.chat360-x{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:24px;cursor:pointer}.chat360-modal-card h2{font-size:17px;margin:0 0 16px}.chat360-modal-card label{display:block;font-size:10px;font-weight:700;margin:8px 0 5px}.chat360-field{width:100%;height:39px;border:1px solid #d6dfe9;border-radius:8px;padding:0 10px;font-size:11px;margin-bottom:8px}.chat360-people,.chat360-member-list{max-height:350px;overflow:auto;border:1px solid #e2e8ef;border-radius:8px}.chat360-person,.chat360-member{width:100%;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:8px 10px;text-align:left}.chat360-person{cursor:pointer}.chat360-person:hover{background:#f6f9fd}.chat360-person span:nth-child(2),.chat360-member span:nth-child(2){flex:1}.chat360-person b,.chat360-member b{display:block;font-size:10px}.chat360-person small,.chat360-member small{display:block;font-size:8px;color:#8996a6;margin-top:2px}.chat360-person input{width:17px;height:17px}.chat360-create{margin-top:12px;width:100%}@media(max-width:850px){.chat360-shell{grid-template-columns:280px minmax(0,1fr);margin:-15px -12px}.chat360-msg-row{max-width:88%}}@media(max-width:650px){.chat360-shell{grid-template-columns:1fr}.chat360-list{display:none}.chat360-msg-row{max-width:94%}}

/* Fase 20.2 - chat: fechar e colaboradores na lateral */
.chat360-shell{position:relative}
.chat360-close-page{flex:0 0 36px;width:36px;height:36px;border:1px solid #d7e1eb;border-radius:10px;background:#fff;color:#536579;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.chat360-close-page:hover{background:#f1f6fb;color:#182a40;border-color:#c6d3df;transform:translateY(-1px)}.chat360-close-page svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* Fase 20.3 - exclusão de conversas e mensagens */
.chat360-room-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.chat360-room-actions button{width:36px;height:36px;border:1px solid transparent;border-radius:10px;background:transparent;color:#5c6c7d;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chat360-room-actions button:hover{background:#eef4fa;border-color:#dce6ef;color:#17324f}.chat360-room-actions .chat360-delete-conv:hover{background:#fff1f1;border-color:#f2cccc;color:#c9363f}.chat360-room-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat360-bubble{position:relative}.chat360-msg-menu{position:absolute;right:4px;top:3px;width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:#6f7d8e;font-size:17px;line-height:18px;cursor:pointer;opacity:0}.chat360-msg-row:hover .chat360-msg-menu,.chat360-msg-menu:focus{opacity:1}.chat360-bubble>b{padding-right:18px}.chat360-bubble.is-deleted{background:#f3f5f7!important;color:#7c8794;box-shadow:none}.chat360-deleted{font-style:italic;color:#7f8a98!important}.chat360-delete-help{font-size:11px;color:#687689;margin:0 0 12px}.chat360-delete-option{display:block;width:100%;border:1px solid #dfe6ed;background:#fff;text-align:left;border-radius:9px;padding:11px 12px;margin-top:8px;cursor:pointer}.chat360-delete-option:hover{background:#f5f9fd}.chat360-delete-option b{display:block;font-size:11px;color:#1d2a3d}.chat360-delete-option small{display:block;font-size:9px;color:#7c8999;margin-top:3px}.chat360-delete-option.danger{border-color:#f0c7c7}.chat360-delete-option.danger b{color:#c52f38}@media(max-width:650px){.chat360-msg-menu{opacity:1}}

/* Alinhamento dos ícones de ação */
.crm-top-plus{line-height:0}.crm-top-plus svg,.chat360-new svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.chat360-new{display:grid;place-items:center;flex:0 0 36px;transition:transform .15s,box-shadow .15s}.chat360-new:hover,.crm-top-plus:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0657d755}
.chat360-section-title{padding:9px 12px 6px;font-size:8px;font-weight:800;color:#8a97a7;background:#f7f9fb;border-bottom:1px solid #edf1f5;letter-spacing:.45px}
.chat360-user-row{grid-template-columns:46px minmax(0,1fr) 24px}
.chat360-user-start{font-size:22px;color:#91a0b0;text-align:center}
.chat360-user-row:hover .chat360-user-start{color:#0b97d4}