/* Shared CRM presentation only: no layout visibility, workflow, or permission changes. */
.crm-modern{--bg:#f5f7fb;--line:#e2e9f1;--gray:#63758b;--teal:#269c94;--surface-shadow:0 4px 20px #172b4d04;background:var(--bg);text-rendering:optimizeLegibility}
.crm-modern .workspace>main{min-width:0;padding:30px clamp(20px,3vw,42px) 48px}
.crm-modern .workspace>aside{background:linear-gradient(180deg,#132448 0%,#18324e 100%);border-inline-end:1px solid #ffffff0b;padding:24px 15px}
.crm-modern .brand{gap:14px;padding:9px 8px 28px}.crm-modern .brand img{border-radius:12px;box-shadow:0 4px 15px #00000014}
.crm-modern .nav-section{border-color:#ffffff0c;padding-bottom:8px}.crm-modern .nav-section summary{font-size:13px;border-radius:10px;padding:12px 11px;line-height:1.7}.crm-modern .nav-section-active summary{color:#8adecf}.crm-modern .nav-section-items{border-color:#ffffff12;gap:5px}.crm-modern .nav-section-items button{border-radius:9px;font-size:13px;line-height:1.7;padding:10px 12px}.crm-modern .nav-section-items button.selected{background:#d9f3ed;color:#14584f;box-shadow:0 3px 10px #0000000a}.crm-modern .sidebar-footer{border-color:#ffffff16;font-size:13px}.crm-modern .sidebar-footer .quiet{color:#d9e5f1;border-radius:8px}.crm-modern .sidebar-footer .quiet:hover{background:#ffffff0c}
.crm-modern .workspace>main>header{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:26px;gap:16px}.crm-modern header .eyebrow{color:#6b8299;font-size:10px;letter-spacing:1px}.crm-modern header h1{font-size:clamp(23px,2.3vw,30px);line-height:1.55}.crm-modern .workspace-badge{background:#eaf0f6;border:1px solid #e0e8f0;border-radius:8px;padding:5px 10px;font-size:11px}.crm-modern #inbox-bell{border-radius:11px;font-size:12px;box-shadow:0 2px 5px #14264b03}.crm-modern #inbox-unread{background:#238b82;font-size:11px}
.crm-modern button{transition:background-color .15s,border-color .15s,box-shadow .15s}.crm-modern button:hover{filter:none}.crm-modern :is(#content,#modal,.login-card) button:not(.quiet):not(.ov-link):not(.support-stat){border-radius:10px}.crm-modern :is(#content,#modal) .secondary{background:#fff;border-color:#dce5ef;color:#284360}.crm-modern :is(#content,#modal) .secondary:hover:not(:disabled){background:#f2f7fa;border-color:#adc8ce}.crm-modern :is(#content,#modal) .quiet:hover:not(:disabled){background:#eff5f8}.crm-modern button:disabled{cursor:not-allowed}.crm-modern :is(input,select,textarea){border-color:#cbd7e4;border-radius:10px;box-shadow:0 1px 2px #14264b03;min-width:0}.crm-modern :is(input,select,textarea):focus{border-color:#269c94;box-shadow:0 0 0 3px #269c9414}.crm-modern :is(input,select,textarea):disabled{background:#f2f5f8;color:#6a7c90}.crm-modern :is(input,textarea)::placeholder{color:#8795a6;opacity:1}.crm-modern label{color:#28415f;font-size:13px;line-height:1.8}.crm-modern label :is(input,select,textarea){font-size:14px}.crm-modern input[type=checkbox],.crm-modern input[type=radio]{accent-color:#238d83;box-shadow:none}.crm-modern input[type=file]{background:#f8fafc;border-style:dashed;padding:10px}.crm-modern input[type=file]::file-selector-button{font:inherit;border:0;border-radius:7px;background:#e9f4f2;color:#24675f;padding:7px 12px;margin-inline-end:12px;cursor:pointer}
.crm-modern #content>.toolbar{gap:16px;padding:4px 0 7px}.crm-modern .toolbar h2{font-size:20px;line-height:1.65}.crm-modern .toolbar p{font-size:13px;line-height:1.8}.crm-modern .toolbar form{min-width:0;flex-wrap:wrap}.crm-modern .toolbar form label{min-width:0}.crm-modern .actions{gap:9px}.crm-modern .panel{border-color:var(--line);border-radius:17px;box-shadow:var(--surface-shadow)}.crm-modern .detail{padding:24px}.crm-modern .detail>h2{font-size:19px;border-color:#edf1f6;padding-bottom:16px}.crm-modern .panel .panel{box-shadow:none}.crm-modern .stack{gap:20px}
.crm-modern .table-scroll{border-radius:inherit;scrollbar-width:thin;scrollbar-color:#b9c9d7 #f3f6fa}.crm-modern table th{background:#f0f4f9;color:#526983;font-size:12px;font-weight:700;letter-spacing:0;line-height:1.7;border-color:#e1e8f1}.crm-modern table td{border-color:#edf1f6;font-size:13px;line-height:1.8}.crm-modern table :is(th,td){padding:15px 18px}.crm-modern tbody tr:not(.record-column-filters):not(.client-filters):hover{background:#f8fbfd}.crm-modern td button{font-size:12px;padding:8px 13px}.crm-modern :is(.record-column-filters,.client-filters) td{padding:8px;background:#f9fbfd}.crm-modern :is(.record-column-filters,.client-filters) :is(input,select){font-size:12px;border-color:#dce5ef;padding:8px 10px;border-radius:8px}.crm-modern .record-search-bar{margin:14px 0;gap:12px}.crm-modern .tag{border-radius:7px;font-size:11px;padding:4px 9px;line-height:1.7}.crm-modern .pagination{font-size:13px;gap:16px}.crm-modern .pagination button{font-size:12px;padding:9px 16px}.crm-modern .empty{padding:55px 22px;color:#6a7c90}.crm-modern .empty h2{color:#314c6a;font-size:19px}
.crm-modern :is(.stat,.support-stat,.settings-card,.record-card,.collection-metric){box-shadow:var(--surface-shadow)}.crm-modern .stat{border-color:var(--line);border-radius:16px;padding:22px;font-size:13px;color:#546b83}.crm-modern .stat strong{color:#19344e;font-size:clamp(24px,2.2vw,32px);line-height:1.5;font-variant-numeric:tabular-nums;margin-top:14px}.crm-modern .support-stat{border-color:var(--line);border-top:3px solid #65b6aa;border-radius:15px}.crm-modern .record-card{border-color:var(--line);border-top-color:#57afa5;border-radius:18px}.crm-modern .record-card.priority-high,.crm-modern .record-card.priority-critical{border-top-color:#c36a43}.crm-modern .card-next{background:#f3f7fa;border-radius:11px}.crm-modern .card-status{font-size:11px}.crm-modern .card-filters{border-color:var(--line);border-radius:14px}.crm-modern .client-details-grid{gap:20px}.crm-modern .client-details-grid dt{font-size:12px}.crm-modern .client-details-grid dd{font-size:14px;padding-bottom:10px;border-bottom:1px solid #edf1f6}
.crm-modern .settings-hero,.crm-modern .inbox-hero{background:linear-gradient(115deg,#eaf6f3,#f7fbfc);border-color:#d9eae7;border-radius:19px;padding:26px}.crm-modern .settings-hero h2{font-size:23px}.crm-modern .settings-card{border-color:var(--line);border-top-color:#65b6aa;border-radius:17px;padding:24px}.crm-modern .settings-card h3{font-size:17px}.crm-modern .settings-card p{font-size:13px;color:#63758b}.crm-modern .settings-note{background:#f3f7fa;border-radius:10px}.crm-modern .report-section{margin-top:22px}.crm-modern .report-filters label{font-size:12px}.crm-modern .report-bar-track{height:9px;background:#edf2f7}.crm-modern .report-bar-track>span{background:linear-gradient(90deg,#54b9a9,#218e85)}.crm-modern .finance-counts>div{border:1px solid #edf1f6;background:#f7f9fc;border-radius:12px}.crm-modern .finance-counts span{font-size:11px}.crm-modern .collection-progress-panel{box-shadow:var(--surface-shadow)}.crm-modern .inbox-item{border-radius:16px;box-shadow:var(--surface-shadow)}.crm-modern .inbox-item.is-unread{border-inline-start-color:#269c94}
.crm-modern dialog{border:1px solid #dfe8f0;border-radius:20px;padding:28px;box-shadow:0 24px 80px #10234430}.crm-modern dialog::backdrop{background:#14244080;backdrop-filter:blur(3px)}.crm-modern .dialog-head{gap:16px;padding-bottom:14px;border-bottom:1px solid #edf1f6;margin-bottom:10px}.crm-modern .dialog-head h2{font-size:21px;margin:0}.crm-modern .dialog-head button{line-height:1.2;border-radius:10px;color:#64768d}.crm-modern .dialog-actions{border-color:#edf1f6;gap:10px;padding-top:20px}.crm-modern #notice{border:1px solid #ffffff18;border-radius:14px;box-shadow:0 10px 35px #13244825;font-size:14px}.crm-modern .login-intro{background:linear-gradient(145deg,#132448,#1a4057)}.crm-modern .login-card{max-width:470px}.crm-modern .login-card h2{font-size:26px}.crm-modern .login-card>p{font-size:14px}.crm-modern .login-card button{border-radius:11px}.crm-modern #chat-workspace{box-shadow:var(--surface-shadow);border-color:var(--line)}.crm-modern #chat-rail{background:#f4f7fb}.crm-modern .chat-customer-info{border-radius:13px}.crm-modern .chat-main .support-messages{background:#f5f8fb}.crm-modern .chat-main #support-compose{border-radius:16px}
@media(max-width:1050px){.crm-modern .workspace>main{padding-inline:22px}.crm-modern .toolbar{flex-wrap:wrap}}
@media(max-width:850px){.crm-modern .workspace>aside{padding:18px 16px}.crm-modern .workspace>main{padding:22px 16px 36px}.crm-modern .brand{padding:0 0 16px}.crm-modern .workspace>main>header{align-items:flex-start;flex-wrap:wrap;gap:12px}.crm-modern .detail{padding:19px}.crm-modern .toolbar form{max-width:100%;width:100%}.crm-modern .toolbar form input{min-width:0}.crm-modern dialog{padding:21px}.crm-modern :is(.settings-card,.settings-hero){padding:20px}.crm-modern .report-bars>div{gap:8px}.crm-modern .report-bars>div>span{width:100px;overflow-wrap:anywhere;font-size:12px}}
@media(prefers-reduced-motion:reduce){.crm-modern button{transition:none}}