/* One layout owner. Loaded after legacy module styles; no full-height header grid. */
:root{--workspace-sidebar:208px;--workspace-topbar:60px;--workspace-gap:16px;--crm-canvas:#f3f6fc}
html,body{width:100%;min-height:100%;margin:0;padding:0!important}
*,*::before,*::after{box-sizing:border-box}
#app{width:100%;min-height:100dvh}
#app .app-header{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:var(--workspace-topbar)!important;display:flex!important;align-items:center;gap:18px;padding:0 20px 0 calc(var(--workspace-sidebar) + 20px)!important;background:#fff!important;border-bottom:1px solid #e3eaf5!important;pointer-events:auto;isolation:auto}
#app .app-header::before{display:none!important}
#app .app-header .brand{position:fixed!important;inset:0 auto auto 0!important;width:var(--workspace-sidebar)!important;height:var(--workspace-topbar)!important;display:flex!important;padding:0 20px!important;background:#f8fbff!important;border-right:1px solid #e3eaf5!important;border-bottom:1px solid #e3eaf5!important}
#app .app-header .brand-logo{width:116px!important;height:34px!important;filter:brightness(0)!important}
#app #navigation{position:fixed!important;inset:var(--workspace-topbar) auto 0 0!important;width:var(--workspace-sidebar)!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:18px!important;margin:0!important;padding:20px 10px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#f8fbff!important;border-right:1px solid #e3eaf5!important;transform:none!important;visibility:visible!important;opacity:1!important}
#app #navigation .nav-group{display:flex!important;flex-direction:column!important;gap:3px!important}
#app #navigation .nav-section-label{padding:0 10px 5px!important;font-size:11px!important;line-height:1.5;letter-spacing:.055em!important}
#app #navigation button{display:flex!important;width:100%!important;min-height:38px!important;height:auto!important;padding:9px 10px!important;gap:9px!important;font-size:13px!important;line-height:1.4;white-space:normal!important;border-radius:6px!important}
#app #navigation .nav-label{display:inline!important;min-width:0;overflow-wrap:anywhere}
#app #navigation .nav-label-mobile{display:none!important}
#app .app-header .global-search{position:relative!important;flex:1 1 420px!important;width:auto!important;max-width:460px!important;min-width:100px!important;height:34px!important;margin:0!important;padding:0 10px!important;gap:8px!important}
#app .app-header .global-search input{font-size:13px!important;height:32px!important;min-height:0!important;padding:0!important}
#app .app-header .top-actions{flex:0 0 auto!important;margin-left:auto!important;padding:0!important;gap:12px!important}
#app .main{width:calc(100% - var(--workspace-sidebar))!important;min-width:0!important;margin:0 0 0 var(--workspace-sidebar)!important;padding:var(--workspace-topbar) 0 0!important;min-height:100dvh}
#app #content{width:100%!important;max-width:none!important;margin:0!important;padding:22px 24px 28px!important;overflow-x:clip}
#app .page-head,#app .home-overview-header{margin:0 0 18px!important;gap:12px;align-items:center}
#app .home-overview-header h1,#app .page-head h2{font-size:28px!important;letter-spacing:-.035em!important;line-height:1.2!important;margin:0!important}
#app .home-overview-header p,#app .page-head p{font-size:13px!important;margin:5px 0 0!important;line-height:1.5!important}
.nex-dashboard{gap:16px!important}.nex-dashboard .home-overview-header{margin-bottom:0!important}
.nex-dashboard .home-kpi-grid{gap:14px!important}.nex-dashboard .nex-kpi{padding:16px!important;min-height:104px!important;gap:10px!important}
.nex-dashboard .nex-kpi>div>span{font-size:12px!important}.nex-dashboard .home-kpi strong{font-size:26px!important;margin:6px 0!important}
.nex-dashboard .home-panel{padding:16px!important;border-radius:9px!important;box-shadow:0 3px 14px #244d8607!important}
.nex-dashboard .home-panel-heading{margin-bottom:12px!important;gap:8px!important;flex-wrap:wrap}
.nex-dashboard .home-panel-heading h2{font-size:15px!important;line-height:1.4!important}
.nex-dashboard .home-panel-heading>small,.nex-dashboard .home-link{font-size:12px!important}
.nex-workspace{grid-template-columns:1fr!important;gap:16px!important}.nex-main{gap:16px!important}
.nex-dashboard .nex-top-row{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 200px!important;gap:16px!important;align-items:stretch}
.nex-top-row .home-panel{min-width:0;margin:0!important}
.nex-top-row .nova-quick-actions{grid-template-columns:1fr!important;gap:8px!important}
.nova-quick-actions button{width:100%;min-height:36px!important;padding:8px 10px!important;font-size:12px!important}
.nova-sales-stages{display:grid;gap:18px;padding:14px 0}.nova-sales-stage{display:grid;grid-template-columns:72px minmax(0,1fr) 26px;gap:8px;align-items:center;font-size:12px}.nova-sales-stage>span{height:14px;background:#edf2fa;border-radius:3px;overflow:hidden}.nova-sales-stage i{display:block;height:100%;background:var(--stage-color);border-radius:3px}.nova-sales-stage b{font-weight:500}.nova-sales-stage strong{text-align:right;font-weight:600}
.nex-side{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.nex-side>*{min-width:0}.nex-side .nex-distribution{grid-column:auto}
.nex-operations{gap:16px!important}.nex-dashboard .home-chart-mobile-hint{display:none!important}
.nova-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.nova-secondary-grid .nex-pipeline,.nova-secondary-grid .nex-customers{grid-column:1/-1}
#app #content[data-page="inbox"]{height:calc(100dvh - var(--workspace-topbar))!important;padding:16px!important}
@media(max-width:1180px){:root{--workspace-sidebar:190px}.nex-dashboard .nex-top-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.nex-top-row .nova-quick{grid-column:1/-1}.nex-top-row .nova-quick-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important}.nex-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){:root{--workspace-sidebar:0px;--workspace-topbar:104px}#app .app-header{height:60px!important;padding:0 12px!important;gap:8px}#app .app-header .brand{position:static!important;flex:0 0 82px!important;width:82px!important;height:60px!important;padding:0!important;border:0!important;background:#fff!important}#app .app-header .brand-logo{width:80px!important}#app .app-header .global-search{flex:1 1 auto!important;min-width:0!important}#app .app-header .top-profile,#app .app-header .top-divider{display:none!important}#app .app-header .top-actions{gap:2px!important}#app #navigation{inset:60px 0 auto 0!important;width:100%!important;height:44px!important;flex-direction:row!important;gap:0!important;padding:3px 8px!important;background:#fff!important;border-right:0!important;border-bottom:1px solid #e3eaf5!important;overflow-x:auto!important;overflow-y:hidden!important}#app #navigation .nav-group{display:contents!important}#app #navigation .nav-section-label{display:none!important}#app #navigation button{width:auto!important;flex:0 0 auto!important;min-height:36px!important;padding:6px 10px!important;white-space:nowrap!important}#app #content{padding:18px 16px 24px!important}.nex-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){#app #content{padding:16px 12px 22px!important}#app .home-overview-header h1,#app .page-head h2{font-size:25px!important}.nex-dashboard .nex-top-row,.nex-side,.nex-operations{grid-template-columns:1fr!important}.nex-top-row .nova-quick{grid-column:auto}.nex-top-row .nova-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nex-dashboard .home-kpi strong{font-size:23px!important}.nex-dashboard .nex-kpi{min-height:114px!important;padding:12px!important}.nex-kpi-icon{width:28px!important;height:28px!important;flex-basis:28px!important}#app .app-header .global-search input{font-size:16px!important}.nex-dashboard .home-chart-mobile-hint{display:block!important}}
@media(max-width:600px){.nova-secondary-grid{grid-template-columns:1fr}.nova-secondary-grid .nex-pipeline,.nova-secondary-grid .nex-customers{grid-column:auto}}

/* Refined search and account controls. */
#app .app-header{box-shadow:0 2px 12px #244d8604!important}
#app .app-header .global-search{height:38px!important;max-width:500px!important;padding:0 12px!important;background:#f5f7fb!important;border:1px solid #e3e9f3!important;border-radius:10px!important;transition:border-color .15s,box-shadow .15s}
#app .app-header .global-search:focus-within{background:#fff!important;border-color:#8ab1ff!important;box-shadow:0 0 0 3px #2262ef12!important}
#app .global-search-icon{display:grid;place-items:center;flex:0 0 18px;color:#687b99}
#app .global-search-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
#app .global-search input{flex:1;min-width:0;cursor:pointer;font-weight:450;color:#334866!important}
#app .global-search input::placeholder{color:#74839b!important}
#app .search-shortcut{flex:0 0 auto;display:block;padding:3px 6px;border:1px solid #dce4f0;border-radius:5px;background:#fff;color:#7a879d;font-family:inherit;font-size:11px;line-height:1.2;box-shadow:0 1px 1px #244d8606;white-space:nowrap}
#app .app-header .top-actions{gap:14px!important}
#app .app-header :is(.notification-button,.logout-button){display:grid!important;place-items:center;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;background:#f7f9fd!important;border:1px solid #e6ecf5!important;border-radius:10px!important;color:#60718b!important;transition:background .15s,border-color .15s}
#app .app-header :is(.notification-button,.logout-button):hover{background:#edf4ff!important;border-color:#c5d8f8!important;color:#2262ef!important}
#app .app-header :is(.notification-button,.logout-button) svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#app .app-header .notification-button #notification-count:not([hidden]){top:-5px;right:-5px;min-width:19px;height:19px;padding:1px 5px;border:2px solid #fff;border-radius:10px;background:#e6536e;font-size:10px;font-weight:700;line-height:13px}
#app .app-header .top-divider{height:26px!important;background:#e3eaf5!important}
#app .app-header .top-profile{gap:10px!important;padding:3px 0!important}
#app .app-header .top-profile-avatar{width:36px!important;height:36px!important;flex-basis:36px!important;background:linear-gradient(145deg,#edf3ff,#dce9ff)!important;border:1px solid #d3e1fb!important;border-radius:12px!important;color:#2262ef!important;font-size:14px!important;font-weight:700!important}
#app .app-header .top-profile b{font-size:13px!important;font-weight:650!important;line-height:1.4!important;color:#263b59!important}
#app .app-header .top-profile small{font-size:12px!important;margin-top:1px!important;color:#7c8ba2!important;line-height:1.4!important}
@media(max-width:900px){#app .app-header .top-actions{gap:6px!important}#app .search-shortcut{display:none}}
@media(max-width:600px){#app .app-header :is(.notification-button,.logout-button){width:32px!important;height:34px!important;min-height:34px!important;border-radius:8px!important}#app .app-header .global-search{padding:0 8px!important;gap:5px!important}}
/* Compact customer workspace. */
#app #content .customers-page{gap:10px}
#app #content .customers-page .page-head{margin-bottom:4px!important}
#app #content .customers-page .page-head h2{font-size:24px!important}
#app #content .customer-kpis{gap:10px}
#app #content .customer-kpis article{padding:10px 12px!important;min-height:64px!important;border-radius:11px!important;gap:10px!important;box-shadow:0 2px 8px #244d8604!important}
#app #content .customer-kpi-icon{width:30px!important;height:30px!important;font-size:17px!important;border-radius:9px!important}
#app #content .customer-kpis strong{font-size:22px!important;line-height:1.2!important}
#app #content .customer-kpis small{font-size:12px!important}
#app #content .customer-segment-tabs{gap:5px;padding:4px;background:#edf2fa;border-radius:10px;width:fit-content;max-width:100%;overflow:auto}
#app #content .customer-segment-tabs button{padding:6px 10px!important;min-height:32px!important;border:0!important;border-radius:7px!important;background:transparent!important;font-size:12px!important;white-space:nowrap}
#app #content .customer-segment-tabs button.active{background:#fff!important;color:#2262ef!important;box-shadow:0 1px 4px #244d8610!important}
#app #content .customer-filters{grid-template-columns:minmax(180px,1fr) 180px 180px;gap:8px}
#app #content .customer-filters :is(input,select),#app #content .customer-search{height:36px!important;min-height:36px!important;border-radius:8px!important;font-size:13px!important}
#app #content .customer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#app #content .customer-tools span{margin-left:auto;font-size:12px;color:#78879d}
#app #content .customer-tools button,#app #content .customer-task-button{font-size:12px!important;min-height:30px!important;padding:5px 9px!important;border-radius:7px!important}
#app #content .customers-table td{padding:9px 10px!important}
#app #content .customer-row-avatar{width:30px!important;height:30px!important;font-size:11px!important}
#app #content .customer-list-heading{padding:12px!important}
@media(max-width:700px){#app #content .customer-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#app #content .customer-filters{grid-template-columns:1fr 1fr}#app #content .customer-search{grid-column:1/-1}#app #content .customer-tools span{display:none}}

#app #content .customer-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid #c8dafb;background:#edf4ff;border-radius:9px}#app #content .customer-bulk[hidden]{display:none}#app #content .customer-bulk :is(select,button){min-height:32px!important;font-size:12px!important;padding:5px 9px!important;width:auto}#app #content .customers-table input[type=checkbox]{width:16px;height:16px;accent-color:#2262ef}
#app #content .customers-table input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;display:inline-block!important;width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:0!important;vertical-align:middle;border:1.5px solid #b9c9df!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;outline:none!important;cursor:pointer;transition:border-color .12s,background-color .12s;-webkit-tap-highlight-color:transparent}
#app #content .customers-table input[type=checkbox]:hover{border-color:#2262ef!important;background:#f1f6ff!important}
#app #content .customers-table input[type=checkbox]:checked{border-color:#2262ef!important;background:#2262ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat!important}
#app #content .customers-table input[type=checkbox]:focus{box-shadow:none!important;outline:none!important}
#app #content .customers-table input[type=checkbox]:focus-visible{outline:2px solid #75a3fc!important;outline-offset:3px!important}
#app #content .customers-table tbody tr{background:#fff!important;box-shadow:none!important}
#app #content .customers-table tbody tr:hover{background:#f8faff!important}
#app #content .customers-table tbody tr:has(input[data-customer-select]:checked){background:#edf4ff!important}
#app #content .customers-table tbody tr:has(input[data-customer-select]:checked) td:first-child{box-shadow:inset 3px 0 #2262ef}
#app #content .customers-table td:first-child{width:42px;text-align:center}
.customer-360-shell{display:grid;gap:14px;min-width:0}
#app #content[data-page=customer360] .page-head{align-items:center;gap:24px;margin-bottom:16px!important}
#customer-360-select{width:320px;max-width:100%;font-size:13px;min-height:38px}
#app #content .customer-360-profile{padding:18px!important;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:12px!important}
.customer-360-identity{display:flex;align-items:center;gap:14px;min-width:0}
.customer-360-avatar{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:#edf4ff;color:#2262ef;font-size:23px;font-weight:700}
#app #content .customer-360-profile h2{margin:0 0 5px;font-size:20px!important;overflow-wrap:anywhere}
#app #content .customer-360-profile p{margin:0 0 8px;font-size:12px;color:#75849b}
#app #content .customer-360-shell .eyebrow{font-size:10px;letter-spacing:.08em;margin:0 0 5px;color:#7b8aa1}
.customer-360-badges,.customer-360-actions{display:flex;gap:6px;flex-wrap:wrap}
.customer-360-actions{max-width:380px;justify-content:flex-end}
#app #content .customer-360-actions button{min-height:32px!important;font-size:12px!important;padding:6px 10px!important;border-radius:8px!important}
.customer-360-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.customer-360-kpis article{display:grid;gap:5px;padding:13px 14px;background:#fff;border:1px solid #e2eaf5;border-radius:11px;min-width:0}
.customer-360-kpis small{font-size:12px;color:#74839b}.customer-360-kpis strong{font-size:20px;color:#263b59;line-height:1.3}.customer-360-kpis span{font-size:11px;color:#7a879c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-360-kpis .danger{border-color:#f2bdc6}.customer-360-kpis .danger strong{color:#be405c}.customer-360-kpis .warning strong{color:#a36b19}
.customer-360-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}
.customer-360-side{display:grid;gap:12px;min-width:0}
#app #content .customer-360-grid .panel{padding:16px!important;border-radius:12px!important;margin:0!important}
.customer-360-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
#app #content .customer-360-section-head h3{font-size:14px;margin:0;line-height:1.4}
.customer-360-latest,.customer-360-side-row{display:grid;gap:6px;width:100%;text-align:left;border:1px solid #e4ebf5;border-radius:9px;background:#f8faff;padding:12px;color:#334866;white-space:normal}
.customer-360-latest small,.customer-360-side-row small{display:block;font-size:11px;color:#7a879c}.customer-360-latest p{font-size:13px;margin:4px 0;overflow-wrap:anywhere}.customer-360-side-row span{font-size:12px}.customer-360-side-row strong{font-size:15px}
.timeline-head{margin-top:22px}.c360-timeline-filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.c360-timeline-filters button{min-height:29px!important;padding:5px 9px!important;font-size:12px!important;border:1px solid #e1e9f5;border-radius:7px;background:#f7f9fd;color:#687b99}.c360-timeline-filters button.active{background:#edf4ff;border-color:#bbd2fb;color:#2262ef}
.customer-360-timeline [hidden]{display:none!important}.customer-360-timeline{display:grid;gap:8px}.customer-360-timeline button{width:100%;text-align:left;white-space:normal}
.customer-360-notes textarea{width:100%;min-height:84px;resize:vertical;font-size:13px}.customer-360-notes .note-form{display:grid;gap:8px}.customer-360-notes .notes{margin-top:14px}.customer-360-notes .note{padding:10px 0;border-top:1px solid #e8eef7}.customer-360-notes .note p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.customer-360-notes .note small{color:#7b8aa1;font-size:11px}
@media(max-width:1150px){#app #content .customer-360-profile{align-items:flex-start;flex-direction:column}.customer-360-actions{max-width:none;justify-content:flex-start}.customer-360-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-360-grid{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:750px){.customer-360-grid{grid-template-columns:1fr}.customer-360-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#app #content[data-page=customer360] .page-head{flex-direction:column;align-items:stretch}#customer-360-select{width:100%}.customer-360-identity{align-items:flex-start}.customer-360-actions button{flex:1 1 auto}}

#app #content .customer-360-timeline .timeline-item{display:grid;grid-template-columns:64px minmax(0,1fr) 12px;gap:10px;align-items:center;padding:12px;border:1px solid #e4ebf5;border-radius:9px;background:#fff;color:#334866}#app #content .customer-360-timeline .timeline-item>span{font-size:11px;color:#2262ef;background:#edf4ff;padding:5px;border-radius:6px;text-align:center}#app #content .customer-360-timeline .timeline-item strong{display:block;font-size:13px}#app #content .customer-360-timeline .timeline-item small{display:block;margin-top:4px;color:#7a879c;font-size:11px}
.notice-center{display:grid;gap:12px;min-width:0}.notice-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.notice-summary article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#fff;border:1px solid #e0e8f5;border-radius:10px}.notice-summary small{font-size:12px;color:#74839b}.notice-summary strong{font-size:22px;color:#263b59}.notice-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px 180px;gap:8px}.notice-toolbar :is(input,select){font-size:13px;min-height:36px;border-radius:8px}.notice-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:4px;background:#edf2fa;width:fit-content;border-radius:9px}.notice-tabs button{min-height:32px!important;padding:6px 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#6a7c96;font-size:12px!important}.notice-tabs button.active{background:#fff!important;color:#2262ef!important;box-shadow:0 1px 5px #244d8610}.notice-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#7b8aa1}.notice-day{font-size:11px;color:#7b8aa1;margin:14px 0 8px;font-weight:600}.notice-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e2eaf5;border-radius:10px;background:#fff;margin-bottom:7px}.notice-row.is-unread{background:#f8fbff;border-left:3px solid #2262ef}.notice-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#edf4ff;color:#2262ef;font-weight:700}.notice-icon.sla{background:#fff3e2;color:#be7b19}.notice-copy{flex:1;min-width:0}.notice-copy>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.notice-copy strong{font-size:13px;color:#263b59}.notice-copy p{font-size:12px;color:#718198;margin:5px 0;overflow-wrap:anywhere}.notice-copy small{font-size:11px;color:#8a96a9}.notice-type{font-size:10px;color:#74839b;padding:3px 7px;background:#f2f5fa;border-radius:5px}.notice-unread-dot{width:6px;height:6px;border-radius:50%;background:#2262ef}.notice-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.notice-read-label{font-size:11px;color:#95a0b1}#app #content .notice-center button.quiet{font-size:12px!important;min-height:30px!important;padding:5px 9px!important}.notice-more{justify-self:center}.notice-more[hidden]{display:none!important}@media(max-width:750px){.notice-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.notice-toolbar{grid-template-columns:1fr 1fr}.notice-toolbar input{grid-column:1/-1}.notice-row{align-items:flex-start;flex-wrap:wrap}.notice-actions{margin-left:44px}.notice-list-head{align-items:flex-start;flex-direction:column}}
/* Notification accents: calm surfaces with distinct category colors. */
#app #content .notice-summary article{position:relative;overflow:hidden;border-color:#dbe6fa;background:linear-gradient(120deg,#fff,#edf4ff);box-shadow:0 3px 12px #2262ef07}
#app #content .notice-summary article::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#477cf2}
#app #content .notice-summary article strong{color:#3569d4}
#app #content .notice-summary article:nth-child(2){background:linear-gradient(120deg,#fff,#f2edff);border-color:#e3d9fa}
#app #content .notice-summary article:nth-child(2)::before{background:#9970df}
#app #content .notice-summary article:nth-child(2) strong{color:#8055c9}
#app #content .notice-summary article:nth-child(3){background:linear-gradient(120deg,#fff,#e9f8f5);border-color:#ceeae2}
#app #content .notice-summary article:nth-child(3)::before{background:#32a68c}
#app #content .notice-summary article:nth-child(3) strong{color:#218c75}
#app #content .notice-summary article:nth-child(4){background:linear-gradient(120deg,#fff,#fff3e6);border-color:#f4dfc5}
#app #content .notice-summary article:nth-child(4)::before{background:#dfa04c}
#app #content .notice-summary article:nth-child(4) strong{color:#b67b2d}
#app #content .notice-tabs{background:#e9effa;border:1px solid #dce6f5}
#app #content .notice-tabs button.active{background:#2262ef!important;color:#fff!important;box-shadow:0 2px 6px #2262ef22}
#app #content .notice-row{transition:background-color .15s,border-color .15s;box-shadow:0 2px 8px #244d8603}
#app #content .notice-row:hover{border-color:#c4d7f7;background:#fbfdff}
#app #content .notice-row.is-unread{background:linear-gradient(110deg,#edf4ff,#fff 65%);border-color:#cbdcfa;border-left-color:#477cf2}
#app #content .notice-icon{background:#e9f7f2;color:#27977b;border:1px solid #d5eee5}
#app #content .notice-icon.sla{background:#fff3e2;color:#b97b29;border-color:#f4dfbe}
#app #content .notice-row:has(.notice-icon.sla) .notice-type{background:#fff3e2;color:#a6742e}
#app #content .notice-row:not(:has(.notice-icon.sla)) .notice-type{background:#e9f7f2;color:#318975}
#app #content .notice-day{display:flex;align-items:center;gap:10px;color:#6781a9}
#app #content .notice-day::after{content:"";height:1px;background:linear-gradient(90deg,#d9e5f7,transparent);flex:1}
#app #content .notice-actions button[data-notice-open]{background:#edf4ff;border-color:#cbdcfb;color:#3569d4}
#app #content .notice-icon.task{background:#f1ecff;color:#8055c9;border-color:#e2d9f9}
#app #content .notice-row:has(.notice-icon.task) .notice-type{background:#f1ecff;color:#8055c9}
#app #content .notice-icon.mention,#app #content .notice-icon.team{background:#ffedf3;color:#bf5d81;border-color:#f7d9e5}
#app #content .notice-row:has(.notice-icon.mention,.notice-icon.team) .notice-type{background:#ffedf3;color:#b65579}
/* Refined sales pipeline. */
#app #content .deals-page{gap:12px}#app #content .deals-page .page-head{margin-bottom:2px!important}#app #content .deal-kpis article{padding:12px 15px!important;gap:5px;border-radius:11px!important;border-color:#dce6f7;box-shadow:0 3px 12px #244d8605;background:linear-gradient(125deg,#fff,#eef4ff)}#app #content .deal-kpis article:nth-child(2){background:linear-gradient(125deg,#fff,#f1edff)}#app #content .deal-kpis article:nth-child(3){background:linear-gradient(125deg,#fff,#fff5e7)}#app #content .deal-kpis article:nth-child(4){background:linear-gradient(125deg,#fff,#eaf8f2)}#app #content .deal-kpis strong{font-size:23px!important;color:#3569d4;white-space:normal;overflow-wrap:anywhere}#app #content .deal-kpis article:nth-child(2) strong{color:#8055c9}#app #content .deal-kpis article:nth-child(3) strong{color:#b67b2d}#app #content .deal-kpis article:nth-child(4) strong{color:#218c75}#app #content .deals-toolbar{grid-template-columns:minmax(200px,1fr) 180px 210px auto}#app #content .deals-toolbar :is(input,select){height:36px!important;min-height:36px!important;border-radius:8px!important;font-size:13px!important}.deal-quick-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.deal-quick-filters span{margin-left:auto;color:#8593a9;font-size:11px}#app #content .deal-quick-filters button{min-height:30px!important;font-size:12px!important;padding:5px 9px!important;border-radius:7px!important}
#app #content .deal-stage-column{border-radius:11px!important;padding:11px!important;gap:12px;background:#eff4fc;border-color:#dce6f7;grid-template-rows:auto minmax(130px,1fr) auto;border-top:3px solid #6395e6}#app #content .deal-stage-column.gorusme{background:#fff8eb;border-color:#f0e2c9;border-top-color:#dfaf50}#app #content .deal-stage-column.teklif{background:#f5f1fd;border-color:#e5dcf8;border-top-color:#a586e0}#app #content .deal-stage-column.kazanildi{background:#eef8f3;border-color:#d4eadd;border-top-color:#52b78e}#app #content .deal-stage-column.kaybedildi{background:#fff2f3;border-color:#f0dce1;border-top-color:#df8195}#app #content .deal-column-head{border-bottom-color:#d7e1f0;padding:3px 1px 10px}#app #content .deal-column-head strong{font-size:13px}#app #content .deal-column-head>b{max-width:130px;white-space:normal;overflow-wrap:anywhere}#app #content .deal-card{padding:13px!important;border-radius:10px!important;box-shadow:0 3px 10px #244d8606}#app #content .deal-card-title strong{font-size:13px}.deal-column-empty{display:grid;justify-items:center;align-content:center;gap:8px;padding:16px 5px}.deal-column-empty strong{font-size:12px;font-weight:500;color:#687b99}.deal-column-empty>span:last-child{font-size:11px;line-height:1.5;max-width:180px}.deal-empty-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px dashed #bccde6;border-radius:10px;font-size:19px;color:#8ba3c5;background:#ffffff70}#app #content .deal-add-inline{border:1px dashed #c6d6ef;background:#ffffff80;color:#5579b2;text-align:center;font-size:12px;border-radius:8px;min-height:32px}#app #content .deal-add-inline:hover{background:#fff;border-color:#8db1ef;color:#2262ef}#app #content .deal-stage-tabs button.active{background:#2262ef;border-color:#2262ef}
@media(max-width:1100px){#app #content .deals-toolbar{grid-template-columns:minmax(160px,1fr) 170px 190px}.deal-quick-filters span{display:none}}@media(max-width:750px){#app #content .deals-toolbar{grid-template-columns:1fr 1fr}#app #content .deals-toolbar .deal-search{grid-column:1/-1}#app #content .deals-toolbar select:last-of-type{grid-column:auto}#app #content .deal-kpis strong{font-size:20px!important}}