/* Costum CRM 2.0. Navy design tokens and CRM-first layouts. No external assets. */
:root{
 --bg:#f0f3f8;--surface:#fff;--ink:#20314d;--muted:#697a92;--line:#dce3ed;
 --primary:#2f66cf;--primary-hover:#2454b3;--soft:#eaf1ff;--sidebar:#10213d;--side-ink:#b4c3d9;
 --purple:#8073bf;--red:#cc5368;--radius:7px;--shadow:0 8px 30px #10213d12;
 --sidebar-w:108px;--top:56px;--font:"Segoe UI",Roboto,Arial,sans-serif;
}
body[data-theme=cobalt]{--sidebar:#102652;--primary:#2859d0;--primary-hover:#1b43a3;--soft:#eaf0ff}
html,body{font-family:var(--font);font-size:16px;line-height:1.45;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font);font-size:15px}
h1{font-size:27px;line-height:1.25;font-weight:650;letter-spacing:-.5px;color:#1a2d4d}
h2{font-size:21px;letter-spacing:-.3px}h3{font-size:17px;letter-spacing:-.15px}h4{font-size:16px}small{font-size:13px}
input,select,textarea{border-radius:5px;padding:10px 12px;border-color:#d5deea;line-height:1.45;background:#fff;color:#263b5b}
input::placeholder,textarea::placeholder{color:#8795a9}
input:focus,select:focus,textarea:focus{border-color:#5a85dd;box-shadow:0 0 0 3px #2f66cf12}
input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary)}
::selection{background:#c5d9ff;color:#142a4b}
*{scrollbar-width:thin;scrollbar-color:#becbdd transparent}
::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-thumb{background:#bdc9da;border-radius:8px;border:2px solid #f0f3f8}
.icon{width:21px;height:21px}.icon-btn{width:36px;height:36px;border-radius:5px;color:#74849a}
.icon-btn:hover{color:var(--primary);background:#eaf1ff}
.btn{font-size:15px;height:41px;border-radius:5px;padding:0 15px;font-weight:600;gap:8px;box-shadow:none;transition:background .14s,border-color .14s}
.btn .icon{width:18px;height:18px}.btn:hover{background:#f6f8fc;border-color:#b8c9e3}
.btn.primary{box-shadow:0 2px 3px #17345b15;background:var(--primary);color:#fff}
.btn.primary:hover{background:var(--primary-hover)}.btn.small{font-size:14px;height:34px;padding:0 12px}
.btn.text{color:#567198}.btn.soft{color:#2456b1;background:#e9f0fd}
.badge{font-size:12px;line-height:1.3;font-weight:500;border-radius:3px;padding:3px 6px;background:#ebf1fd;color:#466dad}
.badge.gray{background:#f0f3f7;color:#758399}.badge.blue{background:#edf3ff;color:#496ba2}
.badge.purple{background:#f0edfa;color:#7d66ad}.badge.orange{background:#fff4e2;color:#996b28}.badge.red{background:#fcebef;color:#b45164}
.avatar{width:36px;height:36px;font-size:13px;border-radius:50%;background:#e5edfa;color:#5578b1;font-weight:600}
.avatar.sm{width:27px;height:27px;font-size:11px}.avatar.lg{width:48px;height:48px;font-size:17px}
.avatar.teal,.avatar.blue{background:#e7effb;color:#5578b1}.avatar.purple{background:#efebfa;color:#806bae}
.avatar.orange{background:#f8efdf;color:#a07837}.status-dot{background:#4c80d6}
.channel-tag{font-size:13px;color:#74839b;gap:6px}.channel-symbol{width:19px;height:19px;font-size:11px;border-radius:5px}
.channel-tag.whatsapp .channel-symbol,.channel-tag.qr .channel-symbol{background:#e9f4ed;color:#41835d}
/* Primary navigation: icon + label rail, not a messenger's wide green sidebar. */
.sidebar{background:var(--sidebar);border-right:1px solid #172e50;width:var(--sidebar-w);overflow:hidden}
.brand{height:76px;min-height:76px;display:flex;flex-direction:column;justify-content:center;padding:7px 0 4px;gap:2px}
.brand-mark{width:35px;height:35px;border-radius:8px;background:#2f66cf;color:#fff;font-size:26px;font-weight:700}
.brand-mark:after{background:#93b9ff;width:5px;height:5px;right:5px;top:15px;border-radius:1px}
.rail-brand-text{font-size:10px;font-weight:600;letter-spacing:2px;color:#91abd2;line-height:1.4}
.nav-items{padding:6px 0;gap:0;flex:1;overflow:auto;scrollbar-width:none}
.nav-link{position:relative;height:66px;min-height:66px;padding:9px 4px 8px;display:flex;flex-direction:column;justify-content:center;gap:5px;border-radius:0;color:#afbed3;font-size:13px;font-weight:400;white-space:normal;text-align:center;line-height:1.2}
.nav-link .icon{width:24px;height:24px;opacity:1;stroke-width:1.65}
.nav-link .nav-text{display:block;max-width:100%;font-size:13px;line-height:1.2}
.nav-link:hover{background:#1a3154;color:#fff}
.nav-link.active{background:#203c66;color:#fff;border-radius:0}
.nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#77a9ff}
.nav-link.active .icon{color:#9fc3ff}
.nav-count{position:absolute;right:20px;top:7px;min-width:18px;height:18px;background:#415878;color:#e1eaf7;font-size:11px;border-radius:7px;margin:0;padding:1px 5px}
.nav-link .nav-count.unread{background:#386ed1;color:#fff}
.sidebar-bottom{padding:8px 0 13px;margin-top:auto;border-top:1px solid #ffffff0d}
.profile-button{padding:0;display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:center;color:#b5c7df}
.profile-button .avatar{width:33px;height:33px;font-size:12px;background:#2a4467;color:#c8d9f2}
.rail-profile-label{font-size:12px}.workspace-switch,.nav-label,.local-status{display:none}
/* Navy app bar with a single clear brand. */
.topbar{background:#152b4c;color:#d3e0f5;height:var(--top);padding:0 24px;gap:20px;border-bottom:1px solid #253a59}
.top-brand{font-size:20px;font-weight:650;letter-spacing:-.35px;color:#fff;white-space:nowrap}
.top-brand span{color:#8eb1eb;font-weight:500}.top-divider{background:#ffffff20;height:23px}
.workspace-title{display:flex;gap:9px;align-items:center;color:#b1c5e3;font-size:14px;padding:3px 0;white-space:nowrap}
.workspace-title .icon{width:15px;height:15px;color:#768fb1}.top-tools{gap:13px;min-width:0}
.global-search{border:1px solid #ffffff19;background:#ffffff08;color:#a8bfdf;width:310px;height:34px;padding:0 11px;border-radius:5px;text-align:left;gap:9px}
.global-search:hover{background:#ffffff12}.global-search .grow{font-size:14px}.global-search .icon{width:17px;height:17px}
.shortcut{font-size:11px;border-color:#ffffff26;color:#819abb;padding:1px 4px}
.topbar .icon-btn{color:#a6bbd9;width:32px;height:32px}.topbar .icon-btn:hover{background:#ffffff10;color:white}
.demo-pill{font-size:11px;letter-spacing:.7px;font-weight:600;color:#96b4de;border:1px solid #ffffff20;padding:3px 6px;border-radius:3px}
.font-button{font-size:16px;font-weight:600;letter-spacing:-1px}.font-button span{font-size:13px;margin-left:1px}
.font-button[aria-pressed=true]{background:#31507b;color:#fff}
.top-bell:after{border-color:#152b4c!important}.mobile-menu{display:none}
/* General page geometry / readable typography. */
.page-head{padding:23px 26px 20px;gap:18px;min-height:94px;background:#fff;border-bottom:1px solid var(--line);margin-bottom:0}
.page-head p{font-size:14px;color:#7b899e;margin-top:5px;line-height:1.5}.head-actions{gap:10px}
.toolbar{padding:12px 26px;min-height:63px;background:#fff;border-bottom:1px solid var(--line);gap:11px}
.toolbar .search-box{max-width:350px}.toolbar select{height:38px;font-size:14px;padding:0 25px 0 11px;border-color:#dce3ed}
.search-box{height:40px;border-radius:5px;background:#f8fafd;border-color:#d7e0ed;gap:9px}
.search-box .icon{width:18px;height:18px;color:#8194ae}.search-box input{font-size:15px;color:#263b5b}
.content-scroll{padding:24px 26px 28px;background:var(--bg)}
.split-layout{min-width:0}.subnav{width:232px;padding:25px 0;background:#f8fafd;border-right:1px solid #dce3ed}
.subnav-title{font-size:19px;color:#253b5b;font-weight:600;padding:0 22px 23px}
.subnav-link{margin:0;padding:13px 20px;gap:10px;font-size:15px;line-height:1.5;color:#677b98;border-radius:0;border-left:3px solid transparent}
.subnav-link .icon{width:19px;height:19px}.subnav-link:hover{background:#eef3fa}
.subnav-link.active{color:#2e60bc;background:#eaf1fe;border-left-color:#3c70cf;font-weight:600}
.sub-content{min-width:0}.tabs{gap:27px}.tab{font-size:15px;padding:16px 0;color:#7a899e}
.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}
.panel{border-radius:7px;box-shadow:0 1px 2px #13284a03;border-color:#dae2ee}
.panel-head{padding:21px 22px 18px;gap:16px}.panel-head h3{font-size:18px;color:#253b5d;font-weight:600}
.panel-head p{font-size:14px;color:#7c8ba2;line-height:1.4}.panel-body{padding:0 22px 22px}
.panel-foot{font-size:13px;padding:13px 22px}.info-callout{font-size:13px;color:#7385a0;background:#f5f8fd;border-color:#ccd9ec;border-radius:5px}
.empty-state h3{font-size:20px}.empty-state p{font-size:15px;max-width:460px}.bottom-note{font-size:13px;color:#7e8da1}
/* Deals: flat workspace, wide stages, tighter rectangular cards, one toolbar. */
.deals-page-head{min-height:98px;flex-wrap:nowrap!important;gap:24px}
.deals-heading{display:flex;flex-direction:column;gap:6px;min-width:190px}
.deals-heading h1{font-size:24px}.deals-heading select{font-size:15px;border:none;background:transparent;padding:0 20px 0 0;font-weight:500;color:#6c7f9b;max-width:245px;box-shadow:none}
.deals-main-search{width:100%;max-width:440px;margin-left:12px;flex:1;background:#f5f8fc;height:43px}
.deals-main-search input{width:100%;font-size:15px}.deals-page-head .head-actions{flex-shrink:0;flex-wrap:nowrap}
.deals-page-head .head-actions .btn{height:43px}.deals-toolbar{min-height:62px;flex-wrap:nowrap}
.deals-view-switch{border:0;border-radius:0;height:38px;gap:4px;padding:0;background:transparent;margin-right:7px}
.deals-view-switch .icon-btn{width:auto;gap:7px;height:36px;font-size:14px;font-weight:500;color:#8190a5;padding:0 10px;border-radius:4px}
.deals-view-switch .icon-btn .icon{width:18px;height:18px}.deals-view-switch .icon-btn.active{background:#eaf0fc;color:#315fae}
#navy-deal-owner{max-width:185px}.deals-summary{font-size:14px;color:#546d90;white-space:nowrap;font-variant-numeric:tabular-nums}
.deals-content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.kanban{padding:0 18px 16px 26px;gap:16px;background:#f0f3f8;scrollbar-gutter:stable;overflow-x:auto}
.kanban-column{width:296px;min-width:296px;border:0;border-radius:0;background:transparent;overflow:hidden;transition:background .15s}
.column-head{padding:19px 4px 13px;border-top:0;border-bottom:3px solid var(--stage);background:transparent;min-height:86px}
.column-title{gap:8px}.column-title h3{font-size:14px;line-height:1.35;font-weight:700;letter-spacing:.55px;text-transform:uppercase;color:#364b69}
.column-title .count{font-size:13px;padding:1px 6px;border-radius:4px;background:#e2e8f1;color:#627794}
.column-title .icon-btn{width:24px;height:24px;margin-left:0}.column-title .icon{width:17px;height:17px}
.column-subtitle{font-size:13px;color:#8793a5;margin-top:7px}.column-subtitle strong{font-size:14px;color:#61738e;font-weight:500}
.column-cards{padding:12px 0 18px;gap:10px;scrollbar-width:thin;overflow:auto}
.deal-card{border:1px solid #cfd9e7;border-radius:6px;padding:13px 13px 10px;box-shadow:0 1px 2px #213d6310;color:#2b405f;min-height:175px}
.deal-card:hover{border-color:#9ab5df;box-shadow:0 3px 10px #1d407916;transform:translateY(-1px)}
.deal-card.selected{background:#f4f8ff;border-color:#4a7bd4}.deal-card .card-id{font-size:12px;color:#93a1b3;gap:6px;margin-bottom:7px;letter-spacing:0;line-height:1.25}
.deal-card .card-id time{text-align:right;margin-right:4px}.deal-card .card-checkbox{width:14px;height:14px;opacity:.5}
.deal-card h4.deal-card-company{font-size:16px;font-weight:600;color:#2e62b9;line-height:1.4;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.deal-card-subject{font-size:14px;line-height:1.5;color:#5b6f8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 10px}
.deal-card-contact{display:flex;gap:7px;align-items:baseline;font-size:13px;margin:4px 0 10px;color:#78889f}
.deal-card-contact>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.deal-card-contact>strong{font-size:16px;font-weight:600;color:#263f65;white-space:nowrap;letter-spacing:-.2px;font-variant-numeric:tabular-nums}
.card-tags{min-height:19px;gap:5px;margin-bottom:10px;flex-wrap:wrap}.card-tags .badge{font-size:12px;padding:1px 5px;border:1px solid #e0e7f1;color:#8190a4;background:#fff;border-radius:3px}
.card-footer{border-top:1px solid #edf1f6;padding-top:8px;margin-top:1px;gap:7px;min-height:33px}
.card-owner{font-size:13px;color:#8492a6}.task-status{font-size:12px;gap:4px;color:#7c8fa9;margin-left:auto}
.task-status .icon{width:14px;height:14px}.task-status.overdue{color:#c86070}.task-status.no-task{color:#ba904c}
.column-add{border:1px dashed #cbd6e6;font-size:14px;color:#8194b0;padding:11px;border-radius:5px;background:#ffffff24}
.column-add .icon{width:17px;height:17px}.column-add:hover{background:#fff;color:var(--primary)}
.filter-chips{padding:8px 26px;background:#f6f9ff;border-bottom:1px solid #dce3ed}.chip{font-size:13px}
.bulk-bar{padding:12px 24px;border-radius:0;margin:0;background:#e8f0ff;border-color:#cedcf5;gap:14px;color:#2c4d80}
.bulk-bar strong{font-size:14px}.deal-table-content{padding:0 26px 24px}
/* Tables and secondary views. */
.table-wrap{border:1px solid #d9e2ee;border-radius:6px;background:#fff}
.data-table{font-size:15px;line-height:1.5}.data-table th{font-size:13px;padding:16px 15px;font-weight:600;color:#7789a4;background:#f5f8fc;letter-spacing:.25px;border-color:#dee6f0}
.data-table td{font-size:15px;padding:16px 15px;border-color:#e6ebf3;color:#415676}
.data-table tbody tr:hover{background:#f6f9ff}.data-table .secondary{font-size:13px;color:#8593a6;margin-top:4px}
.data-table .row-link{font-size:15px;font-weight:500;color:#3463b4;line-height:1.5}
.stage-badge{font-size:13px;line-height:1.5;white-space:nowrap;padding:4px 8px;border-radius:4px}
.table-bottom{font-size:13px;padding:16px 2px;color:#8190a5}
.metric-table{font-size:14px}.metric-table td{padding:15px 8px;font-size:14px}.metric-table th{font-size:12px;color:#8592a5;font-weight:500;padding:8px 8px 12px;text-align:left}
/* A full-width deal workspace. The dark information header stays on the left. */
.drawer-overlay{top:var(--top);left:var(--sidebar-w);background:#f5f7fa;z-index:50}
.drawer{width:100%;height:100%;box-shadow:none;animation:slide-in .18s ease-out}
.drawer-header{height:60px;min-height:60px;padding:0 23px;background:#fff}.drawer-header small{font-size:14px;color:#6f809a;max-width:45vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.deal-info{width:380px;min-width:0;background:#fff;border-right:1px solid #dce4ee}
.deal-info-top{background:#1d3559;color:#fff;padding:23px 25px 20px;border:0}
.deal-path{font-size:12px;line-height:1.6;color:#8fabcF;margin-bottom:10px}.deal-path span{color:#91a6c5}
.deal-info-top h2{font-size:23px;font-weight:600;line-height:1.4;color:#fff;margin-bottom:6px;letter-spacing:-.3px}
.deal-info-top p{color:#adc0db;font-size:15px;margin:0 0 13px}.deal-info-top .deal-value{font-size:29px;color:#fff;font-weight:600;margin:13px 0 18px}
.deal-info-top select{background:#284366;border:1px solid #476084;color:#eaf1fc;font-size:15px;padding:11px 12px;border-radius:4px;margin:0;width:100%}
.deal-info-top select option{color:#203758;background:#fff}
.deal-progress{display:flex;gap:3px;margin-top:14px;height:6px}.deal-progress button{flex:1;background:var(--stage);padding:0;opacity:.4;border-radius:0;min-height:6px}
.deal-progress button.current{opacity:1;box-shadow:0 0 0 1px #fff9}.deal-progress button:hover{opacity:1}
.deal-info-tabs{background:#1d3559;gap:23px;padding:0 25px;border:0;color:#abc0dc}
.deal-info-tabs button{font-size:15px;padding:14px 0;color:#8fa7c7;border-bottom:3px solid transparent}
.deal-info-tabs button.active{color:#fff;border-color:#7faafb}.deal-info-tabs .icon{width:18px}
.deal-info-fields{padding:24px 25px}.detail-field{margin-bottom:19px;gap:7px;min-width:0}
.detail-field>span:first-child{font-size:14px;color:#8996aa}.detail-field strong{font-size:15px;line-height:1.5;font-weight:500;color:#354e72;overflow-wrap:anywhere}
.detail-field .flex{flex-wrap:wrap}.detail-field input{font-size:15px;background:transparent;border-color:#e0e6ef;border-radius:4px}
.detail-contact{margin-top:24px;padding-top:22px;border-color:#e0e7f0}.detail-contact h3{font-size:17px;color:#305b9f}.detail-contact p{font-size:14px;color:#8a97ab;margin-top:4px}
.contact-section-label{font-size:13px;color:#8291a8;letter-spacing:.7px;text-transform:uppercase;margin-bottom:18px}
.thread-tabs{padding:0 24px;gap:28px;height:58px;min-height:58px;align-items:center;background:#fff}
.thread-tabs button{font-size:15px;padding:17px 0;height:58px;font-weight:500;white-space:nowrap}
.thread-tabs button.active{border-bottom-color:#376bd0;color:#345faa}.thread-context{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:13px;color:#7f90a9;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-body{padding:26px 29px;background:#f6f8fc;min-height:100px}.system-event{font-size:13px;color:#8e9bb0;margin-bottom:27px}.system-event .icon{width:16px;height:16px}
.day-divider{font-size:13px;color:#8595ac;margin:3px 0 23px}.day-divider span{background:#edf1f8;padding:5px 12px;border-radius:4px}
.message-row{margin-bottom:18px;gap:10px}.bubble{border-radius:7px!important;background:#fff;border-color:#dfe6f2;color:#354e70;padding:14px 17px;font-size:16px;line-height:1.55;box-shadow:0 1px 2px #142d5005;max-width:80%}
.message-row.out .bubble{background:#e5edfc;border-color:#d6e2f8;color:#294a7c;border-radius:7px!important}
.bubble-meta,.thread-panel .message-row.note .bubble-meta{font-size:12px;color:#8b9dba;margin-top:8px;gap:7px}
.bubble-meta .icon{width:13px;height:13px}.message-row.note .bubble{font-size:15px;background:#fff7df;color:#8f7850;border-color:#efdfb5}
.composer{border-top:1px solid #dce3ee;padding:17px 24px 18px;background:#fff}
.composer-top{font-size:13px;color:#8696ad;gap:14px;margin-bottom:8px}.composer-top select{font-size:14px;color:#3d629e;font-weight:600}
.composer textarea{font-size:16px;line-height:1.55;min-height:62px;padding:7px 0;border-radius:0;max-height:140px;resize:vertical}
.composer-top .muted{font-size:12px;color:#96a2b3;margin-left:auto}.composer-bottom small{font-size:12px}
.composer-bottom .btn{height:38px;font-size:14px}.composer-bottom .icon-btn{width:33px;height:33px}
/* CRM communication view — neutral panels and blue actions, no green messenger chrome. */
.chat-top-tabs{height:64px;min-height:64px;padding:0 25px;background:#fff;border:0}
.chat-top-tabs .tab{font-size:15px;line-height:1.4}.chat-layout{border-color:#dfe6f0}
.conversation-list{width:335px;background:#fff;border-right-color:#dce3ef}
.conversation-list-head{padding:19px 17px 13px}.conversation-list-head .search-box{height:39px;background:#f6f9fd}
.chat-filters{gap:7px;margin:12px 0 11px;padding-bottom:2px}.chat-filters button{font-size:13px;padding:6px 8px;color:#8290a4;border-radius:4px}
.chat-filters button.active{background:#eaf1fe;color:#3b68b7;font-weight:600}
.conversation-list-head select{font-size:13px;color:#7186a6;height:34px;padding:5px 22px 5px 8px;border-radius:4px;flex:1}
.conversation-sort{font-size:12px;color:#8a9bb4;padding:8px 18px 10px;text-transform:uppercase;letter-spacing:.5px;background:#fcfdff;border-bottom:1px solid #eef1f7}
.conversation-row{padding:17px 17px;gap:12px;border-bottom:1px solid #e9edf4;min-height:107px}
.conversation-row:hover{background:#f6f9ff}.conversation-row.active{background:#edf3ff}.conversation-row.active:before{top:0;bottom:0;border-radius:0;background:#3a70d3}
.conversation-row h4{font-size:15px;font-weight:600;color:#354e72;line-height:1.35}.conversation-row .avatar{width:39px;height:39px;font-size:13px}
.conversation-row p{font-size:14px;color:#8a97ac;max-width:239px;margin-top:7px}
.conversation-row .time{font-size:12px;color:#8d9db4}.conversation-row .unread-count{background:#4b79ce;color:#fff;font-size:11px;width:19px;height:19px;border-radius:5px}
.conversation-row-bottom{margin-top:9px}.conversation-row-bottom .channel-tag{font-size:12px}.conversation-row-bottom .channel-symbol{width:16px;height:16px;font-size:10px}
.thread-head{padding:16px 22px;min-height:77px;background:#fff;flex-shrink:0}
.thread-head h3{font-size:17px;color:#2d466b}.thread-head small{font-size:12px;color:#8c9cb5;margin-top:5px}
.chat-info{width:290px;display:block;padding:0 19px 22px;background:#fff;border-left:1px solid #dce4ef}
.chat-info-label{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:#8e9db4;padding:23px 1px 18px}
.chat-info .contact-hero{text-align:left;padding:2px 0 19px;margin-bottom:20px;border-color:#e5ebf3}
.chat-info .contact-hero .avatar{width:42px;height:42px;float:left;margin:0 13px 16px 0;font-size:15px}
.chat-info .contact-hero h3{font-size:16px;color:#3a547a;padding-top:3px}.chat-info .contact-hero p{font-size:13px;color:#8b9bb2;margin-top:5px}
.chat-info .contact-actions{justify-content:flex-start;clear:both;gap:8px;padding-top:5px;margin-top:13px}
.chat-info .contact-actions .icon-btn{width:33px;height:31px;border:1px solid #dce4ef;color:#7088ad}
.chat-info .panel-body{padding:0}.chat-info h4{font-size:12px;letter-spacing:.65px;color:#8e9fb7;margin:23px 0 11px;text-transform:uppercase}
.chat-info .detail-field>span{font-size:13px}.chat-info .detail-field strong{font-size:14px}.chat-info .detail-field .row-link{font-size:14px}
.linked-deal{width:100%;display:block;text-align:left;border-radius:5px;padding:13px;border-color:#dce5f2;background:#f9fbff;margin-bottom:10px}
.linked-deal strong{font-size:15px;color:#4773b9;line-height:1.45;margin-bottom:7px}.linked-deal>span{display:block;font-size:14px;color:#496791;margin:7px 0}.linked-deal .stage-badge{font-size:12px;display:inline-block;white-space:normal}
/* Dashboard: pipeline first, similar CRM hierarchy, without a generic welcome card. */
.navy-dashboard{padding-top:23px}.dashboard-pipeline{background:#1d3559;color:#fff;border-radius:7px;padding:22px 22px 19px;margin-bottom:18px}
.pipeline-overview-head{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:23px}
.pipeline-overview-head h2{font-size:20px;font-weight:600;color:#fff}.pipeline-overview-head p{font-size:13px;color:#93a9cb;margin-top:5px}
.pipeline-overview-head select{background:#ffffff08;border:1px solid #ffffff20;color:#c8d9f5;border-radius:4px;padding:9px 30px 9px 12px;font-size:14px}
.pipeline-overview-head select option{color:#254065;background:white}
.pipeline-overview-stages{display:grid;grid-template-columns:repeat(8,minmax(128px,1fr));gap:18px;overflow:auto;padding-bottom:5px;scrollbar-color:#47638a transparent}
.pipeline-stat{text-align:left;position:relative;padding:0 0 15px;display:flex;flex-direction:column;gap:0;color:white;min-width:0}
.pipeline-stat:hover{background:#ffffff06}.pipeline-stat-title{font-size:13px;color:#b5c9e7;line-height:1.4;font-weight:500;white-space:nowrap}
.pipeline-stat>strong{font-size:34px;color:#fff;font-weight:500;line-height:1.3;margin:8px 0 2px;font-variant-numeric:tabular-nums}
.pipeline-stat-amount{font-size:14px;color:#8faaca;white-space:nowrap;font-variant-numeric:tabular-nums}
.pipeline-stat i{position:absolute;bottom:0;left:0;right:0;background:var(--stage);height:3px;opacity:.9}
.navy-kpis{border:1px solid #dce4ef;background:#fff;border-radius:7px;gap:0;overflow:hidden;margin-bottom:22px}
.navy-kpis .kpi{border:0;border-right:1px solid #e2e8f1;border-radius:0;background:transparent;padding:21px 24px 19px;min-height:132px}
.navy-kpis .kpi:last-child{border-right:0}.kpi-top{font-size:14px;color:#7285a3;margin-bottom:13px}
.kpi-icon{background:#f1f5fc;color:#7194c7;width:29px;height:29px;border-radius:5px}.kpi-icon .icon{width:17px;height:17px}
.kpi-value{font-size:30px;color:#284771;letter-spacing:-.8px;font-weight:600;font-variant-numeric:tabular-nums}
.kpi-bottom{font-size:13px;color:#94a1b6;line-height:1.4;margin-top:10px}.kpi-bottom strong{color:#4476c6}
.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;margin-bottom:22px}
.dashboard-lower{gap:20px;margin:22px 0}.chart-legend{font-size:12px;gap:15px;color:#8493aa}.legend-dot{background:#4880d7}.legend-dot.purple{background:#9282bf}
.line-chart{height:232px;padding-left:29px}.line-x{font-size:12px;left:29px;color:#91a0b6}.line-y{font-size:12px;color:#91a0b6}
.gridline{stroke:#e4ebf5}.donut-layout{gap:25px;min-height:234px}.donut{width:176px;height:176px}.donut-center b{font-size:32px;color:#31547e}
.donut-center span{font-size:12px;color:#90a1b7}.source-row{font-size:13px;color:#6f83a2;gap:9px}.source-row strong{font-size:13px;color:#526f98}.source-row small{font-size:12px}
.dashboard-task-row{padding:16px 0;gap:12px;border-color:#e5ebf4}.task-row-title{font-size:15px;font-weight:500;text-align:left;padding:0;color:#405d86}
.dashboard-task-row small{font-size:13px;color:#91a0b6;margin-top:4px}.due-chip{font-size:12px;color:#7990b3;white-space:nowrap}
.task-check{width:20px;height:20px;border-radius:4px;border-color:#bdcbe0}.activity-copy{font-size:14px;line-height:1.6}.activity-copy small{font-size:12px}
/* Tasks, forms, settings, mail retain all interactions with the new type scale. */
.calendar-wrap{border-radius:6px;border-color:#dce4ef}.calendar-cell{min-height:142px;border-color:#e5ebf4}
.calendar-weekdays div{font-size:13px;background:#f5f8fd;color:#8899b3;padding:16px}
.calendar-number{font-size:14px;color:#788da9}.calendar-number span{width:28px;height:28px}
.calendar-cell.today{background:#f0f5ff}.calendar-event{font-size:12px;min-height:26px;background:#edeffc;line-height:1.3}
.calendar-event.call{color:#4673b4;border-color:#7c9bd2;background:#edf3ff}.calendar-event strong{font-size:11px}.calendar-event .icon{width:13px;height:13px}
.calendar-event.todo{background:#fcf3e5;color:#ac8544}.calendar-more{font-size:12px}.month-label{font-size:18px;min-width:183px}
.task-card{padding:17px;border-radius:5px}.task-card h4{font-size:15px;line-height:1.5}.task-card p{font-size:13px}.task-card-foot{font-size:12px;gap:8px}
.task-board .kanban-column{width:300px;min-width:300px}.day-slot>strong{font-size:14px}
.field{margin-bottom:18px}.field>span:first-child{font-size:14px;color:#6c809e;margin-bottom:8px}.field input,.field select,.field textarea{font-size:15px}
.form-grid{gap:4px 22px}.settings-card{padding:26px 28px}.settings-card>h3{font-size:20px}.settings-card>p{font-size:14px;line-height:1.6;margin:8px 0 23px;color:#8595ac}
.setting-row{padding:20px 0}.setting-row h4{font-size:16px}.setting-row p{font-size:13px;color:#8899b2}
.integration-card{padding:22px;border-radius:6px}.integration-card h3{font-size:18px}.integration-card p{font-size:14px;line-height:1.55;min-height:45px}
.integration-grid{gap:18px}.integration-logo{border-radius:10px}.integration-logo.whatsapp{color:#488061;background:#edf5ef}
.phone-preview-head{background:#1d3559;color:#fff}.phone-preview-head small{font-size:12px;color:#a3bbdc}.phone-preview{border-radius:10px;border-color:#cbd8e9}
.phone-preview-body{background:#f2f6fc}.phone-bubble{background:#fff;color:#3c567d;font-size:14px}
.notification-item{padding:24px;gap:17px;border-color:#e4ebf4}.notification-item.unread{background:#f6f9ff}.notification-item h3{font-size:17px}.notification-item p{font-size:15px;color:#8393a9}.notification-item small{font-size:12px}
.mail-folders{width:195px;background:#f8fafd;padding:22px 15px}.mail-folder{font-size:14px;padding:12px 9px;color:#7186a4;border-radius:4px}
.mail-folder.active{color:#315fae;background:#e8effc}.mail-folder small{font-size:12px}.mail-list{width:340px}
.mail-row{padding:20px 16px;gap:12px}.mail-row:hover,.mail-row.active{background:#eef4ff}.mail-row h4{font-size:14px;line-height:1.5}.mail-row.unread h4{color:#355886}
.mail-row p{font-size:14px;color:#8093b0}.mail-row small,.mail-row .mail-time{font-size:12px;color:#99a7bb}.mail-text{font-size:16px;line-height:1.8;color:#486283}
.mail-detail h2{font-size:24px;line-height:1.4}.mail-sender small{font-size:13px}.mail-detail{padding:28px 30px}.mail-reply{padding:20px 30px}
.file-card{padding:22px;border-radius:5px}.file-card h3{font-size:16px}.file-card p{font-size:13px}
.modal{width:min(580px,100%);border-radius:8px;box-shadow:0 24px 100px #0b204a40}.modal.wide{width:min(920px,100%)}
.modal-head{padding:22px 25px}.modal-head h2{font-size:22px}.modal-body{padding:24px 25px}.modal-foot{padding:17px 25px}
.overlay{background:#0c204966;backdrop-filter:blur(2px);z-index:100}
.popover{font-size:15px;min-width:238px;border-color:#d8e2f0;border-radius:6px;box-shadow:0 9px 30px #112b5524}
.popover button{font-size:14px;padding:11px 14px;min-height:39px}.popover-label{font-size:13px;padding:12px 14px}
.toast{font-size:14px;border-radius:6px;border-color:#d4e0f1;box-shadow:0 5px 24px #14325924;max-width:450px;line-height:1.5}.toast .icon{color:#5281c8}
.search-result strong{font-size:16px}.search-result small{font-size:13px}.search-category{font-size:13px}
/* Login is a product screen with a straight pipeline preview, not a green chat brand. */
.login-layout{grid-template-columns:1.1fr 1fr}.login-visual{background:#142c50;padding:48px 56px;color:#fff}
.login-visual:before,.login-visual:after{display:none}.login-brand{color:#fff;font-size:23px;gap:11px}.login-brand .brand-mark{background:#4179d8;color:white}
.login-copy{margin:auto 0}.login-copy h1{font-size:44px;color:#fff;font-weight:550;letter-spacing:-1.2px;line-height:1.25;max-width:520px}
.login-copy h1 span{color:#81acfa}.login-copy p{font-size:17px;color:#8fa8cf;line-height:1.7;max-width:480px}
.login-mini-board{transform:none;margin:42px 0 0;gap:14px;max-width:580px}.login-mini-board>div{background:#ffffff06;border-color:#ffffff15;border-radius:5px;padding:11px;min-width:0}
.login-mini-board header{font-size:13px;color:#a7bcde}.login-mini-board header small{font-size:12px}.login-mini-board article{background:#f1f5fd;padding:12px;border-radius:4px;color:#3c5e91;min-height:149px}
.login-mini-board article strong{font-size:14px;font-weight:600}.login-mini-board article b{font-size:15px;color:#325687}.login-mini-board article p{font-size:12px!important;color:#8299bb!important}
.login-mini-board article footer{font-size:11px;color:#8aa1c3}.login-mini-board article footer small{font-size:11px}
.login-mini-board .avatar.sm{width:25px;height:25px;font-size:11px}.login-foot{font-size:13px;color:#718eb8;gap:20px}
.login-form-side{padding:45px;background:#fff}.login-form-wrap{max-width:370px;width:100%}.login-form-wrap h2{font-size:30px;color:#233e67;line-height:1.25;font-weight:600}
.login-form-wrap>p{font-size:15px;color:#889bb6;line-height:1.7}.login-form-wrap .field input{height:47px;font-size:16px}
.login-form-wrap .field>span{font-size:14px}.login-form-wrap .password-wrap>button{height:37px;top:5px;color:#8295b4}
.login-submit{font-size:16px!important;height:47px!important;box-shadow:none}.login-remember{font-size:13px;color:#8094b3}.login-remember .row-link{font-size:13px;color:#597fba}
.login-demo{padding:17px;background:#f1f5fc;border:1px solid #dce6f4;border-radius:5px;color:#7f96b7;font-size:13px}.login-demo strong{font-size:14px;color:#436694}.login-demo>div>span{font-size:13px;color:#879ab7}
.login-demo b{color:#3c6195}.login-error{font-size:13px}.login-form-wrap .login-bottom{font-size:12px;color:#98a7be}
/* Alternative density affects spacing, never restores tiny text. */
body.compact .deal-card{padding:10px 12px;min-height:158px}body.compact .deal-card h4{font-size:16px}body.compact .card-footer{margin-top:0}
body.compact .data-table td{padding-top:10px;padding-bottom:10px;font-size:15px}
body.large-text{font-size:18px}.large-text .deal-card h4.deal-card-company{font-size:18px}.large-text .deal-card-subject{font-size:16px}
.large-text .data-table td,.large-text .data-table .row-link,.large-text .field input,.large-text .field select,.large-text .field textarea,.large-text .bubble,.large-text .composer textarea{font-size:18px}
.large-text .subnav-link,.large-text .conversation-row h4,.large-text .thread-tabs button{font-size:17px}
.large-text .deal-card-contact,.large-text .card-owner,.large-text .task-status{font-size:14px}.large-text .btn{font-size:16px}
body.sidebar-collapsed{--sidebar-w:76px}body.sidebar-collapsed .sidebar{width:var(--sidebar-w)}
body.sidebar-collapsed .nav-items{padding:6px 0}body.sidebar-collapsed .nav-link{padding:15px 0;height:60px;min-height:60px;align-items:center}
body.sidebar-collapsed .nav-link .nav-text{display:none}body.sidebar-collapsed .brand{padding:7px 0}body.sidebar-collapsed .brand .brand-mark{display:flex}
body.sidebar-collapsed .profile-button{padding:0;display:flex}body.sidebar-collapsed .nav-count{right:10px;display:flex}
/* Responsive: preserve readable type; scroll data surfaces rather than shrink them. */
@media(min-width:1600px){.kanban-column{width:316px;min-width:316px}.deal-info{width:420px}.chat-info{width:315px}.conversation-list{width:355px}.pipeline-overview-stages{grid-template-columns:repeat(8,minmax(139px,1fr))}}
@media(max-height:820px) and (min-width:761px){.nav-link{height:61px;min-height:61px;padding:7px 3px}.brand{height:65px;min-height:65px}.sidebar-bottom{padding-bottom:9px}.nav-link .icon{width:22px;height:22px}.nav-count{top:5px}}
@media(max-width:1280px){
 .topbar{padding:0 22px;gap:15px}.top-tools{gap:10px}.global-search{width:235px}
 .deals-page-head{gap:16px}.deals-heading{min-width:166px}.deals-heading select{max-width:190px}.deals-main-search{margin-left:0;max-width:340px}
 .deals-page-head .btn{padding:0 11px;font-size:14px}.deals-toolbar{gap:7px}#navy-deal-owner{max-width:157px}.deals-summary{font-size:13px}
 .deal-info{width:350px}.chat-info{display:none}.conversation-list{width:320px}.thread-context{display:none}
 .subnav{width:218px}.subnav-link{padding:13px 16px;font-size:14px}.subnav-title{padding-left:19px;font-size:18px}
 .dashboard-grid{grid-template-columns:1.35fr 1fr}.donut-layout{gap:17px}.donut{width:144px;height:144px}.source-row{font-size:12px;gap:7px}.source-legend{min-width:0}
 .mail-folders{width:167px}.mail-list{width:292px}.mail-detail{padding:25px}.mail-text{font-size:15px}
 .navy-kpis .kpi{padding:19px}.kpi-value{font-size:27px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-lower{grid-template-columns:1fr}.login-visual{padding:42px}.login-mini-board{gap:8px}.login-mini-board>div{padding:8px}
}
@media(max-width:1020px){
 .sidebar{width:var(--sidebar-w)}.brand{display:flex}.brand>span:last-child{display:block}.nav-link span.nav-text{display:block}.nav-link{display:flex}.nav-count{display:flex!important}
 .topbar .workspace-title,.topbar>.top-divider{display:none}.global-search{width:215px}.top-tools{gap:8px}
 .deals-page-head{flex-wrap:wrap!important}.deals-heading{flex:1;min-width:200px}.deals-main-search{order:3;flex:1 1 100%;max-width:none;width:100%;height:40px}
 .deals-toolbar{flex-wrap:wrap;gap:10px}.deals-toolbar #deal-sort{margin-left:auto}.deals-summary{margin-left:auto}.deals-toolbar .toolbar-spacer{display:none}
 .deal-info{width:330px}.drawer-header small{font-size:13px;max-width:40vw}.thread-tabs{gap:18px;padding:0 19px}.thread-body{padding:22px}
 .subnav{width:195px}.subnav-link{font-size:14px;padding:12px 12px}.subnav-title{font-size:17px;padding-left:15px}
 .page-head{padding:20px 22px;min-height:84px;flex-wrap:wrap}.toolbar{padding:12px 22px;flex-wrap:wrap}.content-scroll{padding:20px 22px 24px}
 .dashboard-grid{grid-template-columns:1fr}.donut-layout{min-height:190px;justify-content:center;gap:42px}.donut{width:172px;height:172px}.source-row{font-size:14px}.source-legend{max-width:300px;flex:1}
 .navy-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.navy-kpis .kpi{border-bottom:1px solid #e2e8f1}.navy-kpis .kpi:nth-child(2){border-right:0}.navy-kpis .kpi:nth-child(n+3){border-bottom:0}
 .mail-list{width:280px}.mail-shell .mail-folders{width:154px}.mail-body{min-width:0}.mail-row .avatar{display:none}
 .login-visual{padding:35px}.login-copy h1{font-size:37px}.login-copy p{font-size:16px}.login-mini-board>div:last-child{display:none}.login-form-side{padding:35px}
 .file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-layout{grid-template-columns:1fr}.template-layout .phone-preview{display:none}
}
@media(max-width:760px){
 :root{--sidebar-w:108px;--top:56px}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .18s;z-index:60;width:108px!important}
 .sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .mobile-scrim{display:block;position:fixed;inset:0;background:#11244466;z-index:55}.mobile-menu{display:inline-flex!important}
 .topbar{height:56px;padding:0 14px;gap:10px}.top-brand{font-size:19px}.top-tools{gap:7px}.topbar .global-search{width:34px;padding:0;justify-content:center;border:0;background:transparent}
 .global-search .grow,.global-search .shortcut{display:none}.demo-pill{font-size:10px;padding:3px 4px}.top-tools>[data-action=collapse-sidebar]{display:none}
 .top-bell{display:none!important}.topbar .font-button{display:inline-flex}.workspace{width:100%}.brand{display:flex;height:65px;min-height:65px}.nav-link{min-height:61px;height:61px;font-size:13px}
 .page-head{padding:20px 18px 17px;gap:13px;min-height:0}.page-head h1{font-size:25px}.page-head p{font-size:14px}.head-actions{flex-wrap:wrap;gap:8px}.head-actions .btn{font-size:14px;height:39px}
 .toolbar{padding:12px 18px;gap:9px}.toolbar select{font-size:14px;height:37px}.toolbar .muted{font-size:13px}.content-scroll{padding:19px 18px 24px}
 .deals-page-head{gap:14px}.deals-heading{min-width:125px}.deals-heading h1{font-size:24px}.deals-heading select{font-size:14px;max-width:195px}
 .deals-page-head .head-actions{gap:7px}.deals-page-head .head-actions>.btn:first-child{display:none}.deals-page-head .head-actions .btn{height:40px;font-size:14px}
 .deals-main-search{height:40px!important}.deals-main-search input{font-size:16px}.deals-toolbar .view-switch{order:0}.deals-toolbar #navy-deal-owner{max-width:175px;margin-left:auto}
 .deals-toolbar [data-action=deal-filter]{order:1}.deals-toolbar .deals-summary{order:2;font-size:13px}.deals-toolbar #deal-sort{order:3;display:none}.deals-toolbar [data-action=deals-menu]{order:4}
 .deals-view-switch .icon-btn{font-size:13px;padding:0 8px;gap:5px}.kanban{padding:0 16px 16px 18px;gap:14px}.kanban-column{width:286px;min-width:286px}.column-head{min-height:83px;padding-top:17px}
 .deal-card{min-height:173px}.deal-card h4.deal-card-company{font-size:16px}.deal-card-subject{font-size:14px}.card-tags .badge{font-size:12px}
 .split-layout{flex-direction:column}.subnav{width:100%;flex:0 0 auto;max-height:112px;padding:11px 15px;border-right:0;border-bottom:1px solid #dce3ed;display:flex;align-items:center;gap:3px;overflow:auto}
 .subnav-title{display:none}.subnav-link{padding:10px 12px;white-space:nowrap;font-size:14px;border-left:0;border-bottom:2px solid transparent;flex-shrink:0;gap:6px;border-radius:3px}
 .subnav-link.active{border-left:0;border-bottom-color:var(--primary)}.subnav-link .icon{width:17px;height:17px}.sub-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
 .drawer-overlay{left:0;top:0;z-index:70}.drawer{width:100%;height:100dvh}.drawer-header{height:58px;padding:0 12px}.drawer-header small{max-width:calc(100vw - 215px);font-size:12px}.drawer-header .btn{font-size:13px;height:34px;padding:0 9px}
 .drawer-body{display:flex;flex-direction:column;min-height:0}.deal-info{width:100%;max-height:36vh;min-height:180px;border-right:0;border-bottom:1px solid #dce3ed;flex-shrink:0}
 .deal-info-top{padding:17px 20px}.deal-info-top h2{font-size:21px;margin:0 0 4px}.deal-info-top p{font-size:14px;margin:0 0 7px}.deal-path{font-size:12px;margin:0 0 6px}
 .deal-info-top .deal-value{font-size:25px;margin:8px 0 11px}.deal-info-top select{font-size:15px;padding:9px}.deal-info-tabs{padding:0 20px}.deal-info-tabs button{font-size:14px;padding:10px 0}
 .deal-info-fields{display:block;padding:22px 20px}.deal-info:not(.details-expanded) .deal-info-fields{display:block}.deal-info .detail-field{margin-bottom:17px}
 .thread-panel{flex:1;min-height:0}.thread-tabs{height:49px;min-height:49px;padding:0 18px;gap:24px}.thread-tabs button{height:49px;padding:13px 0;font-size:14px}.thread-context{display:none}
 .thread-body{padding:19px 16px;min-height:70px}.bubble{font-size:16px;padding:12px 14px;max-width:87%}.bubble-meta{font-size:12px}.message-row{margin-bottom:17px;gap:7px}
 .composer{padding:12px 15px 13px}.composer-top .muted{font-size:11px}.composer-top select{font-size:14px}.composer textarea{font-size:16px;min-height:47px;max-height:84px}.composer-bottom .btn{font-size:14px;height:36px}
 .chat-top-tabs{padding:0 17px;height:60px;min-height:60px;gap:10px}.chat-top-tabs .tabs{gap:23px;min-width:0}.chat-top-tabs .tab{font-size:14px}.chat-top-tabs>.btn span{display:none}.chat-top-tabs>.btn{padding:0 8px}
 .conversation-list{width:290px}.conversation-row p{font-size:14px;max-width:230px}.conversation-row h4{font-size:15px}.conversation-row .time{font-size:12px}
 .thread-head{padding:13px 15px;min-height:69px;gap:8px}.thread-head h3{font-size:16px}.thread-head .icon-btn{width:31px;height:31px}.thread-head small{font-size:12px}
 .chat-info{display:none}.chat-top-tabs .tabs{margin:0}.comment-context{font-size:13px}.thread-head .icon-btn.chat-back{display:none}
 .dashboard-pipeline{padding:19px 19px 16px}.pipeline-overview-head{align-items:flex-start;gap:13px;flex-wrap:wrap}.pipeline-overview-head h2{font-size:19px}.pipeline-overview-head p{font-size:13px}
 .pipeline-overview-stages{grid-template-columns:repeat(8,127px);gap:16px}.pipeline-stat-title{font-size:13px}.pipeline-stat>strong{font-size:31px}.pipeline-stat-amount{font-size:13px}
 .navy-kpis .kpi{padding:18px 17px;min-height:136px}.kpi-top{font-size:13px;gap:7px}.kpi-value{font-size:25px}.kpi-bottom{font-size:12px}.kpi-icon{width:23px;height:23px}
 .panel-head{padding:19px 18px 15px}.panel-head h3{font-size:17px}.panel-head p{font-size:13px}.panel-body{padding:0 18px 20px}.chart-legend{font-size:12px}
 .line-chart{height:210px}.line-x,.line-y{font-size:12px}.dashboard-task-row{flex-wrap:wrap;gap:9px;padding:14px 0}.dashboard-task-row .due-chip{font-size:12px;margin-left:29px}.dashboard-task-row .grow{min-width:calc(100% - 53px)}.task-row-title{font-size:15px}
 .dashboard-task-row .avatar{margin-left:auto}.dashboard-task-row small{font-size:13px}.navy-dashboard .metric-table{min-width:420px}.dashboard-lower .panel-body{overflow:auto}
 .donut-layout{gap:24px}.donut{width:145px;height:145px;flex-shrink:0}.source-row{font-size:13px;gap:7px}.source-row strong{font-size:13px}.donut-center b{font-size:28px}
 .calendar-cell{min-height:123px}.calendar-wrap{min-width:760px}.calendar-number{font-size:14px}.calendar-event{font-size:12px;min-height:26px}.calendar-event strong{font-size:11px}.month-label{font-size:17px;min-width:160px}
 .calendar-weekdays div{font-size:13px}.calendar-cell .icon-btn{width:24px;height:24px}.task-board .kanban-column{width:280px;min-width:280px}
 .data-table th{font-size:13px;padding:14px}.data-table td,.data-table .row-link{font-size:15px;padding:14px}.data-table .row-link{padding:0}
 .settings-card{padding:22px 19px}.settings-card h3{font-size:19px}.settings-card>p{font-size:14px}.field input,.field select,.field textarea{font-size:16px}.field>span:first-child{font-size:14px}
 .integration-grid{grid-template-columns:1fr}.integration-card h3{font-size:18px}.integration-card p{font-size:14px}.form-grid{grid-template-columns:1fr}.form-grid .full-span{grid-column:1}
 .template-layout .phone-preview{display:none}.modal-head{padding:18px 20px}.modal-head h2{font-size:21px}.modal-body{padding:20px}.modal-foot{padding:15px 20px;gap:8px;flex-wrap:wrap}
 .mail-folders{width:146px!important;padding:17px 10px}.mail-folder{font-size:13px;padding:11px 7px}.mail-folders>.btn{font-size:13px;padding:0 8px;gap:6px}.mail-folder .icon{width:16px}
 .mail-list{flex:1;min-width:0;width:auto}.mail-row{padding:17px 13px}.mail-row h4,.mail-row p{font-size:14px}.mail-row small,.mail-row .mail-time{font-size:12px}.mail-body{display:none}
 .mail-shell.reading .mail-body{display:flex}.mail-shell.reading .mail-list,.mail-shell.reading .mail-folders{display:none}.mail-text{font-size:16px}.mail-detail{padding:22px}.mail-detail h2{font-size:23px}
 .notification-item{padding:20px 17px;gap:12px}.notification-item h3{font-size:16px}.notification-item p{font-size:14px}.notification-item small{font-size:12px}.notification-actions .btn{font-size:13px}
 .toast-stack{left:14px;right:14px;bottom:15px}.toast{font-size:14px;max-width:none}.login-layout{display:flex;flex-direction:column;height:100dvh;overflow:auto}
 .login-visual{display:flex;min-height:0;padding:22px 24px;flex:none}.login-brand{font-size:20px}.login-copy,.login-foot{display:none}.login-form-side{padding:33px 24px;display:flex;flex:1;align-items:center;justify-content:center}
 .login-form-wrap h2{font-size:29px}.login-form-wrap>p{font-size:15px}.login-remember{font-size:13px}.login-form-wrap .field input{font-size:16px}
}
@media(max-width:580px){
 .chat-layout>.conversation-list{width:100%;display:flex}.chat-layout>.thread-panel{display:none}
 .chat-layout.mobile-thread>.conversation-list{display:none}.chat-layout.mobile-thread>.thread-panel{display:flex}
 .thread-head .icon-btn.chat-back{display:inline-flex}.thread-head h3{max-width:170px;font-size:16px}.thread-head .avatar{width:32px;height:32px;font-size:11px}
 .thread-head .flex.gap{gap:7px}.thread-head>.flex:first-child{min-width:0}.thread-head>.flex:last-child{gap:4px}
 .conversation-row p{max-width:calc(100vw - 94px)}.conversation-row h4{font-size:16px}.conversation-row .time{font-size:12px}
 .chat-top-tabs .tabs{gap:22px}.chat-filters button{font-size:13px;padding:6px 9px}.composer-top .muted{font-size:11px}.composer-bottom small{font-size:11px}
 .deal-info{max-height:33vh;min-height:172px}.drawer-header small{max-width:135px}.drawer-header .flex.gap{gap:5px}.drawer-header .flex.gap-small{gap:3px}
 .drawer-header [data-action=deal-options]{display:none}.thread-tabs{gap:24px}.thread-tabs .badge{font-size:12px}
 .bubble{font-size:16px}.system-event{font-size:12px}.thread-body .message-row .avatar.sm{width:24px;height:24px;font-size:10px}
 .notification-actions .btn span{display:none}.file-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.head-actions{max-width:100%}
 .period-label{font-size:13px}.segment-control button{font-size:14px}.navy-dashboard .chart-legend{margin-top:2px}.donut-layout{flex-wrap:wrap;justify-content:center;padding-top:6px}
 .source-legend{min-width:180px;max-width:290px}.donut{width:156px;height:156px}.dashboard-pipeline{margin-bottom:15px}.navy-kpis .kpi{padding:17px 15px}.kpi-value{font-size:24px}
 .top-tools{gap:5px}.topbar .icon-btn{width:29px}.global-search{display:flex!important}.top-brand{font-size:18px}.top-brand span{font-size:18px}
 .head-actions .btn{font-size:14px;padding:0 11px}.btn{font-size:14px}.btn.small{font-size:13px}.settings-card .flex{flex-wrap:wrap;gap:9px}
 .login-remember{flex-wrap:wrap;gap:10px}.login-demo{font-size:13px}.login-demo>div>span{font-size:13px}.login-form-side{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.deal-card:hover{transform:none}*{transition:none!important;animation:none!important}}
@media print{.drawer-overlay{position:static}.sidebar,.topbar{display:none}.dashboard-pipeline{background:#fff;color:#203c65}.pipeline-stat>strong,.pipeline-overview-head h2{color:#203c65}.pipeline-stat-title{color:#627da4}}
/* Property inspector: labels and values in aligned columns, as in a desktop CRM. */
@media(min-width:761px){
 .deal-info-fields>.detail-field,.detail-contact>.detail-field{display:grid;grid-template-columns:113px minmax(0,1fr);column-gap:12px;align-items:center;margin-bottom:18px}
 .deal-info-fields .detail-field>span:first-child{margin-bottom:0;font-size:14px;line-height:1.5}
 .deal-info-fields .detail-field input{padding:6px 9px;min-height:36px}.detail-field>p{margin:0;min-width:0;line-height:1.6}
 .deal-info-fields .detail-field .row-link{font-size:15px;text-align:left;padding:0}
 body.sidebar-collapsed .sidebar-bottom{padding:8px 0 13px}
}
/* Readability pass: primary CRM records must not look like messenger microtext. */
.deal-card h4.deal-card-company{font-size:18px;line-height:1.4}
.deal-card-subject{font-size:16px;line-height:1.45}
.deal-card-contact{font-size:14px;color:#637794}
.deal-card-contact>strong{font-size:17px}
.card-owner{font-size:14px;color:#677c99}
.task-status{font-size:13px}.deal-card .card-id{font-size:13px;color:#7589a5}
.card-tags .badge{font-size:13px;color:#667f9e}
.column-title h3{font-size:15px}.column-subtitle{font-size:14px}
.deals-main-search input{font-size:16px}
.large-text .deal-card h4.deal-card-company{font-size:20px}
.large-text .deal-card-subject{font-size:18px}
.large-text .deal-card-contact,.large-text .card-owner,.large-text .task-status{font-size:15px}
.large-text .deal-card-contact>strong{font-size:18px}
@media(max-width:760px){
 .deal-card h4.deal-card-company{font-size:17px}.deal-card-subject{font-size:15px}
 .deal-card-contact{font-size:14px}.card-owner,.task-status{font-size:13px}
 .large-text .deal-card h4.deal-card-company{font-size:19px}.large-text .deal-card-subject{font-size:17px}
 .large-text .deal-card-contact,.large-text .card-owner,.large-text .task-status{font-size:15px}
}