/* Puane CRM — light blue workspace based on the approved visual reference.
   This file is deliberately loaded last: shared shell + dashboard only.
   Module behavior, authorization and integration settings are unchanged. */
:root{color-scheme:light;--sidebar-w:232px;--crm-ink:#17243a;--crm-muted:#65758d;--crm-canvas:#f4f7fc;--crm-paper:#fff;--crm-line:#e3eaf5;--crm-blue:#2262ef;--crm-blue-2:#1455de;--crm-navy:#17243a;--crm-navy-2:#294269;--crm-emerald:#079b7d;--crm-violet:#7755de;--crm-shadow:0 5px 22px #244d8610;--crm-shadow-sm:0 3px 12px #244d8609;--crm-radius:12px;--pu-bg:#f4f7fc;--pu-bg-2:#edf3fc;--pu-sidebar:#f8fbff;--pu-panel:#fff;--pu-panel-2:#f7faff;--pu-panel-hover:#f1f6ff;--pu-line:#e3eaf5;--pu-line-strong:#cbd8ec;--pu-text:#17243a;--pu-muted:#65758d;--pu-dim:#74839a;--pu-green:#079b7d;--pu-green-2:#098c73;--pu-blue:#2262ef;--pu-purple:#7755de;--pu-amber:#b36d12;--pu-red:#cf4057;--pu-cyan:#078b9a}
html,body,.app,.main{background:var(--crm-canvas)!important;color:var(--crm-ink)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:14px;line-height:1.5}
.app-header{grid-template-columns:232px minmax(180px,1fr) auto!important;grid-template-rows:64px 1fr!important}
.app-header:before{left:232px!important;height:64px!important;background:#fff!important;border-bottom:1px solid var(--crm-line)!important}
.app-header .brand{height:64px!important;background:#f8fbff!important;border-right:1px solid var(--crm-line)!important;padding:0 22px!important}
.app-header .brand-logo{filter:none!important;width:116px!important;object-fit:contain}
#navigation{width:232px!important;height:calc(100vh - 64px)!important;padding:23px 12px!important;gap:24px!important;background:#f8fbff!important;border-right:1px solid var(--crm-line)!important}
#navigation .nav-section-label{font-size:13px!important;color:#74829b!important;letter-spacing:.07em!important}
#navigation button{height:42px!important;min-height:42px!important;color:#586982!important;font-size:13px!important;border-radius:7px!important;box-shadow:none!important;font-weight:500!important;border:1px solid transparent!important}
#navigation button.active{background:#e5efff!important;color:#1957dc!important;font-weight:650!important;box-shadow:inset 3px 0 #2262ef!important;border-color:#dbe8ff!important}
#navigation button.active:before{display:none!important}
#navigation button:hover{background:#edf3fd!important;color:#1957dc!important}
.app-header .global-search{background:#f0f4fa!important;border:1px solid #e9eef7!important;border-radius:7px!important;height:36px!important;max-width:470px!important;margin-left:26px!important}
.app-header .global-search input{background:transparent!important;color:var(--crm-ink)!important;font-size:13px!important;border:0!important;box-shadow:none!important}
.app-header .top-profile-avatar{background:#e7efff!important;color:#2262ef!important;border-color:#dce6fc!important}
.app-header .top-actions{padding-right:24px!important;gap:13px!important}.app-header .top-profile b{color:var(--crm-ink)!important;font-size:13px!important}.app-header .top-profile small{font-size:13px!important;color:var(--crm-muted)!important}
.app-header .top-divider{background:var(--crm-line)!important}.app-header .notification-button,.app-header .logout-button{color:#60718e!important}
.main{margin-left:232px!important;padding-top:64px!important}.content{background:var(--crm-canvas)!important;color:var(--crm-ink)!important;padding:25px 28px 36px!important;max-width:1700px!important}
.page-head h2,.home-overview-header h1{font-size:27px!important;line-height:1.25!important;letter-spacing:-.035em!important;color:var(--crm-ink)!important;font-weight:700!important}
.page-head p,.home-overview-header p,.muted,.tiny{color:var(--crm-muted)!important}.page-head .eyebrow{color:#2262ef!important}
.primary{background:linear-gradient(180deg,#337cff,#2262ef)!important;color:#fff!important;border:1px solid #2262ef!important;border-radius:7px!important;box-shadow:0 3px 7px #2262ef20!important;font-weight:600!important}
.primary:hover{background:#1957dc!important}.quiet,.copy-button{background:#fff!important;color:#405778!important;border:1px solid #d9e3f2!important;border-radius:7px!important}
input,select,textarea{color:var(--crm-ink);background:#fff;border-color:#dce5f2;border-radius:7px}input::placeholder,textarea::placeholder{color:#74839a}input:focus,textarea:focus,select:focus{border-color:#2262ef!important;box-shadow:0 0 0 3px #2262ef16!important}
button:focus-visible,a:focus-visible{outline:2px solid #2262ef!important;outline-offset:3px!important}
.panel,.card,.metric,.customer-kpi,.customer-insight-card,.deal-kpis>div,.task-kpis>div,.support-kpis>div,.orders-kpis>div,.team-insight-card,.team-security-card,.team-profile-card{background:#fff;border-color:var(--crm-line);box-shadow:var(--crm-shadow-sm);color:var(--crm-ink)}
.table-wrap,.customers-table-wrap,.orders-table-scroll,.team-table-wrap{background:#fff;border-color:var(--crm-line)}th{background:#f7f9fd!important;color:#65758d!important;font-size:13px!important}td{color:#263b59;border-color:#e9eef6}tr.selected td{background:#edf4ff!important}
/* A compact four-metric summary, restrained graphs and real record shortcuts. */
.nex-dashboard{gap:18px!important}.nex-dashboard .home-overview-header{align-items:center}.nex-dashboard .home-overview-header p{font-size:13px!important;margin-top:5px!important}
.nova-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nova-head-actions .primary{min-height:36px;padding:8px 14px;font-size:13px}
.nex-period{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dce5f2;border-radius:7px;background:#fff;color:#415674;font-size:13px;min-height:36px}
.nex-dashboard .home-kpi-grid{gap:15px}.nex-dashboard .home-kpi,.nex-dashboard .home-panel{background:#fff!important;border:1px solid #e3eaf5!important;border-radius:11px!important;box-shadow:0 4px 16px #23487608!important}
.nex-kpi{display:flex;flex-direction:row-reverse;align-items:center;gap:13px;padding:19px!important;min-height:112px}.nex-kpi>div{flex:1;min-width:0}.nex-kpi>div>span{font-size:13px;color:#64738a}.nex-kpi>div>strong{display:block;margin:5px 0;font-size:25px;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#17243a;overflow-wrap:anywhere}.nex-kpi small{font-size:13px;color:#687992;display:block;line-height:1.5}
.nex-kpi-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;background:#e8f3ff;color:#2262ef}.nex-kpi-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nex-kpi:first-child .nex-kpi-icon{background:#e6f8f3;color:#079b7d}.nex-kpi:nth-child(3) .nex-kpi-icon{background:#f0ebff;color:#7755de}.nex-kpi:nth-child(4) .nex-kpi-icon{background:#fff3e6;color:#be781b}
.nex-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.nex-main,.nex-side{display:grid;gap:18px;min-width:0}.nex-top-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(210px,1fr);gap:18px;align-items:stretch}.nex-dashboard .home-panel{padding:18px!important}.nex-dashboard .home-panel-heading{align-items:center!important;margin-bottom:16px!important;gap:10px}.nex-dashboard .home-panel-heading h2{font-size:14px!important;font-weight:650!important;color:#17243a!important;letter-spacing:-.02em}.nex-dashboard .home-panel-heading>small{font-size:13px;color:#687992}.nex-dashboard .home-link{font-size:13px!important;color:#2262ef!important;cursor:pointer}
.nex-dashboard .home-trend-svg{min-width:0!important;max-height:230px}.nex-dashboard .home-chart-tick line{stroke:#e8edf6}.nex-dashboard .home-chart-tick text,.nex-dashboard .home-chart-date{fill:#65758d;font-size:13px}.nex-dashboard .home-area{fill:#2262ef12!important}.nex-dashboard .home-line-in,.nex-dashboard .revenue-line{stroke:#2262ef!important;stroke-width:2}.nex-dashboard .home-line-out{stroke:#079b7d!important}.nex-dashboard .home-trend-svg circle{fill:#fff!important;stroke:#2262ef!important;stroke-width:1.5!important}.nex-dashboard .home-legend{font-size:13px}.nex-dashboard .home-legend i{background:#2262ef}.nex-data-note{color:#9b6113;font-size:13px}
.nex-task{display:flex;align-items:flex-start;gap:9px;padding:12px 0;width:100%;border:0;background:transparent;color:#263b59;font-size:13px;text-align:left;cursor:pointer}.nex-task>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.nex-task time{font-size:13px;color:#65758d;white-space:nowrap}.nex-check{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid #b2c3dc;border-radius:4px;margin-top:2px}.is-done .nex-check{background:#2262ef;color:#fff;border-color:#2262ef}.nex-task.is-done>span:nth-child(2){text-decoration:line-through;color:#74839a}.nex-task:hover{color:#2262ef}
.nova-quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.nova-quick-actions button{border:1px solid #d6e4ff;border-radius:6px;background:#f8fbff;color:#1957dc;padding:12px 8px;text-align:left;font-size:13px;font-weight:600;line-height:1.5}.nova-quick-actions button:hover{background:#e8f1ff}
.nex-board{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:5px}.nex-stage{min-width:0;border:1px solid #e1e9f6;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--stage-color) 7%,white);border-top:3px solid var(--stage-color)}.nex-stage>header{display:grid;grid-template-columns:1fr auto;padding:12px 10px;gap:6px}.nex-stage>header>b{font-size:13px;color:#263b59}.nex-stage>header>span{font-size:13px;color:#596b86}.nex-stage>header>small{grid-column:1/-1;font-size:13px;color:#596b86;overflow-wrap:anywhere}.nex-stage-cards{display:grid;gap:8px;padding:0 7px 8px}.nex-deal{display:block;text-align:left;width:100%;padding:12px;border:1px solid #e3eaf5;border-radius:7px;background:#fff;color:#17243a;box-shadow:0 2px 6px #244d8606;cursor:pointer}.nex-deal:hover{border-color:#aec7f5}.nex-deal>strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.nex-deal>small{display:block;margin:4px 0 12px;font-size:13px;color:#687992;overflow-wrap:anywhere}.nex-deal>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:space-between;align-items:center}.nex-deal>div>b{font-size:13px;font-weight:600}.nex-deal>div>span{font-size:13px;padding:3px 6px;border-radius:4px;background:color-mix(in srgb,var(--stage-color) 12%,white);color:#405778}.nex-deal footer{display:flex;gap:5px;flex-wrap:wrap;justify-content:space-between;margin-top:12px;font-size:13px;color:#687992}.nex-deal footer span{overflow-wrap:anywhere}
.nex-table-scroll{overflow-x:auto}.nex-dashboard table{min-width:550px;width:100%;border-collapse:collapse;background:transparent!important}.nex-dashboard th{font-size:13px!important;font-weight:600!important;padding:11px!important}.nex-dashboard td{background:transparent!important;font-size:13px!important;padding:12px 11px!important;color:#263b59!important;border-bottom:1px solid #e9eef6!important}.nex-customer-link{display:flex;align-items:center;gap:8px;border:0;padding:0;background:transparent;color:#17243a;font-size:13px;text-align:left;cursor:pointer}.nex-customer-link:hover{color:#2262ef}.nex-dashboard .home-avatar{width:29px;height:29px;flex-basis:29px;border-radius:50%;background:#e8f0ff!important;color:#2262ef!important;font-size:13px}.nex-badge{display:inline-block;padding:4px 7px;border-radius:5px;background:#e7f7f1;color:#087e64;font-size:13px}
.nex-agenda-item{display:flex;align-items:center;gap:11px;width:100%;padding:14px 0;border:0;border-bottom:1px solid #e9eef6;background:transparent;color:#263b59;cursor:pointer;text-align:left}.nex-agenda-item:last-child{border-bottom:0}.nex-agenda-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:8px;background:#eaf1ff;color:#2262ef;font-size:18px}.nex-agenda-icon.tone-1{background:#f1ecff;color:#7755de}.nex-agenda-item>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.nex-agenda-item b{display:block;font-size:13px}.nex-agenda-item small{display:block;margin-top:4px;font-size:13px;color:#65758d}.nex-agenda-item:hover b{color:#2262ef}
.nex-insight{display:flex;align-items:center;gap:10px;width:100%;padding:13px 11px;margin-top:9px;border:1px solid #e0e9f8;border-radius:7px;background:#f7faff;color:#263b59;text-align:left;cursor:pointer}.nex-insight-mark{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:#e8f0ff;color:#2262ef;font-size:21px}.nex-insight>span:nth-child(2){flex:1;min-width:0}.nex-insight b{display:block;font-size:13px;line-height:1.5;font-weight:600}.nex-insight small{display:block;margin-top:5px;font-size:13px;line-height:1.6;color:#65758d}.nex-insight:hover{border-color:#afc9f6}
.nex-distribution-body{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center}.nex-ring{width:100px;height:100px;display:grid;place-items:center;border-radius:50%}.nex-ring>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#fff;font-size:25px;font-weight:650}.nex-ring small{font-size:13px;color:#65758d;font-weight:400;margin-top:2px}.nex-distribution-row{display:flex;align-items:center;gap:6px;margin:8px 0;font-size:13px;color:#65758d}.nex-distribution-row i{width:8px;height:8px;border-radius:50%;background:var(--stage-color)}.nex-distribution-row span{flex:1}.nex-distribution-row b{color:#263b59;font-weight:500}.nex-operations{display:grid;grid-template-columns:1fr 1fr;gap:18px}.nex-dashboard .home-empty{font-size:13px;line-height:1.7;padding:18px 8px;color:#65758d!important}
.stage-yeni{--stage-color:#3579f6}.stage-gorusme{--stage-color:#eaa253}.stage-teklif{--stage-color:#8864e4}.stage-kazanildi{--stage-color:#15ad87}.stage-kaybedildi{--stage-color:#e9758a}
/* Command search uses the same light surfaces as the rest of the product. */
.cc-dialog{background:#fff;border-color:#dce5f2;box-shadow:0 25px 100px #193a5b30}.cc-head input,.cc-state strong,.cc-result{color:#17243a}.cc-search-icon,.cc-result-icon{color:#2262ef}.cc-result:hover,.cc-result:focus-visible{background:#edf4ff}.cc-dialog kbd{color:#65758d;background:#f3f6fc;border-color:#dce5f2}.cc-result-icon{border-color:#dce5f2}.cc-state,.cc-result-copy small,.cc-group-title,.cc-arrow,.cc-foot{color:#65758d}.cc-foot{border-color:#e3eaf5}
/* Existing inbox and detail modules retain their grid and responsive behavior. */
.messages-page .thread .compose-area,.messages-page .thread .inbox-reply-composer{background:#fff!important}.messages-page .thread .inbox-reply-composer{border-color:#dce5f2!important;box-shadow:0 3px 10px #244d8608!important}
@media(min-width:1700px){.nex-workspace{grid-template-columns:minmax(0,1fr) 320px}.nex-kpi>div>strong{font-size:29px}}
@media(max-width:1300px){.nex-workspace{grid-template-columns:minmax(0,1fr) 260px}.nex-top-row{grid-template-columns:1fr}.nex-kpi{padding:16px!important;gap:9px}.nex-kpi>div>strong{font-size:22px}.nex-kpi-icon{width:34px;height:34px;flex-basis:34px}.nova-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.nex-distribution-body{grid-template-columns:82px 1fr;gap:12px}.nex-ring{width:82px;height:82px}.nex-ring>span{width:58px;height:58px;font-size:21px}}
@media(max-width:1050px){.nex-workspace{grid-template-columns:1fr}.nex-side{grid-template-columns:1fr 1fr}.nex-operations{grid-template-columns:1fr}.nex-dashboard .home-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.app-header{grid-template-columns:minmax(90px,1fr) minmax(130px,260px) auto!important;grid-template-rows:60px 42px!important;background:#fff!important;height:102px!important}.app-header:before{left:0!important;height:60px!important}.app-header .brand{height:60px!important;background:#fff!important;border-right:0!important;padding:0 8px!important}.app-header .global-search{margin:0 6px!important;width:100%!important;max-width:none!important}.app-header .top-actions{padding:0 5px!important}#navigation{width:calc(100vw - 24px)!important;height:42px!important;background:#fff!important;padding:0!important;gap:0!important;flex-direction:row!important;border-right:0!important;border-top:1px solid #e3eaf5!important}#navigation .nav-group{display:contents!important}#navigation .nav-section-label{display:none!important}#navigation button{height:38px!important;min-height:38px!important;flex:0 0 auto!important;width:auto!important}#navigation .nav-label{display:inline!important}.main{margin-left:0!important;padding-top:102px!important}.content{padding:20px 16px!important}}
@media(max-width:600px){.nex-dashboard .home-overview-header{align-items:flex-start;flex-direction:column;gap:13px}.nex-dashboard .home-overview-header h1{font-size:24px!important}.nex-dashboard .home-kpi-grid{gap:10px}.nex-kpi{padding:14px!important;gap:8px;min-height:125px;align-items:flex-start}.nex-kpi-icon{width:28px;height:28px;flex-basis:28px}.nex-kpi-icon svg{width:16px;height:16px}.nex-kpi>div>strong{font-size:20px}.nex-kpi>div>span{font-size:13px}.nex-side{grid-template-columns:1fr}.content{padding:17px 12px!important}.nex-dashboard .home-panel{padding:15px!important}.nex-dashboard .home-panel-heading{flex-wrap:wrap}.nex-dashboard .home-trend-svg{min-width:450px!important}.nex-dashboard .home-chart-mobile-hint{display:block!important}.app-header .brand-logo{width:85px!important}.nova-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-head-actions{gap:8px}.nex-board{grid-template-columns:repeat(5,170px)}.app-header .global-search input{font-size:13px!important}.home-channel-row{min-width:0}.nex-operations .home-team-list{overflow-x:auto}}
@media(pointer:coarse){.nova-quick-actions button,.nova-head-actions .primary,.nex-task,.nex-agenda-item,.nex-insight{min-height:44px}.content input,.content select,.content textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Inbox: retain the latest composer and scrolling fixes in the light palette. */
#content[data-page="inbox"]{--mx:#17243a;--mmuted:#65758d;--mline:#e3eaf5}
#content[data-page="inbox"] .messages-page{background:transparent!important;color:#17243a!important;gap:20px!important}
#content[data-page="inbox"] :is(.messages-page-title h1,.inbox-title-row h2,.thread-title strong,.conversation-line strong,.customer-identity strong,.conversation-sla-banner strong){color:#17243a!important}
#content[data-page="inbox"] :is(.messages-page-title span,.messages-page-title p,.conversation-preview,.conversation-line time,.conversation-meta,.thread-state,.customer-identity small,.context-empty,.status-control-label,#conversation-status-hint){color:#65758d!important}
#content[data-page="inbox"] .messages-overview{gap:10px!important}
#content[data-page="inbox"] .messages-overview>div{background:linear-gradient(135deg,#fff,#f8fbff)!important;border:1px solid #e3eaf5!important;border-radius:14px!important;padding:13px 17px!important;box-shadow:0 8px 24px #244d8608!important}
#content[data-page="inbox"] .messages-overview strong{color:#17243a!important;font-size:24px!important;font-variant-numeric:tabular-nums}
#content[data-page="inbox"] .messages-overview :is(span,small){color:#65758d!important}
#content[data-page="inbox"] .inbox-shell{background:#fff!important;border:1px solid #e3eaf5!important;border-radius:18px!important;box-shadow:0 18px 48px #244d8608!important}
#content[data-page="inbox"] :is(.conversation-pane,.conversation-list,.thread,.customer-context){background:#fff!important;border-color:#e3eaf5!important;min-width:0!important}
#content[data-page="inbox"] :is(.inbox-pane-head,.thread-head,.customer-head){background:#f8fbff!important;border-color:#e3eaf5!important;padding:18px!important}
#content[data-page="inbox"] :is(.inbox-search input,.conversation-status-select,#assign-conversation,.crm-thread-controls select){background:#fff!important;color:#17243a!important;border:1px solid #dce5f2!important;border-radius:10px!important}
#content[data-page="inbox"] input::placeholder{color:#74839a!important}
#content[data-page="inbox"] .channel-tabs button{background:transparent!important;color:#65758d!important;border-color:transparent!important;border-radius:9px!important}
#content[data-page="inbox"] .channel-tabs button.active{background:#6979ff24!important;color:#1957dc!important;border-color:#7887ff50!important}
#content[data-page="inbox"] .conversation{background:transparent!important;border-color:#e9eef6!important;padding:16px!important;transition:background .15s ease}
#content[data-page="inbox"] .conversation:hover{background:#f1f6ff!important}
#content[data-page="inbox"] .conversation.selected{background:linear-gradient(110deg,#e5efff,#edf4ff)!important;border-left:3px solid #2262ef!important}
#content[data-page="inbox"] :is(.inbox-total,.unread){background:#2262ef!important;color:#fff!important}
#content[data-page="inbox"] .messages{background:radial-gradient(ellipse at top,#f9fbff,#f5f8fd 70%)!important;padding:24px!important;min-width:0!important}
#content[data-page="inbox"] .bubble{background:#fff!important;color:#17243a!important;border:1px solid #e3eaf5!important;border-radius:16px 16px 16px 5px!important;box-shadow:0 4px 12px #244d8608!important;max-width:85%!important;overflow-wrap:anywhere}
#content[data-page="inbox"] .bubble.out{background:linear-gradient(135deg,#337cff,#2262ef)!important;color:#fff!important;border-color:#2262ef!important;border-radius:16px 16px 5px 16px!important}
#content[data-page="inbox"] .bubble :is(small,time,.message-meta){color:#65758d!important}
#content[data-page="inbox"] .bubble a{color:#1957dc!important;text-decoration:underline}
#content[data-page="inbox"] :is(.conversation-sla-banner,.compose-notice){background:#f0f5ff!important;color:#405778!important;border-color:#dce5f2!important}
#content[data-page="inbox"] :is(.compose,.compose-area,.inbox-reply-composer,.pc-composer){background:#f8fbff!important;color:#17243a!important;border-color:#dce5f2!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
#content[data-page="inbox"] .compose{padding:14px!important;gap:10px!important}
#content[data-page="inbox"] :is(.compose input[name="body"],.compose textarea,.pc-input){background:#fff!important;color:#17243a!important;border:1px solid #dce5f2!important;border-radius:12px!important;min-width:0!important;flex:1!important}
#content[data-page="inbox"] :is(.compose-icon,.pc-icon){background:#edf4ff!important;color:#1957dc!important;border-color:#dce5f2!important;flex-shrink:0!important}
#content[data-page="inbox"] :is(.compose .primary,.pc-send){background:linear-gradient(135deg,#337cff,#2262ef)!important;color:#fff!important;border-radius:10px!important;flex-shrink:0!important}
#content[data-page="inbox"] :is(.context-tabs,.context-section){background:transparent!important;border-color:#e3eaf5!important}
#content[data-page="inbox"] .context-tabs button{background:transparent!important;color:#65758d!important;border-color:transparent!important}
#content[data-page="inbox"] .context-tabs button.active{color:#1957dc!important;background:#7787ff1c!important;border-color:#2262ef!important}
#content[data-page="inbox"] .context-section h3{color:#405778!important;letter-spacing:.06em!important}
#content[data-page="inbox"] .context-kv span{color:#65758d!important}
#content[data-page="inbox"] .context-kv span:nth-child(even){color:#17243a!important}
#content[data-page="inbox"] :is(.context-note,.sales-card,.sales-assist){background:#f8fbff!important;color:#405778!important;border-color:#dce5f2!important;border-radius:12px!important}
@media(min-width:821px){
 #content[data-page="inbox"]{height:calc(100dvh - 64px)!important;box-sizing:border-box!important;padding:20px!important;overflow:hidden!important}
 #content[data-page="inbox"] .messages-page{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important}
 #content[data-page="inbox"] .inbox-shell{height:100%!important;max-height:100%!important;min-height:0!important;grid-template-columns:290px minmax(0,1fr) 280px!important}
 #content[data-page="inbox"] .thread{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;overflow:hidden!important}
 #content[data-page="inbox"] .thread>.messages{flex:1 1 0!important;min-height:0!important;overflow:auto!important}
 #content[data-page="inbox"] .thread>:not(.messages){flex-shrink:0!important}
 #content[data-page="inbox"] .conversation-pane{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important}
 #content[data-page="inbox"] .conversation-list{flex:1!important;min-height:0!important;overflow:auto!important}
 #content[data-page="inbox"] .customer-context{overflow:auto!important;min-height:0!important}
}
@media(min-width:821px) and (max-width:1120px){#content[data-page="inbox"] .inbox-shell{grid-template-columns:260px minmax(0,1fr)!important}}
@media(min-width:821px) and (max-width:900px){#content[data-page="inbox"]{height:calc(100dvh - 102px)!important}}
@media(max-width:820px){#content[data-page="inbox"] .messages-overview>div{padding:10px!important}#content[data-page="inbox"] .messages{padding:16px!important}#content[data-page="inbox"] .compose{padding:10px!important;gap:7px!important}}

#content[data-page="inbox"] .bubble.out :is(small,time,.message-meta),#content[data-page="inbox"] .bubble.out a{color:#edf4ff!important}

/* Readability and shell placement: override legacy theme rules explicitly. */
.app-header{display:grid!important;box-sizing:border-box;isolation:isolate}
.app-header .brand{display:flex!important;grid-column:1;grid-row:1}
#navigation{display:flex!important;grid-column:1;grid-row:2;box-sizing:border-box;min-height:0}
#navigation .nav-group{display:flex;flex-direction:column;gap:4px}
#navigation .nav-label{display:inline!important;white-space:normal;line-height:1.3}
#navigation .nav-label-mobile{display:none!important}
#navigation button{height:auto!important;min-height:44px!important;padding:10px 12px!important;font-size:14px!important}
#navigation .nav-section-label{font-size:12px!important;color:#60718b!important;letter-spacing:.045em!important}
.app-header .global-search{grid-column:2;grid-row:1;position:relative;display:flex!important;min-width:0}
.app-header .global-search>span{position:static!important;inset:auto!important;transform:none!important;flex:0 0 auto;color:#60718b}
.app-header .global-search input{font-size:14px!important;min-width:0}
.app-header .top-actions{grid-column:3;grid-row:1;min-width:0}
.app-header .top-profile b{font-size:14px!important}.app-header .top-profile small{font-size:12px!important}
.content{font-size:14px!important;line-height:1.55!important;min-width:0;box-sizing:border-box}
.content :is(input,select,textarea,button){font-family:inherit;line-height:1.45}
.content :is(input,select,textarea){font-size:14px;min-height:40px}
.content :is(.muted,.tiny,small,.eyebrow){font-size:12px;line-height:1.55}
.content :is(.page-head p,.home-overview-header p){font-size:14px!important;line-height:1.55!important}
.content :is(th,td){line-height:1.5!important;vertical-align:middle}
.content th{font-size:12px!important;white-space:normal}
.content td{font-size:14px!important}
.nex-dashboard .home-panel-heading h2{font-size:16px!important;line-height:1.4!important}
.nex-dashboard .home-kpi strong{font-size:28px!important;line-height:1.25!important}
.nex-dashboard .home-kpi small{font-size:12px!important}
.nex-dashboard :is(.nex-task,.nex-deal>strong,.nex-customer-link,.nex-agenda-item b,.nex-insight b){font-size:14px!important}
.nex-dashboard :is(.home-link,.home-panel-heading>small,.nex-period,.nova-quick-actions button){font-size:13px!important}
.nex-dashboard .nova-head-actions .primary{font-size:14px;min-height:40px}
.nex-dashboard .nex-top-row{grid-template-columns:minmax(0,1fr)}
.nex-dashboard .home-chart-scroll{width:100%;overflow-x:auto}
.nex-dashboard .home-trend-svg{display:block;width:100%;min-width:300px!important;max-height:none;aspect-ratio:auto}
.nex-dashboard :is(.home-chart-tick text,.home-chart-date){font-size:12px!important}
.nex-board{grid-template-columns:repeat(5,minmax(185px,1fr))}
.nex-distribution-body{grid-template-columns:82px minmax(0,1fr);gap:12px}
.nex-ring{width:82px;height:82px}.nex-ring>span{width:58px;height:58px;font-size:23px}
#content[data-page="inbox"] :is(.conversation-preview,.conversation-meta,.thread-state,.message-meta){font-size:12px!important;line-height:1.5}
#content[data-page="inbox"] :is(.bubble,.conversation-line strong,.customer-identity strong){font-size:14px!important;line-height:1.55}
@media(max-width:900px){#navigation{grid-column:1/-1;grid-row:2}#navigation .nav-group{display:contents!important}#navigation button{min-height:38px!important;padding:6px 12px!important;font-size:13px!important}#navigation .nav-label{white-space:nowrap}.app-header .global-search input{font-size:13px!important}}
@media(max-width:600px){.app-header{grid-template-columns:86px minmax(0,1fr) auto!important}.app-header .top-actions{gap:2px!important;padding-right:0!important}.app-header .top-profile{display:none!important}.app-header .global-search{width:auto!important}.app-header .global-search input{font-size:16px!important}.nex-dashboard .home-kpi strong{font-size:23px!important}.nova-head-actions{width:100%}.nex-period{flex:1}.nex-dashboard .home-chart-mobile-hint{display:none!important}}

