/* Alpha: one clear workspace, progressive disclosure, readable content. */
body{background:var(--bg);background-image:none;font-size:14px}
body:before,body:after,.welcomehero:after,.cockpit:after{display:none!important}
aside{background:var(--surface);color:var(--muted);box-shadow:none;backdrop-filter:none;border:1px solid var(--line)}
aside .brand img{filter:none}html[data-theme=light] aside .brand img{filter:brightness(.3)}
aside .brand>span,aside .navlabel,aside .identity small,aside .identity b,aside .agencybadge b,aside .agencybadge small{color:var(--muted)}
aside .agencybadge{background:var(--surface2);border-color:var(--line)}
nav button{color:var(--muted);min-height:44px}nav button.active,nav button:hover{background:var(--surface2);color:var(--ink);box-shadow:none}nav button.active:after{background:var(--petrol)}
header{box-shadow:none;background:var(--surface);border-color:var(--line);backdrop-filter:none}
.content{max-width:1600px;padding:32px}
.heading{margin-bottom:24px}.heading h1{font-size:30px;line-height:1.3}.heading p:empty,.heading .eyebrow,.footer,.secure,.live{display:none}
.formpanel,.clientcard,.metric,.leadcard,.focuspanel,.welcomefocus,.leadfields,.customerdecision,.guidecard{background:var(--surface);background-image:none;border:1px solid var(--line);box-shadow:none;border-radius:12px}
.clientcard:before,.clientcard:after,.leadcard:before,.leadcard:after,.metric:before,.metric:after{display:none}
.primary,.orangebutton{box-shadow:none}.button{font-size:13px;min-height:42px;border-radius:9px}
p,.subtle,.metric small,.field>label,.field>small,.clienttop p,.clientstats small,.cardbottom,.person small,.leadcontact,.qa small,.leadfoot,.badge{font-size:12px;line-height:1.65}
input,select,textarea{font-size:14px;min-height:42px}input[type=checkbox]{min-height:0}.person strong,.qa b,.filecard b{font-size:14px}
h3{font-size:16px}.clienttop h2{font-size:18px}.clientcard{padding:22px}.clientstats strong{font-size:26px}.cardbottom{padding-top:15px}
.alpha-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 28px}.alpha-welcome h1{font-size:30px;line-height:1.3;margin:0 0 10px;letter-spacing:-.8px}.alpha-welcome .eyebrow{display:none}
body[data-route=home] .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{padding:20px}.metric strong{font-size:30px;margin:12px 0 8px}.metric.highlight{padding-top:20px;border-top:1px solid var(--line)}
.homelayout{grid-template-columns:1.4fr 1fr;gap:20px}.homelayout .eyebrow,.homeknowledgeheading{display:none}.homelayout h2{font-size:20px}.newssection .sectionheader p{display:none}.homesteps .homeupdates:empty{display:none}
.alpha-guides{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:20px}.alpha-guides summary{font-size:15px;color:var(--ink);font-weight:600}.alpha-guides .knowledgegrid{margin:20px 0}
.alpha-counts{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:0 0 20px;font-size:14px;color:var(--muted)}.alpha-counts strong{color:var(--ink);margin-right:5px}.alpha-counts button{font-size:13px;color:var(--petrol);min-height:40px}.alpha-warning{color:var(--orange)}
.tabs{background:none;box-shadow:none;border-radius:0;padding:0;gap:24px;border-bottom:1px solid var(--line)}.tabs button{font-size:14px;min-height:44px;box-shadow:none;background:none!important;border-radius:0}.tabs button.active{border-bottom:2px solid var(--petrol)}
.smartviews{align-items:center}.smartviews button{font-size:12px}.alpha-view-options summary,.alpha-filter-options summary{font-size:13px;min-height:42px;display:flex;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);cursor:pointer;list-style:revert}.alpha-view-options,.alpha-filter-options{position:relative;margin:0}.alpha-view-options[open]>div,.alpha-filter-options[open]>.alpha-filter-body{position:absolute;z-index:8;top:calc(100% + 8px);left:0;min-width:230px;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #0002}.alpha-filter-body select{width:100%}
.toolbar{gap:10px}.toolbar .search{width:min(360px,100%)}#emptycolumns{font-size:12px}.column{background:var(--surface2);border-radius:12px}.columnhead{font-size:13px;line-height:1.5}.columnempty{font-size:12px}.leadcard{padding:18px}.leadcard:hover{box-shadow:0 3px 12px #0001;transform:none}.leadcard .qualifications:empty{display:none}.leadfoot{gap:8px}.leadcontact{margin:10px 0}
.alpha-setup-section{margin:0 0 20px;padding:22px}.alpha-setup-section>summary{font-size:17px;font-weight:600;color:var(--ink);cursor:pointer}.alpha-setup-section[open]>summary{margin-bottom:24px}.alpha-setup-section h3{display:none}.alpha-source-panel{padding:24px}.alpha-source-panel .notice{font-size:12px}.alpha-source-panel .sectionheader>span{display:none}.alpha-source-panel .split{gap:30px}
.profiledrawer .dialoghead{background:var(--surface);box-shadow:none}.profiledrawer .leadheader h2{font-size:25px}.customerdecision .eyebrow,.profiletasks .eyebrow{display:none}.customerdecision h3{font-size:18px}.customerdecision{padding:20px}.leadfields .field{margin-bottom:18px}.profile-savebar{background:var(--surface);box-shadow:0 -3px 12px #0001}.activitytabs button{font-size:13px}.timelineitem b{font-size:13px}.timelineitem small,.filecard small{font-size:12px}.leadlayout{gap:20px}
@media(max-width:1050px){.homelayout{grid-template-columns:1fr}.content{padding:24px}.alpha-source-panel .split{grid-template-columns:1fr}}
@media(max-width:750px){.content{padding:20px 16px}.alpha-welcome{flex-direction:column;align-items:flex-start;gap:18px}.alpha-welcome h1{font-size:25px}.alpha-welcome>.button{width:100%}.heading h1{font-size:25px}body[data-route=home] .metrics{grid-template-columns:1fr;gap:10px}.metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 15px;padding:16px}.metric strong{grid-column:2;grid-row:1/3;margin:0}.metric small{grid-column:1}.alpha-counts{gap:10px 18px}.toolbar .search{width:100%;flex-basis:100%}.toolbar>select{flex:1;min-width:150px}.alpha-filter-options{flex:1}.alpha-filter-options[open]>.alpha-filter-body{position:static;margin-top:8px;min-width:0;box-shadow:none}.alpha-view-options[open]>div{left:auto;right:0}.alpha-setup-section,.alpha-source-panel{padding:18px}.alpha-source-panel .actions{flex-wrap:wrap}.alpha-source-panel .actions .button{white-space:normal}.tabs{gap:20px}.tabs button{min-height:46px}.leadcard .person strong{font-size:15px}.column{min-width:280px}.profiledrawer #dialogbody{padding:20px 16px}.profiledrawer input,.profiledrawer select,.profiledrawer textarea{font-size:16px}.profiledrawer .actions .button{flex:1}.profiledrawer .filecard b{overflow-wrap:anywhere}.profile-savebar .button{min-height:48px}.alpha-welcome .workspaceswitch{width:100%}nav button{font-size:14px}.alpha-guides .knowledgegrid{grid-template-columns:1fr}}

/* Keep large pipelines inside the viewport, with independent contact scrolling. */
#leadsbody{min-width:0;max-width:100%}
#leadsbody .board{width:100%;max-width:100%;height:clamp(360px,calc(100dvh - 310px),760px);min-height:0;overflow-x:auto;overflow-y:hidden;align-items:stretch;padding:4px 0 16px;margin-right:0;overscroll-behavior-x:contain;scrollbar-width:auto;scrollbar-color:var(--muted) var(--surface2)}
#leadsbody .column{flex:0 0 310px;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}
#leadsbody .columnhead{flex:none}
#leadsbody .columncards{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 3px 8px;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--muted) var(--surface2);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
#leadsbody .board:focus-visible,#leadsbody .columncards:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
#leadsbody .board::-webkit-scrollbar{height:12px}
#leadsbody .columncards::-webkit-scrollbar{width:10px}
#leadsbody .board::-webkit-scrollbar-thumb,#leadsbody .columncards::-webkit-scrollbar-thumb{background:var(--muted);border:3px solid var(--surface2);border-radius:10px}
#leadsbody .board::-webkit-scrollbar-track,#leadsbody .columncards::-webkit-scrollbar-track{background:var(--surface2);border-radius:10px}
@media(max-width:750px){#leadsbody .board{height:clamp(340px,calc(100dvh - 260px),640px);gap:12px}#leadsbody .column{flex-basis:280px;width:280px;min-width:280px}}

/* Consistent mobile spacing and content-safe metric layouts. */
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-width:0}.metric label,.metric small{overflow-wrap:anywhere}.metric strong{font-variant-numeric:tabular-nums}.heading h1{overflow-wrap:anywhere}.tabs{min-width:0;max-width:100%;scrollbar-width:thin}.tabs button{flex-shrink:0}.formpanel,.sectionheader,.heading,.toolbar,.clienttop>div{min-width:0}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.content{padding:24px 18px 32px}.heading{gap:16px;margin-bottom:24px}.heading h1{font-size:24px;line-height:1.3}.heading p{margin-top:10px;font-size:14px;line-height:1.6}.tabs{margin-bottom:24px;gap:24px}.metric{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:18px}.metric label{font-size:13px;line-height:1.5}.metric strong{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:14px 0 8px;grid-column:auto;grid-row:auto}.metric small{font-size:12px;line-height:1.5}.metricicon{flex-shrink:0}.formpanel{padding:22px}.formpanel p{font-size:14px;line-height:1.65}.headeractions{flex-shrink:0}#breadcrumbs{min-width:0}.sectionheader{gap:14px}}
@media(max-width:380px){.metrics{grid-template-columns:minmax(0,1fr)}.content{padding:22px 16px 28px}}

/* Keyboard focus and long imported contact data remain visible. */
.button:focus-visible,.leadcard:focus-visible,nav button:focus-visible,.tabs button:focus-visible,.smartviews button:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.leadcontact,.leadcard .person>div,.qa b,.filecard b{min-width:0;overflow-wrap:anywhere}.bulkbar{flex-wrap:wrap;gap:10px}.bulkbar>select{min-width:140px;max-width:100%}
@media(max-width:750px){.bulkbar{position:static;padding:16px}.bulkbar>b{flex-basis:100%}.bulkbar .button{flex:1;white-space:normal}.bulkbar>select{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* First-login guidance: one action per screen, readable on small phones. */
.tutorialdialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 32px 100px #0005;overflow-y:auto}.tutorialdialog::backdrop{background:#07101999;backdrop-filter:blur(6px)}.tour-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.tour-top>span{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--muted)}.tour-top>button{background:transparent;color:var(--muted);font-size:12px;min-height:44px;border:0;padding:8px;cursor:pointer}.tour-progress{display:flex;gap:6px;margin:18px 0 28px}.tour-progress span{height:4px;flex:1;border-radius:6px;background:var(--line)}.tour-progress .done{background:var(--orange)}.tour-copy>small{font-size:12px;color:var(--muted)}.tour-copy h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:12px 0 16px;overflow-wrap:anywhere}.tour-copy p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.tour-visual{padding:24px;background:var(--surface2);border:1px solid var(--line);border-radius:16px;margin:24px 0}.tour-welcome-mark{width:64px;height:64px;border-radius:20px;background:var(--warnbg);color:var(--orange);display:grid;place-items:center;margin:0 auto}.tour-welcome-mark .icon{width:30px;height:30px}.tour-preview-caption{font-size:13px;line-height:1.6;color:var(--muted);text-align:center;margin:16px 0 0}.tour-example-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.tour-example-card+.tour-example-card{margin-top:12px}.tour-example-card>div{min-width:0}.tour-example-card b{display:block;font-size:14px;overflow-wrap:anywhere}.tour-example-card small{display:block;font-size:12px;margin-top:5px;line-height:1.5;color:var(--muted)}.tour-example-card>.icon{width:24px;height:24px;color:var(--orange);flex:none}.tour-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tour-pipeline>div{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-height:130px}.tour-pipeline b{display:block;font-size:11px;margin:8px 0;overflow-wrap:anywhere}.tour-mini-card{height:30px;background:var(--surface2);border-radius:6px;border:1px solid var(--line);margin-top:8px}.tour-mini-card.short{height:20px}.tour-answer{display:grid;gap:6px;margin:16px 0;font-size:13px}.tour-answer span,.tour-demo-label{color:var(--muted);font-size:12px}.tour-feedback{display:flex;gap:8px;flex-wrap:wrap}.tour-feedback span{border:1px solid var(--line);padding:12px;border-radius:10px;font-size:12px;background:var(--surface)}.tour-feedback .chosen{border-color:var(--orange);color:var(--orange)}.tour-bottom{display:flex;justify-content:space-between;gap:12px}.tour-bottom button{min-height:48px}.tour-bottom button:disabled{opacity:.4}.tour-campaign-label{display:block;font-size:12px;color:var(--muted);margin-top:20px}#tourcampaign{width:100%;margin-top:8px;font-size:16px}#tourerror{font-size:12px;color:var(--warn);line-height:1.5;margin:18px 0 0}.startchecklist{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px;margin:0 0 24px}.startchecklist>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}.startchecklist h2{font-size:16px;margin:0}.startchecklist>div>span{font-size:12px;color:var(--muted)}.startchecklist-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.checklist-done{color:var(--petrol)}.tour-top>button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media(max-width:750px){.tutorialdialog{padding:24px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.tour-copy h2{font-size:25px}.tour-visual{padding:18px}.tour-top>span{font-size:9px}.tour-progress{margin:14px 0 22px}.tour-bottom .primary{flex:1}.startchecklist-actions{flex-direction:column}.startchecklist-actions .button{text-align:left}.startchecklist>div:first-child{flex-wrap:wrap}#tutorial{width:36px;height:36px}}