/* Shared release layer: accessible controls, fluid layouts and OLED black. */
:root{color-scheme:light;--release-radius:18px}
*{box-sizing:border-box}
html{scroll-padding-top:160px;-webkit-text-size-adjust:100%}
body{margin:0}
body.crm-app.sf-skin{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.sf-skin .shell-main{width:100%;min-width:0;max-width:1920px;margin-inline:auto;padding-bottom:88px}
.sf-skin :is(.sf-home,.home-columns,.report-card-grid,.form-grid,.record-columns,.record-grid,.list-header,.list-meta-toolbar){min-width:0}
.sf-skin :is(h1,h2,h3){letter-spacing:-.025em;line-height:1.22}
.sf-skin :is(h1,h2,h3,p){overflow-wrap:anywhere}
.sf-skin :is(.btn,.tool-button,.icon-action,.list-chevron,.menu){min-height:40px}
.sf-skin .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600}
.sf-skin :is(input,select,textarea){font:inherit;max-width:100%}
.sf-skin textarea{resize:vertical}
.sf-skin :is(.list-table-wrap,.table-wrap){max-width:100%;overscroll-behavior-inline:contain;scrollbar-width:thin}
.sf-skin :is(.sf-table,table){border-collapse:separate;border-spacing:0}
.sf-skin .sf-table th{white-space:nowrap}
.sf-skin .sf-table td{vertical-align:middle}
.sf-skin .sf-table tbody tr:last-child td{border-bottom:0}
.sf-skin :is(.list-view-selector,.action-menu,.toolbar-menu,.row-menu,.more-menu,.user-menu)>div{z-index:120;max-height:min(70dvh,580px);overflow-y:auto}
.sf-skin summary{cursor:pointer;list-style:none}
.sf-skin summary::-webkit-details-marker{display:none}
.sf-skin details[open]>summary{outline:2px solid #168cf3;outline-offset:2px}
.sf-skin .empty{padding:28px 18px;color:var(--sf-muted,#626979);text-align:center}
.sf-skin [hidden],.auth-page [hidden]{display:none!important}
.sf-skin .mobile-bottom-nav{display:none}
.sf-skin .nav-backdrop{display:none}
.connection-status{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);padding:9px 16px;border-radius:12px;background:#272727;color:#fff;z-index:500;text-align:center;box-shadow:0 8px 24px #0003}
.install-app[hidden]{display:none!important}
.sf-skin .ai-launch{font-size:12px;font-weight:700;letter-spacing:.02em;border:1px solid var(--sf-line);border-radius:11px;padding:0 10px;text-decoration:none;min-height:38px;display:inline-flex;align-items:center;gap:5px}
.ai-page{max-width:1050px;margin-inline:auto;display:grid;gap:20px}
.ai-page .card{padding:24px}
.ai-page .ai-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.ai-page .ai-eyebrow{color:#0870dd;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.ai-page h1{font-size:clamp(26px,4vw,38px);margin:5px 0 12px}
.ai-page p{max-width:72ch}
.ai-page .ai-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.ai-page .ai-actions button{border:1px solid var(--sf-line,#ccd6e3);border-radius:10px;padding:9px 13px;background:transparent;color:inherit;cursor:pointer}
.ai-page .ai-actions button[aria-pressed=true]{background:#0870dd;color:#fff;border-color:#0870dd}
.ai-page .ai-status{border:1px solid var(--sf-line,#ccd6e3);border-radius:30px;padding:6px 12px;font-size:12px;white-space:nowrap}
.ai-page label{display:grid;gap:7px;font-weight:600;margin-block:14px}
.ai-page textarea{width:100%;min-height:210px;padding:14px;line-height:1.6}
.ai-page .check{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400}
.ai-page .check input{margin-top:4px;flex:none;width:18px;height:18px}
.ai-page .ai-note{font-size:13px;color:var(--sf-muted,#626979)}
.ai-page .ai-output{white-space:pre-wrap;font:inherit;line-height:1.7;overflow-wrap:anywhere}
.ai-page .ai-submit-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ai-page [role=alert]{padding:12px 15px;border:1px solid #d86161;border-radius:12px;background:#b4262610}
.pwa-help{padding:18px;border:1px solid var(--sf-line,#ccd6e3);border-radius:14px;margin-top:16px}
.ai-page .ai-output:empty{display:none}
/* Login shares the same neutral surfaces and never stretches with viewport height. */
.auth-page{min-height:100dvh;background:radial-gradient(ellipse at 15% 0,#dfebff,transparent 55%),radial-gradient(ellipse at 90% 80%,#eee4fc,transparent 55%),#f6f8fc;color:#1d2735;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:24px}
.auth-page .auth-shell{width:min(100%,440px);min-height:calc(100dvh - 48px);margin:auto;display:flex;flex-direction:column;justify-content:center;padding:30px 0}
.auth-page .auth-card{width:100%;padding:36px;background:#ffffffdb;border:1px solid #fff;border-radius:26px;box-shadow:0 24px 70px #233d6b16;backdrop-filter:blur(24px)}
.auth-page .brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;margin-bottom:28px}
.auth-page .brand img{width:58px;height:58px;object-fit:contain}
.auth-page h1{font-size:30px;letter-spacing:-.04em;margin:0 0 10px}
.auth-page p{color:#626b78;line-height:1.6}
.auth-page label{display:grid;gap:8px;margin-top:20px;font-size:14px;font-weight:600}
.auth-page :is(input,button){font:inherit}
.auth-page input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #c9d3df;border-radius:12px;background:#fff;color:#172332;outline-offset:3px}
.password-field{position:relative}
.password-field input{padding-right:68px}
.password-field button{position:absolute;right:7px;top:5px;min-height:38px;padding:0 10px;border:0;background:transparent;color:#0870dd;font-size:13px;font-weight:600;cursor:pointer}
.auth-page form>.btn{width:100%;min-height:48px;margin-top:26px;background:#0870dd;color:#fff;border:1px solid #0870dd;border-radius:12px;font-weight:650;cursor:pointer}
.auth-page .auth-card>a.link{display:block;text-align:center;margin-top:22px;color:#0870dd}
.auth-theme{position:fixed;right:20px;top:18px;border:1px solid #c6d0de;background:#ffffffcc;border-radius:30px;padding:9px 16px;cursor:pointer;color:inherit;z-index:10}
.auth-page .auth-footer{font-size:12px;text-align:center;color:#626b78;margin-top:24px}
.auth-page :focus-visible,.sf-skin :focus-visible{outline:3px solid #2997ff;outline-offset:3px}
/* Neutral black theme; only accent controls retain color. */
html[data-theme=dark]{color-scheme:dark;background:#000}
html[data-theme=dark] body.crm-app.sf-skin{--sf-canvas:#000;--sf-surface:#0a0a0a;--sf-ink:#f5f5f7;--sf-muted:#a1a1aa;--sf-line:#2c2c2e;--surface:#0a0a0a;--bg:#000;--text:#f5f5f7;--muted:#a1a1aa;--line:#2c2c2e;background:#000!important;color:#f5f5f7}
html[data-theme=dark] .sf-skin :is(.sf-shell,.shell-main,.sf-home,.sf-list-view,.list-meta-toolbar){background:transparent!important;color:#f5f5f7}
html[data-theme=dark] .sf-skin :is(.global-bar,.workspace-nav,.us-time-bar,.utility-bar,.app-rail,.mobile-bottom-nav){background:#000!important;color:#f5f5f7;border-color:#242426!important;box-shadow:none}
html[data-theme=dark] .sf-skin :is(.list-header,.record-card,.card,.home-card,.metric-tile,.report-card,.record-modal,.record-hero,.related-card,.welcome-panel,.suggestion-grid>a,.kanban-column,.kanban-card,.record-section,.record-section h2,.record-modal-head,.record-modal-footer,.record-card-head,.home-card-head,.home-card-body,.home-hero,.page-titlebar,.settings-sidebar,.settings-content,.panel,.summary-card,.chart-card,.calendar-page,.calendar-toolbar,.calendar-grid,.calendar-day){background:#0a0a0a!important;color:#f5f5f7!important;border-color:#29292c!important;box-shadow:none}
html[data-theme=dark] .sf-skin :is(.list-table-wrap,.table-wrap,table){background:#050505!important;border-color:#29292c!important;color:#f5f5f7}
html[data-theme=dark] .sf-skin :is(table th,.sf-table th){background:#151515!important;color:#d4d4d8!important;border-color:#29292c!important}
html[data-theme=dark] .sf-skin :is(table td,.sf-table td){background:#080808!important;color:#ededf0!important;border-color:#262628!important}
html[data-theme=dark] .sf-skin table tbody tr:hover td{background:#171717!important}
html[data-theme=dark] .sf-skin :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea,.global-search,.list-search){background:#141414!important;color:#f5f5f7!important;border-color:#3a3a3c!important;box-shadow:none}
html[data-theme=dark] .sf-skin :is(input,textarea)::placeholder{color:#92929b!important}
html[data-theme=dark] .sf-skin :is(.list-view-selector,.toolbar-menu,.more-menu,.action-menu,.row-menu,.user-menu)>div{background:#171717!important;color:#f5f5f7!important;border-color:#363638!important;box-shadow:0 16px 48px #0009}
html[data-theme=dark] .sf-skin :is(.list-view-selector,.toolbar-menu,.more-menu,.action-menu,.row-menu,.user-menu)>div a{background:transparent!important;color:#ededf0!important}
html[data-theme=dark] .sf-skin :is(.list-view-selector,.toolbar-menu,.more-menu,.action-menu,.row-menu,.user-menu)>div a:hover{background:#2c2c2e!important}
html[data-theme=dark] .sf-skin :is(.btn.secondary,.tool-button,.list-chevron,.view-switch a,.ai-actions button,.ai-status){background:#181818!important;color:#e4e4e7!important;border-color:#3a3a3c!important}
html[data-theme=dark] .sf-skin :is(a,.home-card a,.record-card a,.recent-record-list a){color:#74b4ff}
html[data-theme=dark] .sf-skin :is(.rail-nav a,.rail-profile,.workspace-tabs>a,.icon-action){color:#e4e4e7}
html[data-theme=dark] .sf-skin :is(.workspace-tabs>a.active,.rail-nav a.active){background:#1c1c1e!important;color:#fff}
html[data-theme=dark] .sf-skin :is(.status-pill,.badge,table .badge){background:#252527!important;color:#f4f4f5!important;border-color:#49494b!important}
html[data-theme=dark] .sf-skin :is(.metric-tile strong,.welcome-copy h2,.home-card h2,.report-card h2,.list-title-row h1,.form-grid label>span,.stack label>span,.record-details dd,.recent-record-list strong,.recent-record-list b){color:#f5f5f7!important}
html[data-theme=dark] .sf-skin :is(small,.list-meta,.list-kicker,.ai-note,.recent-record-list small,.sf-count-chart-title,.sf-count-chart-tick,.record-details dt){color:#a1a1aa!important}
html[data-theme=dark] body.crm-app.sf-skin::before{opacity:.035}
html[data-theme=dark] .sf-skin .assistant-drawer{background:#0a0a0a!important;color:#f5f5f7;border-color:#29292c}
html[data-theme=dark] .auth-page{background:#000;color:#f5f5f7}
html[data-theme=dark] .auth-page .auth-card{background:#0a0a0a;border-color:#28282b;box-shadow:none}
html[data-theme=dark] .auth-page :is(input,.auth-theme){background:#171717;color:#f5f5f7;border-color:#3a3a3c}
html[data-theme=dark] .auth-page :is(p,.auth-footer){color:#a1a1aa}
html[data-theme=dark] .auth-page :is(.password-field button,.auth-card>a.link){color:#74b4ff}
@media(min-width:1800px){.sf-skin .shell-main{padding-inline:36px}.sf-skin .report-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.sf-skin .record-columns,.sf-skin .record-grid,.sf-skin .home-columns{grid-template-columns:minmax(0,1fr)!important}.sf-skin .report-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sf-skin .list-header{flex-wrap:wrap;gap:14px}.sf-skin .global-actions{gap:5px}}
@media(max-width:760px){
 html{scroll-padding-top:162px}
 .sf-skin .app-rail{position:fixed!important;inset:0 auto 0 0!important;width:230px!important;height:100dvh;transform:translateX(-100%);transition:transform .2s;z-index:410;padding-bottom:env(safe-area-inset-bottom);overflow-y:auto}
 .sf-skin.nav-open .app-rail{transform:translateX(0)}
 .sf-skin .rail-nav a{min-height:52px;display:flex;flex-direction:row;gap:14px;justify-content:flex-start;padding:12px 20px;margin:3px 10px}
 .sf-skin .rail-nav a span{font-size:14px}
 .sf-skin .nav-backdrop{position:fixed;inset:0;background:#0007;z-index:400;border:0;border-radius:0;width:100%;height:100%;padding:0}
 .sf-skin.nav-open .nav-backdrop{display:block}
 .sf-skin .sf-shell{margin-left:0!important;padding-left:0!important;padding-top:0!important;width:100%}
 .sf-skin .global-bar{left:0!important;right:0;top:31px!important;height:64px!important;gap:8px;padding:8px 12px!important}
 .sf-skin .global-bar>.menu{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:40px;padding:6px}
 .sf-skin .global-brand{display:none!important}
 .sf-skin .global-search{display:flex!important;flex:1;min-width:0;width:auto;margin:0!important;height:42px}
 .sf-skin .global-search input{width:100%;min-width:0;font-size:16px;padding-inline:6px}
 .sf-skin .global-actions{margin-left:0;flex:none;gap:4px}
 .sf-skin .global-actions>a:not(.ai-launch),.sf-skin .global-actions>[data-assistant-toggle]{display:none!important}
 .sf-skin .global-actions .theme-toggle{display:inline-flex;width:36px;min-width:36px;padding:6px}
 .sf-skin .global-actions .ai-launch{padding:0 8px;min-height:36px}
 .sf-skin .user-menu .avatar{width:34px;height:34px}
 .sf-skin .us-time-bar{left:0!important;right:0;top:0;height:31px!important;display:flex;gap:12px;padding:5px 12px!important;white-space:nowrap;overflow-x:auto;justify-content:flex-start!important;scrollbar-width:none;font-size:10px}
 .sf-skin .us-time-bar span{flex:none;display:flex;gap:5px}
 .sf-skin .workspace-nav{left:0!important;right:0;top:95px!important;height:46px!important;display:flex;padding:0!important;width:100%}
 .sf-skin .workspace-name{display:none!important}
 .sf-skin .workspace-tabs{width:100%;min-width:0;display:flex;overflow-x:auto;white-space:nowrap;padding-right:70px!important;height:46px}
 .sf-skin .workspace-tabs>a{flex:none;padding-inline:15px;height:46px;display:flex;align-items:center;font-size:13px}
 .sf-skin .workspace-tabs>.more-menu{height:46px!important}
 .sf-skin .workspace-tabs>.more-menu>summary{height:46px;display:flex;align-items:center}
 .sf-skin .shell-main{margin:0!important;padding:158px 12px 92px!important;width:100%;max-width:100%;overflow-x:clip}
 .sf-skin :is(.sf-list-view,.sf-home,.record-page,.settings-page){width:100%;margin:0;min-width:0}
 .sf-skin :is(.list-header,.record-hero){padding:16px!important;gap:14px;align-items:flex-start;border-radius:17px;flex-wrap:wrap}
 .sf-skin .list-object{min-width:0;gap:10px}.sf-skin .list-object-icon{width:38px;height:38px;flex:none}
 .sf-skin .list-title-row h1{font-size:clamp(23px,6vw,30px)!important;white-space:normal;overflow-wrap:anywhere}
 .sf-skin .list-actions{display:flex;flex-wrap:wrap;width:100%;gap:8px!important;margin:0;justify-content:flex-start}
 .sf-skin .list-actions .btn{min-height:42px;border-radius:10px!important;padding:8px 13px;font-size:13px}
 .sf-skin .list-meta-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:10px 2px!important;align-items:center}
 .sf-skin .list-tools{display:flex;flex-wrap:wrap;gap:7px;max-width:100%;width:100%}
 .sf-skin .list-search{flex:1;min-width:150px}.sf-skin .list-search input{min-width:0;width:100%;font-size:16px}
 .sf-skin .list-table-wrap{border-radius:13px;max-height:68dvh}
 .sf-skin .sf-table{min-width:650px;font-size:13px}
 .sf-skin .sf-table th,.sf-skin .sf-table td{padding:12px 13px}
 .sf-skin .sf-table thead th{position:sticky;top:0;z-index:2}
 .sf-skin .home-titlebar{display:flex;gap:12px}.sf-skin .home-titlebar h1{font-size:24px}
 .sf-skin .home-actions{gap:7px}.sf-skin .home-actions .btn{padding:8px 11px}
 .sf-skin .welcome-panel{min-height:0!important;padding:22px!important;display:block}
 .sf-skin .welcome-copy{padding:0!important}.sf-skin .welcome-copy h2{font-size:28px;margin-top:0}
 .sf-skin .suggestion-grid{grid-template-columns:minmax(0,1fr)!important;margin-top:18px;gap:12px}.sf-skin .suggestion-grid>a{padding:20px;min-height:0}
 .sf-skin .sf-home>.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
 .sf-skin .metric-tile{padding:15px;min-width:0}.sf-skin .metric-tile strong{font-size:27px}.sf-skin .metric-tile small{font-size:10px}
 .sf-skin .report-card-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px}.sf-skin .report-card{min-height:240px}
 .sf-skin .report-card-chart{min-width:0}.sf-skin .home-columns{gap:14px}
 .sf-skin :is(.form-grid,.form-grid.two,.record-details,.record-form-grid){grid-template-columns:minmax(0,1fr)!important}
 .sf-skin .record-modal{width:100%;border-radius:17px;margin:0 0 16px}.sf-skin .record-modal-head{padding:18px}
 .sf-skin .record-section{padding:16px!important}.sf-skin .record-modal-footer{padding:14px;position:static}
 .sf-skin :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px;min-height:44px}
 .sf-skin .stack{max-width:100%}.sf-skin .card{padding:18px;min-width:0;overflow-wrap:anywhere}
 .sf-skin .kanban{overflow-x:auto;scroll-snap-type:x proximity;display:flex;gap:12px;max-width:100%}.sf-skin .kanban-column{min-width:275px;max-width:85vw;scroll-snap-align:start}
 .sf-skin .assistant-drawer{width:min(100%,420px);top:0;height:100dvh;z-index:430}
 .sf-skin .utility-bar{display:none!important}
 .sf-skin .mobile-bottom-nav{display:flex;position:fixed;inset:auto 0 0;z-index:300;justify-content:space-around;gap:2px;min-height:62px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #ccd6e3;backdrop-filter:blur(20px)}
 .sf-skin .mobile-bottom-nav a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600;color:#667085;min-height:44px;text-decoration:none;border-radius:10px}
 .sf-skin .mobile-bottom-nav a.active{color:#0870dd;background:#0870dd0d}.sf-skin .mobile-bottom-nav svg{width:21px;height:21px}
 .connection-status{bottom:86px}.sf-skin .user-menu>div{position:fixed;right:10px;top:90px;max-width:calc(100vw - 20px)}
 .sf-skin .ai-page .card{padding:20px}.ai-page .ai-actions{gap:6px}.ai-page .ai-actions button{font-size:12px;padding:9px 10px}
 .sf-skin .record-tabs{overflow-x:auto;white-space:nowrap}.sf-skin .record-tabs a{flex:none}
 .auth-page{padding:16px}.auth-page .auth-shell{min-height:calc(100dvh - 32px);padding:60px 0 28px}.auth-page .auth-card{padding:28px 23px;border-radius:22px}.auth-page input{font-size:16px}
}
@media(max-width:360px){.sf-skin .global-actions .theme-toggle{display:none!important}.sf-skin .shell-main{padding-inline:9px!important}.sf-skin .home-metrics{gap:7px!important}.sf-skin .metric-tile{padding:12px}.sf-skin .list-title-row h1{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:760px){.sf-skin .more-menu>div{top:141px!important;right:8px;max-width:calc(100vw - 16px)}.sf-skin .record-layout{grid-template-columns:minmax(0,1fr)!important}}

/* Prevent wide automation tables from sizing the entire page. */
.sf-skin .automation-page{grid-template-columns:minmax(0,1fr);min-width:0}
.sf-skin .automation-page>*{min-width:0;max-width:100%}
.sf-skin .automation-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.sf-skin .automation-health-grid>article,.sf-skin .calendar-head{border-radius:16px}
.sf-skin .auth-card .brand img{border-radius:14px}
.sf-skin .menu-align-right>div{right:0;left:auto}
@media(max-width:760px){.sf-skin .automation-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-skin .calendar-head{flex-wrap:wrap;gap:12px}.sf-skin .calendar-head .actions{flex-wrap:wrap}.sf-skin .automation-form-grid{grid-template-columns:minmax(0,1fr)}}
.auth-page .brand img{border-radius:14px}

.sf-skin .sf-home{grid-template-columns:minmax(0,1fr)}
.sf-skin .sf-home>*{min-width:0;max-width:100%}
.sf-skin .sf-home>.home-card{order:3}
@media(max-width:760px){.sf-skin .workspace-nav{overflow:visible!important}.sf-skin .workspace-tabs{overflow-y:hidden!important}.sf-skin .settings-page{grid-template-columns:minmax(0,1fr)!important}.sf-skin .settings-sidebar{position:static;max-width:100%;overflow:auto}.sf-skin .calendar-grid{max-width:100%;overflow:auto}}