/* Readable by default across every CRM view. Preserve the navy/copper house style. */
:root{--mut:#c0ced9;--mut2:#acbfce}
body{font-size:16px;line-height:1.55}
button,input,select,textarea{font-family:var(--sans);font-size:14px}
button,summary,a{touch-action:manipulation}
button,select,input:not([type=checkbox]):not([type=radio]){min-height:40px}
input,select,textarea{max-width:100%;min-width:0}
input,textarea{font-size:16px}
h1,h2,h3{line-height:1.3}
.top{padding:14px 20px;gap:12px;flex-wrap:wrap}
.top h2{font-size:20px;min-width:220px;flex:1 1 260px;overflow-wrap:break-word}
.top .vtog{flex:0 0 auto}#signout{padding:9px 15px;border:1px solid #587083;border-radius:8px;background:var(--ui-button);box-shadow:var(--ui-shadow-soft);color:#e2ebf3}
.vtog{max-width:100%;flex-wrap:wrap}
.vtog button{font-size:14px;padding:9px 13px;white-space:nowrap}
.top .sub{font-size:13px}
.top .opchip{margin-left:auto}.top .ork{font-size:12px}.top .olv{font-size:12px}
.pitem>span:first-child{font-size:14px;line-height:1.55;white-space:normal}
.pitem .pv2,.pitem .n,.pgroup,.brand p{font-size:12px;line-height:1.55}
.pgroup{letter-spacing:.04em;text-transform:none;font-weight:700}
.pitem{padding:12px;background-color:#1c2a35}.pfind input{font-size:14px}
.read-guide{flex-shrink:0;margin:12px 20px 0;padding:12px 16px;border:1px solid #425465;border-radius:12px;background:linear-gradient(135deg,#253543,#192733);box-shadow:var(--ui-shadow-soft);color:#d8e3ec}
.read-guide summary{cursor:pointer;font-size:14px;line-height:1.6;font-weight:650}
.read-guide summary>span{float:right;font-size:12px;color:#efba91;font-weight:500;margin-left:16px}
.read-guide p{font-size:14px;line-height:1.7;max-width:950px;margin:15px 0}
.read-guide dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:15px 0 0}
.read-guide dt{font-size:13px;color:#efba91;font-weight:700}.read-guide dd{font-size:13px;color:#bfcfdc;line-height:1.6;margin:5px 0}
.cc-tabs{flex-wrap:wrap;gap:8px}.cc-tabs button{font-size:14px;padding:10px 16px;line-height:1.4}
.cc-panel{padding:25px}.cc-panel h2{font-size:23px}.cc-panel h3{font-size:18px}
.cc-panel p,.cc-focus p.cc-focus-company,.cc-focus p.cc-focus-why{font-size:15px;line-height:1.7;color:#c3d2de}
.cc-eyebrow{font-size:12px;letter-spacing:.07em}.cc-btn,.cc-section-head .cc-btn{font-size:13px;min-height:40px;padding:10px 14px}
.cc-hero p{font-size:16px;max-width:720px;line-height:1.6}.cc-hero h1{font-size:34px}
.read-outcomes{grid-template-columns:repeat(3,minmax(0,1fr))}.read-outcomes>button{padding:22px;min-height:142px}
.cc-outcomes small{font-size:14px;line-height:1.5;color:#d2dee7}.cc-outcomes b{font-size:32px}.cc-outcomes em{font-size:12px;line-height:1.6;color:#adc3d4}
.cc-task b{font-size:15px;line-height:1.5}.cc-task small,.cc-task-xp,.cc-task-no{font-size:12px;line-height:1.5}
.cc-task{padding:16px;gap:14px}.cc-tag,.cc-focus-foot,.cc-between,.cc-footnote,.cc-goal p,.cc-momentum p{font-size:12px!important;line-height:1.65!important}
.cc-segment button,.cc-segment b,.cc-shortcut-grid small{font-size:12px}.cc-shortcut-grid b{font-size:14px}
.cc-mini-grid small,.cc-mini-grid span,.cc-week span,.cc-badge small,.cc-badge>span,.cc-challenge span{font-size:12px}
.cc-badge b,.cc-challenge b{font-size:14px}.cc-rank{font-size:23px}
.read-progress>summary{cursor:pointer;font-size:17px;font-weight:650;line-height:1.6}
.read-progress>summary>span{display:block;font-size:13px;font-weight:400;color:#b6cbdc;margin-top:5px}
.read-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.cc-table{font-size:14px}.cc-table th{font-size:12px;letter-spacing:0;text-transform:none;white-space:normal;line-height:1.5}
.cc-table td,.cc-table th{padding:16px 12px}.cc-table button{font-size:14px;line-height:1.5}
.cc-table td:first-child{white-space:normal;overflow-wrap:anywhere}
.col{flex-basis:325px;min-width:300px}.colhead .nm{font-size:15px;line-height:1.5}.colhead .ct{font-size:13px}
/* Every pipeline gets the remaining viewport, not a small nested scrolling slot.
   Scope stage-column rules away from the National Recycler Atlas. */
body.pipeline-workspace,body.pipeline-workspace #app{height:100dvh}
.pipeline-workspace #app>main{min-width:0;min-height:0}
.pipeline-workspace .top{flex-shrink:0;padding:8px 16px;gap:8px 12px}
.pipeline-workspace #clock{display:flex;align-items:baseline;gap:8px;min-width:0}
.pipeline-workspace #clock .cd{margin-top:0}
.pipeline-workspace .read-guide{margin:6px 16px 0;padding:6px 12px;max-height:25dvh;overflow:auto}
.pipeline-workspace #mission{flex:0 0 auto;padding:0 16px;margin-top:8px;max-height:22dvh;overflow-y:auto;scrollbar-width:auto}
.pipeline-workspace #mission .bkards{margin:0}
.pipeline-workspace #mission .khead{padding:9px 12px;gap:10px}
.pipeline-workspace #mission .kmain .kl{display:none}
.pipeline-workspace #mission .kard.on .kmain .kl{display:block}
.pipeline-workspace #mission .kstats{gap:6px}
.pipeline-workspace #mission .ks{min-width:0;padding:6px 8px}
.pipeline-workspace #mission .ks em{font-size:10px;letter-spacing:.035em;line-height:1.3}
.pipeline-workspace #board{min-height:0;flex:1 1 0}
.pipeline-workspace #board:not(.atlas-board){padding:10px 16px 12px;gap:14px;align-items:stretch}
.pipeline-workspace #board:not(.atlas-board)>.col{flex:0 0 clamp(320px,24vw,380px);min-width:0;min-height:0;height:100%;max-height:none}
.pipeline-workspace .colbody{flex:1 1 0;min-height:0;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#8296a6 #17232d}
.pipeline-workspace .colbody>.card{flex:0 0 auto}
.pipeline-workspace .colhead{padding:10px 12px}
.pipeline-workspace .colval,.pipeline-workspace .colfill{flex-shrink:0}
.pipeline-workspace .colmore{padding:6px 8px}
.pipeline-workspace :is(#board,.colbody,#plist)::-webkit-scrollbar{width:14px;height:14px}
.pipeline-workspace :is(#board,.colbody,#plist)::-webkit-scrollbar-thumb{background:#8296a6;border:3px solid #17232d;border-radius:9px;min-height:44px}
.pipeline-workspace :is(#board,.colbody,#plist)::-webkit-scrollbar-track{background:#17232d}
@media(max-width:760px){
  .pipeline-workspace .top{padding:7px 10px;gap:6px 8px}
  .pipeline-workspace .top h2{font-size:17px}
  .pipeline-workspace .vtog{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}
  .pipeline-workspace .vtog button{flex:0 0 auto}
  .pipeline-workspace .read-guide{margin:6px 10px 0;padding:5px 10px}
  .pipeline-workspace .read-guide summary>span{display:none}
  .pipeline-workspace #mission{padding:0 10px;margin-top:6px}
  .pipeline-workspace #mission .khead{grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;gap:7px}
  .pipeline-workspace #mission .kcode{display:none}
  .pipeline-workspace #mission .kstats{grid-column:1;grid-row:2;justify-content:flex-start}
  .pipeline-workspace #mission .kcv{grid-column:2;grid-row:1/3}
  .pipeline-workspace #mission .ks{display:flex;align-items:baseline;gap:5px;padding:4px 6px}
  .pipeline-workspace #board:not(.atlas-board){padding:8px 10px 10px;gap:12px}
  .pipeline-workspace #board:not(.atlas-board)>.col{flex-basis:min(360px,86vw)}
}
.colval,.colmore,.colval .xpv{font-size:12px;line-height:1.5}.colval{flex-wrap:wrap;gap:8px}
.card{padding:18px}.card .cn{font-size:16px;line-height:1.5}.card .cm,.card .cm span,.card .age,.card .ft,.card .id{font-size:12px;line-height:1.6}
.card .cn,.wr .wn{overflow-wrap:anywhere}.wr .wn{font-size:16px;line-height:1.5}
.wr .wdoes,.wr .wno{font-size:14px;line-height:1.65;white-space:normal;overflow:visible;text-overflow:clip}
.wr .wmeta,.wr .wsub,.wsec,.wsc,.wnd,.wst,.wq,.wtabs button,.wbar select,.wmore,.wclt,.wrowmeta{font-size:12px;line-height:1.6}
.wr{padding:18px}.wlist{gap:14px}.wsn{font-size:14px}.wsec{padding:20px 8px 10px}
.kard .kt,.kard .ksub,.kard .kdesc,.kard .sub{font-size:14px;line-height:1.6}.ks .kl,.ks .l,.kstat .l{font-size:12px}
#drawer{width:min(780px,100vw)}.dbody{padding:22px 26px 40px}.dhead h3{font-size:24px;line-height:1.4}
.read-jumps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.read-jumps button{border:1px solid #576d80;border-radius:8px;padding:9px 12px;color:#e2ebf2;background:var(--ui-button);box-shadow:var(--ui-shadow-soft)}
#lead-summary>.fld{margin:20px 0}.dos{padding:18px}.dstats{gap:12px}.dstats .k{font-size:12px;line-height:1.5;letter-spacing:0;text-transform:none;min-height:36px}
.dstats .v{font-size:23px}.dstats .v small{font-size:12px}.qlog .k,.qh,.qb button small{font-size:12px;line-height:1.6;letter-spacing:0}
.qb{gap:10px}.qb button{font-size:14px;min-height:70px}.read-note{font-size:13px!important;line-height:1.7;color:#bacee0;margin:12px 0}
.read-fold,.dmore{border:1px solid #4a6073;border-radius:12px;background:linear-gradient(130deg,#253746,#1b2935);padding:16px 18px;margin:20px 0;box-shadow:var(--ui-shadow-soft);transition:transform .18s,box-shadow .18s}
.read-fold>summary,.dmore>summary{cursor:pointer;font-size:15px;font-weight:700;line-height:1.6;color:#e6eef4;letter-spacing:0;text-transform:none}
.read-fold[open]>summary{margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #465d70}
.read-fold .dmail{margin:0}.fld .k,.snap .k,.mto span,.msub .k,.mhook .k,.snap .sh .k,.dmail .mh .k,.notebox .hd .k{font-size:12px;line-height:1.6;letter-spacing:.025em}
.fld .v,.sdoes,.shas li,.mbody,.note .nbody,.intel,.rbody,.rkv .v{font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.msub{font-size:16px;line-height:1.6}.mto b{font-size:14px;overflow-wrap:anywhere}.mgn,.mfoot,.mhook,.note .nmeta,.snap .sat,.rkv .k,.rfile>summary,.rsec h5{font-size:12px;line-height:1.65}
.notebox{margin-top:24px}.feed{gap:16px}.note .nbody{white-space:pre-wrap}.notebox textarea{min-height:115px}
.dbody .dmore>summary{font-size:15px;letter-spacing:0;line-height:1.6;text-transform:none}
.wt .w .k,.wt .w .g,.sw .k,.sw small,.sw .n,.spp,.swatch,.snext,.rkv .k{font-size:13px;line-height:1.7;letter-spacing:0}.wt .w .v{font-size:32px}.wt .w .v small{font-size:15px}
.fdoc{font-size:15px}.ftile .ttl{font-size:19px}.ftile .sub,.ftile .nums,.ftile .nd,.sec div,.cf p,.fsay p,.cnm small,.fnav button,.lib-overview>div,.lib-page>div{font-size:14px;line-height:1.7}
.sec h3,.fpan h3,.lib-overview h2,.lib-page-index h2{font-size:20px}.fnav button,.fexp{font-size:13px}
.lib-page summary,.lib-document-hero>p,.lib-doc-note,.lib-reading-label,.lib-page-index>p{font-size:14px;line-height:1.7}
.ac-meta,.ac-kind,.ac-status,.ac-metrics dt,.ac-metrics small,.ac-detail-item>span,.ac-receipt,.ac-phone{font-size:13px!important;line-height:1.6}
.ac-card h3{font-size:22px}.ac-button,.ac-details summary,.ac-detail-item p{font-size:14px!important;line-height:1.7}
.a0body{font-size:16px;line-height:1.7}.a0badge,.a0none,.a0scope .k,.a0bots .k{font-size:13px;line-height:1.6}
/* Analytics: a simple reading order, not a wall of mini charts. */
.ea-view{gap:24px}.ea-heading{display:flex;gap:24px;justify-content:space-between;align-items:center}.ea-heading h1{font-size:32px;margin:8px 0}
.ea-refresh{display:grid;gap:10px;flex-shrink:0}.ea-refresh small{font-size:12px;color:#adc4d5}
.ea-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:end}
.ea-view label{display:grid;gap:8px;font-size:13px;font-weight:650;color:#d5e1eb}.ea-view select,.ea-view input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #526a7c;border-radius:9px;background:#142331;color:#edf3f8;font-size:14px}
.ea-filter-note{grid-column:1/-1;margin:0!important;font-size:13px!important}.ea-filters>.cc-btn{justify-self:start}
.ea-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ea-metric{padding:24px;border-radius:15px;border:1px solid #4d6478;border-top-color:#708597;background:linear-gradient(145deg,#2b3f50,#1b2c3c);box-shadow:var(--ui-shadow);display:grid;align-content:start;gap:10px;transition:transform .18s,box-shadow .18s}
.ea-metric>span{font-size:14px;font-weight:650;color:#e0eaf2}.ea-metric strong{font-size:36px;line-height:1.2;color:#f5bc90;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #b371383b}.ea-metric i{font-size:13px;font-style:normal;font-weight:500}.ea-metric small{font-size:13px;color:#b9cddc;line-height:1.6}
.ea-table-tools{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.ea-table-tools label{min-width:200px}
.ea-view .ea-definition{font-size:13px;color:#b9ccdc;line-height:1.65;margin:14px 0}
.ea-table-scroll{max-width:100%}.ea-table{min-width:800px}.ea-table th{white-space:normal}.ea-table th:first-child{min-width:240px;max-width:430px;text-align:left;overflow-wrap:anywhere}.ea-table tbody th{font-size:14px;color:#e0ebf3;font-weight:550;border-bottom:1px solid #35495c}
.ea-table th small{display:block;font-size:12px;font-weight:400;color:#c4b9aa;margin-top:7px}.ea-table .ea-accent{color:#f4bd92;font-weight:700}
.ea-table-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;font-size:13px;color:#bccedd}
.ea-reply-search{max-width:540px;margin:20px 0}.ea-replies{display:grid;gap:18px}.ea-reply{padding:22px;border:1px solid #4d6477;border-radius:13px;background:linear-gradient(145deg,#2a3c4c,#1b2c3b);box-shadow:var(--ui-shadow-soft);transition:transform .18s}
.ea-reply-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ea-reply-head h3{margin:0 0 9px}.ea-reply-head span{font-size:13px;color:#bdcfdd;line-height:1.6}.ea-reply p{margin:16px 0}.ea-subject b{color:#f3bd92;margin-right:8px}.ea-reply details{margin-top:16px}.ea-reply summary{cursor:pointer;font-size:14px;color:#efbd97;line-height:1.7}.ea-reply dl{display:grid;grid-template-columns:140px 1fr;gap:12px 20px;font-size:14px;margin:20px 0}.ea-reply dt{color:#abc2d4}.ea-reply dd{margin:0;overflow-wrap:anywhere}.ea-pre{white-space:pre-wrap;line-height:1.75!important;padding:18px;background:#142331;border-radius:8px}
.ea-trend{display:grid;grid-template-columns:repeat(14,minmax(30px,1fr));gap:8px;overflow:auto;margin:25px 0 10px;padding:10px 0}
.ea-trend>div{text-align:center;display:grid;gap:9px;min-width:30px}.ea-trend b{font-size:12px;color:#d5e2eb}.ea-trend>div>div{height:105px;background:#122230;border-radius:6px;display:flex;align-items:end}.ea-trend i{display:block;width:100%;background:linear-gradient(#efb27f,#b66b38);border-radius:6px}.ea-trend small{font-size:11px;color:#b9cddd;white-space:nowrap}
.ea-method>summary{cursor:pointer;font-size:17px;font-weight:700}.ea-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.ea-detail-grid>div{display:grid;gap:8px}.ea-detail-grid b{font-size:25px;color:#f4bd94}.ea-detail-grid span{font-size:13px;color:#bfd0df;line-height:1.6}
:is(.read-fold,.read-guide,.read-progress,.ea-reply) summary:focus-visible{outline:2px solid #f3b682;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.ea-metric:hover,.ea-reply:hover,.read-fold:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0005}.read-jumps button:hover{transform:translateY(-2px)}}
@media(max-width:1150px){.ea-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.read-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}.read-outcomes>button{padding:19px}.top .opchip{margin-left:0}.cc-side-col{min-width:0}.read-guide dl{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.ea-heading{align-items:flex-start;flex-direction:column}.ea-refresh{display:flex;align-items:center;flex-wrap:wrap}.ea-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-main-grid,.read-progress-grid{grid-template-columns:1fr}.read-guide summary>span{float:none;display:block;margin:4px 0 0}.read-guide{margin:10px 12px 0}.top{padding:12px}.top #clock{margin-left:auto}.read-progress-grid .cc-badges{grid-template-columns:1fr 1fr}.ea-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.cc-dashboard{padding:20px 12px 36px!important}.cc-hero h1{font-size:30px;padding-right:0}.cc-hero p{font-size:15px;max-width:none}.cc-hero .cc-btn{font-size:13px}.cc-panel{padding:20px}.read-outcomes{gap:12px}.read-outcomes>button{padding:16px;min-height:155px}.cc-outcomes small{font-size:13px;min-height:40px}.cc-outcomes b{font-size:27px}.cc-outcomes em{font-size:12px;min-height:0}.cc-outcomes svg{width:22px;height:22px}.cc-task b{font-size:14px}.cc-task small,.cc-shortcut-grid small{font-size:12px}.cc-task-xp{font-size:12px;max-width:none}.cc-tabs{gap:7px;overflow:visible}.cc-tabs button{font-size:13px;padding:9px 12px}.ea-filters{grid-template-columns:1fr}.ea-metrics{gap:12px}.ea-metric{padding:18px}.ea-metric strong{font-size:30px}.ea-metric i{display:block;margin-top:6px}.ea-metric>span{min-height:42px;font-size:13px}.ea-metric small{font-size:12px}.ea-view .cc-section-head,.ea-reply-head{flex-direction:column;align-items:flex-start}.ea-reply{padding:18px}.ea-reply dl{grid-template-columns:1fr;gap:5px}.ea-reply dd{margin-bottom:12px}.ea-table-tools label{width:100%}.ea-detail-grid{grid-template-columns:1fr}.read-guide dl{grid-template-columns:1fr}.dbody{padding:18px 16px}.dstats{grid-template-columns:1fr 1fr}.read-fold{padding:16px}.qb{grid-template-columns:1fr 1fr}.vtog button{font-size:13px;padding:8px 10px}.top h2{width:100%}.cc-shortcut-grid b{font-size:14px}.read-progress>summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ea-metric,.ea-reply,.read-fold,.read-jumps button{transition:none;animation:none}.ea-metric:hover,.ea-reply:hover,.read-fold:hover,.read-jumps button:hover{transform:none}}
