/* Shared presentation tokens. Business-specific layouts and actions remain in their pages. */
:root{--crm-canvas:#f5f7fa;--crm-surface:#fff;--crm-ink:#182c35;--crm-muted:#526672;--crm-line:#dce4e9;--crm-accent:#087052;--crm-soft:#eaf5ef;--crm-radius:12px;--crm-shadow:0 3px 14px #18354208;--crm-fast:160ms;--crm-ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-padding:20px}body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;-webkit-font-smoothing:antialiased;background:var(--crm-canvas)!important;color:var(--crm-ink);line-height:1.45}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:background-color var(--crm-fast),border-color var(--crm-fast),box-shadow var(--crm-fast),opacity var(--crm-fast)!important}button:not(:disabled):hover,a:hover{transform:none}button:not(:disabled):active{filter:brightness(.96)}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #16866a!important;outline-offset:3px!important}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #16866a!important;outline-offset:1px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border-radius:8px!important;min-height:38px}input[type=checkbox],input[type=radio]{accent-color:var(--crm-accent)}::placeholder{color:#647580;opacity:1}
:where(.card,.section-card,.filter-panel,.report-panel,.report-card){border-color:var(--crm-line)!important;border-radius:var(--crm-radius)!important;box-shadow:var(--crm-shadow)!important}:where(.card,.section-card){background:var(--crm-surface)}h1,h2,h3{letter-spacing:-.025em}h1{font-weight:700}small,.muted,.welcome-note{color:var(--crm-muted)}.table-wrap{overscroll-behavior:contain;scrollbar-width:thin}.table-wrap th{position:sticky;top:0;z-index:2;background:#eef3f6!important;color:#405866!important}.table-wrap table{font-variant-numeric:tabular-nums}td{line-height:1.45}tbody tr:has(input[type=checkbox]:checked){background:#e5f3ed!important;box-shadow:inset 3px 0 #087052}.modal-card,.modal-box,.profile-panel.open,.pf-pop-panel.open{animation:crm-enter .18s var(--crm-ease)}.modal-card{overscroll-behavior:contain}.pf-success-toast{max-width:min(440px,calc(100vw - 24px));line-height:1.5!important}.pf-loading-line{height:2px!important}.crm-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.crm-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:14px 0}.crm-toolbar label{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--crm-muted)}.crm-toolbar select{width:auto;min-width:140px;background:white;color:var(--crm-ink);border:1px solid var(--crm-line)}.crm-toolbar button,.crm-columns summary,.crm-command-trigger,.crm-menu-toggle{width:auto!important;margin:0;padding:9px 13px;border:1px solid var(--crm-line)!important;border-radius:8px!important;background:white!important;color:var(--crm-ink)!important;font-size:13px!important;cursor:pointer}.crm-columns{position:relative}.crm-columns summary{list-style:none}.crm-columns[open]>div{position:absolute;right:0;z-index:60;width:245px;max-height:360px;overflow:auto;padding:14px;border:1px solid var(--crm-line);border-radius:12px;background:white;box-shadow:0 16px 44px #18354225}.crm-columns label{display:flex;align-items:center;gap:9px;padding:5px}.crm-columns input{width:auto!important}.crm-field-error{display:block;color:#a32035;font-size:12px;margin:4px 0 8px}.crm-invalid{border-color:#b42339!important}.crm-status{font-size:12px;color:var(--crm-muted);margin:6px 0}.crm-empty{padding:32px 20px;text-align:center;border:1px dashed var(--crm-line);border-radius:12px;color:var(--crm-muted);background:#fafcfd}.crm-empty strong{display:block;color:var(--crm-ink);font-size:16px;margin-bottom:6px}.crm-retry{margin-left:8px;width:auto!important;padding:5px 12px!important}.crm-skeleton{min-height:106px;background:linear-gradient(100deg,#e9eef1 20%,#f7f9fb 45%,#e9eef1 70%);background-size:200% 100%;border-radius:12px;animation:crm-shimmer 1.6s linear infinite}.crm-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.crm-command{border:1px solid var(--crm-line);padding:0;border-radius:16px;width:min(560px,calc(100vw - 28px));max-height:75dvh;box-shadow:0 30px 100px #0f2e3d40;color:var(--crm-ink)}.crm-command::backdrop{background:#112b3d60}.crm-command header{position:static;display:flex!important;padding:14px!important;background:white!important;color:var(--crm-ink)!important;align-items:center;justify-content:space-between;border-bottom:1px solid var(--crm-line)}.crm-command input{width:calc(100% - 28px);margin:14px;padding:12px;border:1px solid var(--crm-line)}.crm-command-list{padding:0 10px 12px;max-height:45dvh;overflow:auto}.crm-command-list button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:11px 12px;border:0;background:white;color:var(--crm-ink);text-align:left;border-radius:8px;margin:2px 0}.crm-command-list button:hover,.crm-command-list button:focus-visible{background:var(--crm-soft)}kbd{border:1px solid var(--crm-line);border-radius:4px;padding:1px 5px;font-size:11px;color:var(--crm-muted);background:#f8fafb}.crm-command footer{padding:10px 18px;border-top:1px solid var(--crm-line);color:var(--crm-muted);font-size:12px}.crm-menu-toggle,.crm-nav-scrim{display:none}.crm-skip{position:fixed;left:12px;top:-100px;z-index:10000;padding:10px 18px;background:white;color:var(--crm-ink);border-radius:8px}.crm-skip:focus{top:10px}
[data-crm-page=index] .app{transition:none!important}[data-crm-page=index] .topbar{gap:12px;padding:12px 20px;min-height:72px}[data-crm-page=index] .sidebar{box-shadow:none}[data-crm-page=index] .nav button{font-size:13px!important;border-radius:8px}[data-crm-page=index] .frame-wrap{position:relative;flex:1;min-height:0}[data-crm-page=index] #contentFrame{height:calc(100dvh - 72px)}[data-crm-page=index] .brand-logo{display:none!important}[data-crm-page=index] .workspace-search{background:#f5f7fa;border-color:var(--crm-line)}[data-crm-page=index] .frame-loader{background:var(--crm-canvas)}
[data-crm-page=dashboard] main{max-width:1800px;padding:24px}[data-crm-page=dashboard] .metric-tile{background:white!important;border:1px solid var(--crm-line)!important;box-shadow:var(--crm-shadow)!important;border-radius:12px!important}[data-crm-page=dashboard] .metric-tile:hover{transform:none!important;border-color:#83b49f!important}[data-crm-page=dashboard] .tile-number{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-weight:650!important}[data-crm-page=dashboard] .metric-tile::after{display:none}[data-crm-page=dashboard] .pipe-fill{transition:width .22s var(--crm-ease)}[data-crm-page=leads] .table-wrap{max-height:65dvh}[data-crm-page=leads] #search{max-width:520px;padding:11px 14px}[data-crm-page=leads] .lead-toolbar h2{font-size:26px}[data-crm-page=leads] .tiles-grid{gap:14px}
@keyframes crm-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes crm-shimmer{to{background-position:-200% 0}}
@media(max-width:1100px){[data-crm-page=dashboard] .dashboard-work-grid,[data-crm-page=dashboard] .reference-primary-grid{grid-template-columns:1fr!important}[data-crm-page=index] .crm-command-trigger kbd{display:none}}
@media(max-width:760px){main{padding:14px!important}.crm-toolbar{gap:8px}.crm-toolbar label{flex:1 1 140px}.crm-toolbar select{width:100%;min-width:0}.crm-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-crm-page=index] .app,[data-crm-page=index] .app:has(.sidebar:hover),[data-crm-page=index] .app:has(.sidebar:focus-within){grid-template-columns:minmax(0,1fr)!important}[data-crm-page=index] .sidebar{position:fixed;left:0;top:0;width:272px;max-width:85vw;height:100dvh;z-index:5000;transform:translateX(-100%);visibility:hidden;transition:transform .2s var(--crm-ease),visibility .2s!important}[data-crm-page=index] .crm-nav-open .sidebar{transform:none;visibility:visible}[data-crm-page=index] .crm-nav-open .nav button>span:last-child,[data-crm-page=index] .crm-nav-open .btn-label{display:block!important;opacity:1!important;visibility:visible!important}[data-crm-page=index] .crm-nav-open .brand{font-size:19px!important;display:grid!important;grid-template-columns:48px 1fr!important}[data-crm-page=index] .crm-menu-toggle{display:inline-flex;min-height:40px;align-items:center}[data-crm-page=index] .crm-nav-open .crm-nav-scrim{display:block;position:fixed;inset:0;background:#112b3d70;z-index:4900;border:0;width:100%;height:100%;padding:0;margin:0}[data-crm-page=index] .topbar{padding:10px 12px;flex-wrap:wrap;gap:8px;min-height:66px}[data-crm-page=index] .topbar strong{font-size:15px}[data-crm-page=index] .topbar-right{gap:6px}[data-crm-page=index] .crm-command-trigger{font-size:0!important;padding:8px!important}[data-crm-page=index] .crm-command-trigger::before{content:'Search';font-size:12px}[data-crm-page=index] .profile{padding-left:6px}[data-crm-page=index] .central-search-wrap{display:none}[data-crm-page=index] #contentFrame{height:calc(100dvh - 66px)}[data-crm-page=dashboard] .tile-grid,[data-crm-page=dashboard] .attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-crm-page=dashboard] .filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-crm-page=dashboard] .news-layout{grid-template-columns:minmax(0,1fr)!important}[data-crm-page=dashboard] .metric-tile{padding:12px!important;min-height:125px!important}[data-crm-page=dashboard] .tile-name{font-size:10px;left:12px}[data-crm-page=dashboard] .tile-number{font-size:24px!important}[data-crm-page=leads] .modal-card{height:100dvh!important}[data-crm-page=leads] .modal-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.crm-columns[open]>div{left:0;right:auto;max-width:calc(100vw - 40px)}
[data-crm-page=index] .central-search-wrap{display:none}[data-crm-page=index] .crm-command-trigger{display:flex;justify-content:space-between;align-items:center;gap:30px;min-width:300px;color:var(--crm-muted)!important;background:var(--crm-canvas)!important}[data-crm-page=index] .sidebar-bottom button{display:flex;align-items:center;justify-content:center;gap:8px}[data-crm-page=index] .sidebar-logout{justify-content:flex-start!important}
html[data-pf-theme]:not([data-pf-theme=light]){--crm-canvas:var(--pf-bg,#111816);--crm-surface:var(--pf-card,#19231f);--crm-ink:var(--pf-text,#edf5ef);--crm-muted:var(--pf-muted,#b3c7bc);--crm-line:var(--pf-line,#365146);--crm-soft:#244338}
html[data-pf-theme]:not([data-pf-theme=light]) :is(.crm-toolbar select,.crm-toolbar button,.crm-columns summary,.crm-columns[open]>div,.crm-command,.crm-command header,.crm-command input,.crm-command-list button,.crm-empty){background:var(--crm-surface)!important;color:var(--crm-ink)!important}
@media(max-width:760px){[data-crm-page=index] .crm-command-trigger{min-width:0;gap:0}[data-crm-page=index] .crm-command-trigger kbd{display:none}}
@media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-crm-page=index] .sidebar{transition:none!important}}
[data-crm-page=index] main.main{padding:0!important}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),select,textarea{border:1px solid var(--crm-line);color:var(--crm-ink);background:var(--crm-surface)}#crmTrendData{font-size:12px;color:var(--crm-muted);margin-top:10px}#crmTrendData summary{cursor:pointer}.crm-trend-data{max-height:180px;overflow:auto}svg circle:focus-visible{outline:2px solid #087052;outline-offset:3px}
@media(max-width:760px){[data-crm-page=dashboard] .reference-lower-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:760px){[data-crm-page=dashboard] h1{font-size:24px!important;line-height:1.25}[data-crm-page=dashboard] .title-row{flex-wrap:nowrap}[data-crm-page=dashboard] .attendance-controls{width:100%;justify-content:flex-start}.crm-toolbar{margin-top:10px}}

[data-crm-page=index] .topbar-right{display:flex;align-items:center;min-width:0;gap:10px}[data-crm-page=index] .topbar-right>.pf-utility-bar{position:relative!important;inset:auto!important;flex:0 0 auto;z-index:2;margin:0}[data-crm-page=index] #pfAlertBtn{display:inline-flex!important;visibility:visible!important;flex:0 0 38px}[data-crm-page=index] .crm-command-trigger{min-width:0;flex:0 1 380px}

/* Small interaction improvements; no changes to route or business behavior. */
button,a,input,select,textarea{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2a9979;outline-offset:2px}dialog::backdrop{background:#09251e80}dialog{animation:crmAppear .16s ease-out}input,select,textarea{max-width:100%}@keyframes crmAppear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}