/* Kesher 2.0 — vivid cobalt, turquoise and coral; applied after screen CSS. */
:root{--bg:#f3f5fb;--surface:#fff;--ink:#172443;--muted:#5d6981;--brand:#3454d9;--brand-soft:#edf0ff;--accent:#b64226;--accent-soft:#fff0e9;--line:#e1e6f0;--red:#b8334c;--blue:#3153c4;--teal:#007c78;--teal-soft:#e1f8f2;--violet:#7448c8;--radius:14px;--sidebar:248px;--shadow:0 10px 32px #25355e12}
.brand{gap:12px;color:#172443;font-size:34px;letter-spacing:-1.5px;line-height:1.2}
.brand .brand-symbol{width:48px;height:48px;flex:0 0 48px;filter:drop-shadow(0 3px 5px #2345be18)}
.brand small{font-size:10px;letter-spacing:0;font-weight:500;margin:5px 0 0;color:var(--muted)}
.sidebar{height:100vh;height:100dvh;max-height:100dvh;inset:0 0 auto auto;background:#142240;color:#e9efff;padding:24px 16px 14px;border-left:0;overflow:hidden}
.sidebar>.brand,.sidebar>.workspace,.sidebar>.sidebar-bottom{flex-shrink:0}
.sidebar>.brand{padding:0 12px;color:#fff}
.sidebar .brand small{color:#aab9d7}
.workspace{background:#203253;border-color:#354867;margin:24px 0 16px;padding:12px;color:#f2f6ff}
.workspace strong{font-size:12px}
.workspace small{color:#aebddb}
.workspace .avatar{background:#234e69;color:#69eed4}
/* The nav is the ONLY shrinking child. This gives it a real scrollport. */
.nav{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#647ea7 #142240;scrollbar-gutter:stable;padding:0 0 12px 4px}
.nav>a,.nav>details{flex-shrink:0}
.nav::-webkit-scrollbar{width:5px}
.nav::-webkit-scrollbar-thumb{background:#647ea7;border-radius:8px}
.nav::-webkit-scrollbar-track{background:#142240}
.nav a,.nav summary{color:#bac9e5;min-height:46px;border-radius:9px;transition:background .15s,color .15s}
.nav a:hover,.nav summary:hover{background:#243b60;color:#fff}
.nav a.active{background:#3454d9;color:#fff;box-shadow:0 4px 10px #090f2633}
.nav a.active .icon{color:#fff}
.nav>a:nth-of-type(1) .icon{color:#9fafff}
.nav>a:nth-of-type(2) .icon{color:#5ee6c9}
.nav>a:nth-of-type(3) .icon{color:#ffc27d}
.nav>a:nth-of-type(4) .icon{color:#94c8ff}
.nav>a:nth-of-type(5) .icon{color:#bb9cff}
.nav>a:nth-of-type(6) .icon{color:#65ded6}
.nav>a:nth-of-type(7) .icon{color:#ffafbc}
.nav .count{background:#2b456d;color:#e2eeff}
.nav details summary:after{content:"⌄";font-size:16px;margin-right:auto}
.nav details[open] summary:after{content:"⌃"}
.nav details a{padding-right:20px;margin-right:10px;border-right:1px solid #405475;border-radius:0 7px 7px 0;font-size:12px}
.sidebar-bottom{margin-top:12px;padding:12px 6px 0;border-top:1px solid #354968}
.sidebar-bottom .user{color:#fff}
.sidebar-bottom .user small{color:#adbfdd}
.sidebar-bottom .text-link{color:#8cbfff}
.sidebar .avatar:not(.green){background:#3a4870;color:#e7eaff}
.sidebar-close{display:none}
.topbar{background:#ffffffed;border-bottom-color:var(--line)}
.eyebrow{color:#3454d9;font-weight:800}
.demo-marker{background:var(--brand-soft);color:#3454b7;border-color:#dce2ff}
.btn{border-radius:9px;transition:background .15s,box-shadow .15s}
.btn.primary{box-shadow:0 3px 9px #3454d91c}
.btn.primary:hover{background:#2444c5}
.btn:not(.primary):hover{background:#f0f3ff}
.icon-btn{border-radius:10px;color:var(--brand)}
.panel{box-shadow:0 3px 15px #26395904}
.panel-head{background:#fff}
.panel-head h2{position:relative;padding-right:13px}
.panel-head h2:before{content:"";position:absolute;right:0;top:4px;width:4px;height:18px;background:#32c8ac;border-radius:5px}
.grid.four>.stat{border-bottom:0;border-top:3px solid #3454d9;position:relative}
.grid.four>.stat:nth-child(2){border-top-color:#19b998}
.grid.four>.stat:nth-child(3){border-top-color:#8f68dd}
.grid.four>.stat:nth-child(4){border-top-color:#ff875c}
.grid.four>.stat:nth-child(1) strong{color:#3454d9}
.grid.four>.stat:nth-child(2) strong{color:#007c78}
.grid.four>.stat:nth-child(3) strong{color:#7448c8}
.grid.four>.stat:nth-child(4) strong{color:#b64226}
.pill{background:#e1f8f2;color:#007267;border-radius:6px}
.pill.blue{background:#edf0ff;color:#3454bc}
.pill.orange{background:#fff0e9;color:#b64226}
.pill.red{background:#ffeaf0;color:#b8334c}
.pill.gray{background:#eef1f7;color:#5d6981}
.avatar{background:#fff0e9;color:#a2462e}
.avatar.green{background:#e1f8f2;color:#00786a}
.avatar.blue{background:#edf0ff;color:#3454bc}
.track{background:#edf0f8;height:8px}
.track span{background:#3454d9}
.bar-row:nth-child(2) .track span{background:#1db699}
.bar-row:nth-child(3) .track span{background:#9571dc}
.bar-row:nth-child(4) .track span{background:#ff9568}
.bar-row:nth-child(5) .track span{background:#42a6e9}
.notice{background:#edf0ff;color:#2d48b3;border:1px solid #dde3ff}
.notice.warning{background:#fff0e9;color:#a73e24;border-color:#f8d9c7}
.next-action{background:#3454d9;border-right:5px solid #40dec0}
.next-action p{color:#e5ebff}
.next-action .btn:hover{background:#edf0ff}
.screen-num{color:#3454d9;background:#edf0ff}
.screen-card:nth-child(3n+2) .screen-num{color:#007c78;background:#e1f8f2}
.screen-card:nth-child(3n+3) .screen-num{color:#7448c8;background:#f0eaff}
.connector-icon,.node-icon{color:#3454d9;background:#edf0ff}
.grid.three>.panel:nth-child(3n+2) .connector-icon{color:#007c78;background:#e1f8f2}
.grid.three>.panel:nth-child(3n+3) .connector-icon{color:#7448c8;background:#f0eaff}
th{background:#f6f8fe;color:#596781}
tbody tr:hover{background:#f7f9ff}
.tabs .active{color:#3454d9}
.tabs .active:after{content:"";display:block}
/* Dashboard */
.day-banner{background:#eaf0ff;border-color:#d4dffd;border-radius:16px}
.day-banner h2{color:#172443}
.day-art .arc-one{border-color:#64dec6}
.day-art .arc-two{border-color:#3454d9;opacity:1}
.art-dot{background:#ff875c}
.art-label{color:#3454d9;font-weight:700}
.dashboard-metrics .stat:nth-child(1) strong{color:#3454d9}
.dashboard-metrics .stat:nth-child(2) strong{color:#007c78}
.dashboard-metrics .stat:nth-child(3) strong{color:#7448c8}
/* Sales columns carry identity without replacing status labels. */
.pipeline-column{background:#edf0f9;border-top:3px solid #3454d9}
.pipeline-column:nth-child(2){background:#eaf7f3;border-top-color:#1eb99c}
.pipeline-column:nth-child(3){background:#f2edfa;border-top-color:#9365d9}
.pipeline-column:nth-child(4){background:#fff2ea;border-top-color:#ff9466}
.deal-card{border-color:#dfe5f0;box-shadow:0 3px 8px #25355e06}
.move-btn{background:#edf0ff;color:#3454d9}
.deal-progress span{background:#edf0ff}
.deal-progress .current{background:#3454d9}
/* Communication and calendar */
.conversation.selected{background:#edf0ff;border-right-color:#3454d9}
.chat-notice{background:#e1f8f2;color:#007267}
.chat-messages{background:#f4f6fc}
.bubble.sent{background:#edf0ff;border-color:#d8e1ff}
.calendar-event{background:#edf0ff;border-right-color:#3454d9}
.calendar-day:nth-child(2) .calendar-event{background:#e1f8f2;border-right-color:#1bb597}
.calendar-day:nth-child(3) .calendar-event{background:#f0eaff;border-right-color:#9365d9}
.calendar-day header.today{background:#edf0ff;color:#3454d9}
.day-slots{background:repeating-linear-gradient(to bottom,#fff 0,#fff 78px,#e5eaf4 79px,#fff 80px)}
.flow-canvas{background-color:#f0f3fc;background-image:radial-gradient(#cdd6f0 .8px,transparent .8px)}
/* Public surfaces and auth */
.index-intro{background:#eaf0ff;border-color:#d4dffd}
.index-count{color:#3454d9}
.marketing-hero em{color:#3454d9}
.hero-mini{background:#3454d9;border-left:6px solid #39d4b6}
.hero-demo{box-shadow:0 20px 50px #3454d918}
.auth-story{background:#182a57;position:relative;overflow:hidden}
.auth-story:after{content:"";width:220px;height:220px;border:48px solid #3b5ee2;border-radius:65px;position:absolute;left:-90px;bottom:-80px;transform:rotate(25deg);pointer-events:none}
.auth-label{border-color:#6383cd;color:#d9e5ff}
.auth-story p,.auth-preview span,.auth-preview small{color:#d4dfff}
.auth-preview{border-color:#6682be;background:#203768}
.auth-preview strong{color:white}
.upload-zone{background:#f5f7ff;border-color:#96a8e4}
.quote-title p{color:#3454d9}
.quote-paper>.space .brand{font-size:30px}
.result-icon{background:#edf0ff;color:#3454d9}
.marketing-section .panel:nth-child(2){border-top:3px solid #23b99d}
.marketing-section .panel:nth-child(3){border-top:3px solid #996ddd}
.marketing-section .panel:first-child{border-top:3px solid #3454d9}
.help-card:nth-child(3n+2)>.icon{color:#007c78}
.help-card:nth-child(3n+3)>.icon{color:#7448c8}
.code-box{background:#edf0ff}
@media(max-width:1100px){:root{--sidebar:220px}.sidebar{padding-left:12px;padding-right:12px}.sidebar .brand{font-size:30px}.workspace{padding:10px 8px}.workspace strong{font-size:11px}}
@media(max-width:800px){.sidebar{width:min(292px,88vw);padding-top:20px;z-index:70}.sidebar-close{display:inline-flex;position:absolute;left:14px;top:24px;border:1px solid #465b80;border-radius:7px;background:#203253;color:white;width:32px;height:32px;align-items:center;justify-content:center;font-size:22px;cursor:pointer}.sidebar>.brand{padding-left:30px}.sidebar.open{box-shadow:-15px 0 50px #0c153a40}.sidebar-backdrop{position:fixed;inset:0;background:#101d3b77;z-index:60;border:0;width:100%;height:100%;padding:0;display:none}.sidebar-backdrop.visible{display:block}.sidebar-open{overflow:hidden}.workspace{margin-top:20px}.sidebar .workspace strong{font-size:12px}.public-nav .brand{font-size:28px}.public-nav .brand-symbol{width:42px;height:42px;flex-basis:42px}}
@media(max-height:550px){.sidebar{padding-top:12px;padding-bottom:8px}.sidebar>.brand{font-size:26px}.sidebar .brand-symbol{width:36px;height:36px;flex-basis:36px}.sidebar .brand small{display:none}.workspace{margin-top:12px;margin-bottom:10px;padding:8px}.sidebar-bottom{padding-top:6px;margin-top:8px}.sidebar-bottom .user{padding:3px 6px}.sidebar-bottom .user small{display:none}.sidebar-close{top:12px}}
@media print{.sidebar-backdrop,.sidebar-close{display:none!important}.panel{box-shadow:none}.brand{color:#172443}.sidebar-open{overflow:visible}}
@media(prefers-reduced-motion:reduce){.btn,.nav a,.nav summary,.sidebar{transition:none!important}}