:root{--primary:var(--brand-color);--primary-ink:#3c2115;--accent:#898989;--background:#f4f0ea;--surface:#fff;--text:#474747;--muted:#68615b;--heading-color:#3c2115;--normal:#287044;--warning:#985407;--danger:#b13535;--demo:#686868;--line:#e3dcd4;--soft:#e3dcd4;--notice:#f4f0ea;--radius:12px;--radius-sm:8px;--space:8px;--sidebar:244px;--shadow:0 8px 28px #3c211512;--font:Arial,'Microsoft YaHei',sans-serif;--tiny:12px;--small:13px;--body:14px;--heading:26px;--metric:29px;--white:#fff;--overlay:#3c211566;--stroke:1px;--weight:600;--badge-height:32px;--max-width:1600px;--control-height:44px;--drawer-width:640px;--modal-width:520px;--mobile-width:768px;--logo-width:200%;--logo-left:-50%;--logo-ratio:2/1;--emphasis-stroke:3px}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font:var(--body)/1.6 var(--font)}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus,select:focus{outline:2px solid var(--primary);outline-offset:3px}button{border:0;background:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:var(--heading);letter-spacing:-.6px}h2{font-size:18px;font-weight:var(--weight)}h3{font-size:15px;font-weight:var(--weight)}small{font-size:var(--small);color:var(--muted)}#workshop{position:fixed;left:0;top:0;z-index:10000;height:var(--badge-height);display:flex;align-items:center;padding:0 calc(var(--space)*2);background:var(--primary);color:var(--white);font-size:var(--small);font-weight:var(--weight);letter-spacing:.5px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:var(--stroke) solid var(--line);padding:calc(var(--space)*7) calc(var(--space)*3) calc(var(--space)*3);display:flex;flex-direction:column}.brand{display:grid;grid-template-columns:36px 1fr;gap:0 var(--space);align-items:center}.brand-mark{grid-row:span 2;border:var(--stroke) solid var(--accent);color:var(--primary);font-family:Georgia,serif;font-size:var(--heading);text-align:center}.brand strong{font-size:var(--body)}.brand small{font-size:var(--tiny)}.nav-caption{font-size:var(--tiny);color:var(--muted);margin:calc(var(--space)*6) 0 var(--space);letter-spacing:1px}nav{display:grid;gap:var(--space)}nav a{padding:calc(var(--space)*1.5);border-radius:var(--radius-sm);color:var(--muted);display:flex;gap:calc(var(--space)*1.5)}nav a.selected{color:var(--primary);background:var(--soft);font-weight:var(--weight)}.sidebar-note{margin-top:auto;color:var(--muted);border-top:var(--stroke) solid var(--line);padding-top:calc(var(--space)*2);font-size:var(--small)}.main-shell{margin-left:var(--sidebar);max-width:var(--max-width);padding:calc(var(--space)*5) calc(var(--space)*4)}header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space)*3);margin-bottom:calc(var(--space)*3)}header p{color:var(--muted);font-size:var(--small);margin-top:var(--space)}.eyebrow{font-size:var(--tiny);letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);font-weight:var(--weight)}.header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--space)*2)}.language{display:flex;align-items:center;color:var(--muted);font-size:var(--small)}.language button.active{font-weight:var(--weight);color:var(--primary)}select,input{background:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--radius-sm);min-height:var(--control-height);padding:var(--space) calc(var(--space)*1.5);max-width:100%}.period-label{display:flex;gap:var(--space);align-items:center;color:var(--muted);font-size:var(--small)}.notice{background:var(--notice);color:var(--demo);padding:calc(var(--space)*1.5) calc(var(--space)*2);border-radius:var(--radius-sm);display:flex;gap:var(--space);align-items:center;font-size:var(--small)}.notice-dot{width:var(--space);height:var(--space);background:var(--demo);border-radius:50%;flex-shrink:0}.summary{padding:calc(var(--space)*3) 0}.summary h2{font-size:20px;max-width:900px;margin:var(--space) 0}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--space)*1.5)}.metric,.area-card,.chart-panel,.settings-panel{background:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--radius);padding:calc(var(--space)*2.5)}.metric{padding:calc(var(--space)*2);min-width:0}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space);font-size:var(--small);color:var(--muted)}.info{border:var(--stroke) solid var(--line);border-radius:50%;padding:0;min-width:22px;min-height:22px;color:var(--muted)}.metric-value{display:block;text-align:left;font-size:clamp(20px,2.1vw,var(--metric));letter-spacing:-1px;font-weight:var(--weight);padding:calc(var(--space)*1.5) 0;white-space:nowrap}.comparison{font-size:var(--tiny);color:var(--muted);min-height:36px}.comparison.positive{color:var(--normal)}.comparison span{color:var(--muted);display:block}.metric small{display:block;font-size:var(--tiny)}.source{display:block;color:var(--demo);font-size:var(--tiny);margin-top:var(--space)}.attention-panel{background:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--radius);padding:calc(var(--space)*2.5);margin:calc(var(--space)*3) 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space)*2);gap:var(--space)}.count-pill{background:var(--soft);color:var(--primary);border-radius:var(--radius);padding:0 calc(var(--space)*1.5)}.attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 calc(var(--space)*3)}.attention-row{display:flex;gap:calc(var(--space)*1.5);align-items:center;border-top:var(--stroke) solid var(--line);padding:calc(var(--space)*1.5) 0}.attention-row>div:nth-child(2){flex:1;min-width:0}.attention-icon{background:var(--soft);color:var(--danger);border-radius:var(--radius-sm);width:30px;height:30px;text-align:center;flex-shrink:0;font-weight:var(--weight)}.attention-link{text-align:left;padding:0;font-size:var(--small)}.meta{color:var(--muted);font-size:var(--tiny)}.meta .source{display:inline-block;margin:0}.badge{display:inline-block;border-radius:var(--radius-sm);font-size:var(--tiny);padding:0 var(--space);border:var(--stroke) solid currentColor}.badge.demo{color:var(--demo)}.badge.warning{color:var(--warning)}.badge.normal{color:var(--normal)}.badge.danger{color:var(--danger)}.areas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--space)*2)}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space);margin-top:calc(var(--space)*1.5);font-size:var(--small)}.stat-row>span{color:var(--muted)}.stat-value{font-weight:var(--weight);padding:0;text-align:right}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--space)*2);margin:calc(var(--space)*3) 0}.chart-panel{min-width:0}.chart-panel .section-head{margin:0}.chart-panel svg{display:block;width:100%;margin-top:calc(var(--space)*2);overflow:visible}.chart-panel svg [data-action]{cursor:pointer}.axis{fill:var(--muted);font-family:var(--font);font-size:var(--tiny)}.grid{stroke:var(--line);stroke-width:var(--stroke)}.legend{display:flex;gap:calc(var(--space)*2);justify-content:center;flex-wrap:wrap;font-size:var(--tiny);margin-bottom:var(--space)}.legend i{display:inline-block;width:var(--space);height:var(--space);border-radius:50%;margin-right:var(--space)}footer{border-top:var(--stroke) solid var(--line);padding-top:calc(var(--space)*3);margin-top:calc(var(--space)*3);color:var(--muted);font-size:var(--small)}.scrim{position:fixed;inset:var(--badge-height) 0 0;z-index:200;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:calc(var(--space)*2)}.modal,.drawer{background:var(--surface);border-radius:var(--radius);padding:calc(var(--space)*4);max-height:100%;overflow:auto;width:var(--modal-width);max-width:100%;position:relative;box-shadow:var(--shadow)}.drawer{margin-left:auto;height:100%;width:var(--drawer-width)}.close{position:sticky;top:0;float:right;font-size:var(--heading);background:var(--surface);z-index:1;min-width:var(--control-height)}.locked{overflow:hidden}.multiline{white-space:pre-line;margin-top:calc(var(--space)*2)}.list-controls{display:flex;gap:var(--space);margin:calc(var(--space)*2) 0;flex-wrap:wrap}.list-controls input{flex:1;min-width:120px}.record{border-top:var(--stroke) solid var(--line);padding:calc(var(--space)*2) 0}.record-link{padding:0;text-align:left;color:var(--primary)}dl>div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:calc(var(--space)*2);padding:var(--space) 0;border-bottom:var(--stroke) solid var(--line)}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.history{border-left:2px solid var(--accent);padding-left:calc(var(--space)*2);margin-top:calc(var(--space)*2)}.empty{padding:calc(var(--space)*5);text-align:center;color:var(--muted)}.actions{display:flex;gap:var(--space);flex-wrap:wrap;margin:calc(var(--space)*3) 0}.primary,.secondary{border-radius:var(--radius-sm);padding:calc(var(--space)*1.5) calc(var(--space)*2)}.primary{background:var(--primary);color:var(--white)}.secondary{border:var(--stroke) solid var(--line);color:var(--danger)}table{border-collapse:collapse;width:100%;margin-top:calc(var(--space)*3);font-size:var(--small)}th,td{text-align:left;border-bottom:var(--stroke) solid var(--line);padding:calc(var(--space)*1.5)}th{color:var(--muted)}.table-scroll{overflow:auto}#toast{position:fixed;right:calc(var(--space)*3);bottom:calc(var(--space)*3);background:var(--text);color:var(--surface);padding:calc(var(--space)*2);border-radius:var(--radius-sm);z-index:500;display:none;max-width:90vw}#toast.visible{display:block}form label{display:grid;gap:var(--space);margin:calc(var(--space)*2) 0}#form-error{color:var(--danger)}
@media(min-width:1600px){.main-shell{margin-right:auto}}
@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-shell{padding:calc(var(--space)*5) calc(var(--space)*3)}}
@media(max-width:850px){.sidebar{position:relative;width:auto;padding:calc(var(--space)*6) calc(var(--space)*2) calc(var(--space)*2);border-right:0;border-bottom:var(--stroke) solid var(--line)}.brand{max-width:260px}.nav-caption,.sidebar-note{display:none}nav{display:flex;margin-top:calc(var(--space)*2)}nav a{padding:var(--space) calc(var(--space)*2)}.main-shell{margin-left:0;padding:calc(var(--space)*3) calc(var(--space)*2)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid,.attention-list{grid-template-columns:minmax(0,1fr)}header{align-items:flex-start}.header-tools{gap:var(--space)}.period-label{flex-direction:column;align-items:flex-end}.metric-value{font-size:var(--heading)}.summary h2{font-size:18px}.scrim{padding:var(--space)}.modal,.drawer{padding:calc(var(--space)*2)}.areas-grid{gap:var(--space)}.area-card{padding:calc(var(--space)*1.5)}}
@media(max-width:380px){.areas-grid{grid-template-columns:minmax(0,1fr)}.metric-value{font-size:22px}header h1{font-size:22px}}
@media(max-width:850px){.metric-value{font-size:clamp(16px,4.4vw,24px)}.chart-panel{overflow-x:auto}.chart-panel svg{min-width:500px}}
.sales-tabs{display:flex;flex-wrap:wrap;gap:var(--space);margin:calc(var(--space)*3) 0}.sales-tabs a{border:var(--stroke) solid var(--line);background:var(--surface);white-space:nowrap}.sales-tabs a.selected{border-color:var(--primary)}.sales-help{color:var(--muted);font-size:var(--small);margin:calc(var(--space)*2) 0}.sales-table-section{background:var(--surface);padding:calc(var(--space)*3);border:var(--stroke) solid var(--line);border-radius:var(--radius);margin:calc(var(--space)*3) 0;min-width:0}.sales-table-section table{min-width:720px;margin-top:0}.sales-table-section td{max-width:240px;overflow-wrap:anywhere}.sales-summary{margin-top:calc(var(--space)*3)}.row-actions{display:flex;gap:var(--space);white-space:nowrap}.text-button{color:var(--primary);padding:var(--space)}.grid-count{font-size:var(--small);color:var(--muted);margin-top:var(--space)}textarea{font:inherit;color:var(--text);border:var(--stroke) solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:var(--space);min-height:100px;width:100%;resize:vertical}.lead-board{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:calc(var(--space)*2);overflow:auto;padding-bottom:calc(var(--space)*2)}.board-column{padding:calc(var(--space)*2);background:var(--soft);border-radius:var(--radius)}.lead-card{padding:calc(var(--space)*2);margin-top:calc(var(--space)*2);background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.lead-card small{display:block}.lead-card p{font-size:var(--small);color:var(--muted);margin:var(--space) 0}.main-shell main{min-width:0}.list-controls select{max-width:100%}
@media(max-width:850px){.sales-tabs{overflow-x:auto;flex-wrap:nowrap}.sales-table-section{padding:calc(var(--space)*2)}.sales-table-section .section-head{align-items:flex-start}.sales-summary .metric-value{font-size:var(--heading)}}
.daily-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:calc(var(--space)*2)}.daily-controls label{display:grid;gap:var(--space);font-size:var(--small);color:var(--muted)}.daily-controls .secondary{color:var(--primary);padding:var(--space)}.daily-total{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--space)*2);margin-top:calc(var(--space)*2)}.daily-total>span{color:var(--muted)}.daily-services table{min-width:0}.share-display{display:flex;align-items:center;gap:var(--space)}.share-display span{min-width:48px;text-align:right}.share-display progress{width:100%;min-width:48px;height:var(--space);border:0;border-radius:var(--radius-sm);overflow:hidden;appearance:none;background:var(--soft);accent-color:var(--primary)}.share-display progress::-webkit-progress-bar{background:var(--soft)}.share-display progress::-webkit-progress-value{background:var(--primary);border-radius:var(--radius-sm)}.share-display progress::-moz-progress-bar{background:var(--primary)}.daily-services th:nth-child(1){width:45%}.daily-services th:nth-child(2){width:15%}.daily-services th:nth-child(3){width:40%}@media(max-width:500px){.daily-services td,.daily-services th{padding:var(--space);font-size:var(--small)}.share-display progress{display:none}.daily-controls .row-actions{flex-wrap:wrap}}
.customer-reports{margin:calc(var(--space)*3) 0;padding:calc(var(--space)*2);border:var(--stroke) solid var(--line);border-radius:var(--radius-sm)}.report-upload{display:grid;gap:var(--space)}.report-upload input{max-width:100%;font-size:var(--small)}.report-file{border-top:var(--stroke) solid var(--line);padding:calc(var(--space)*2) 0;overflow-wrap:anywhere}.report-file small{display:block}.pdf-frame{width:100%;height:65vh;border:var(--stroke) solid var(--line);margin:calc(var(--space)*2) 0}
.report-upload{position:relative}.report-upload .report-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-pick{display:inline-block;text-align:center}.report-upload:focus-within{outline:2px solid var(--primary);outline-offset:3px}
.operator-panel{padding:calc(var(--space)*2);margin-bottom:calc(var(--space)*2);border:var(--stroke) solid var(--line);border-radius:var(--radius);background:var(--surface)}.operator-controls{display:flex;flex-wrap:wrap;gap:calc(var(--space)*2);margin-bottom:var(--space)}.operator-controls label{display:grid;gap:var(--space);font-size:var(--small)}.workflow-panel{border-bottom:var(--stroke) solid var(--line);padding-bottom:calc(var(--space)*2);margin-bottom:calc(var(--space)*2)}.workflow-panel .actions{margin:var(--space) 0;align-items:center}.workflow-panel .primary:disabled{opacity:.45;cursor:not-allowed}.linked-record{margin:var(--space) 0;padding:var(--space);border:var(--stroke) solid var(--line);border-radius:var(--radius-sm)}.linked-record small{display:block;overflow-wrap:anywhere}.commission-formula{font-weight:var(--weight);color:var(--primary)}.lead-board{grid-template-columns:repeat(6,minmax(220px,1fr))}
.sales-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:calc(var(--space)*3)}.sales-alert-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--space)*3);margin-top:calc(var(--space)*2)}.sales-alert-groups>section{min-width:0}.alert-record{border-top:var(--stroke) solid var(--line);padding:var(--space) 0;overflow-wrap:anywhere}.alert-record small{display:block}.sales-chart svg{max-height:none}.achievement-list{display:grid;gap:var(--space);margin-top:calc(var(--space)*2);font-size:var(--small)}.achievement-list>div{display:flex;justify-content:space-between;gap:var(--space)}.sales-ceo-preview{border:var(--stroke) solid var(--line);border-radius:var(--radius);padding:calc(var(--space)*2);margin-bottom:calc(var(--space)*3);background:var(--notice)}.sales-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-analytics-card .comparison{min-height:48px}.sales-analytics-card .metric-value{white-space:normal;overflow-wrap:anywhere}@media(max-width:850px){.sales-analytics-grid,.sales-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-alert-groups{grid-template-columns:minmax(0,1fr)}}@media(max-width:380px){.sales-analytics-grid,.sales-preview-grid{grid-template-columns:minmax(0,1fr)}}

.sales-connected{border:2px solid var(--primary);background:var(--background);}

/* Shared presentation only: CEO, Sales OS and Settings. */
.brand{grid-template-columns:minmax(0,1fr)}
.brand strong{font-size:var(--body);color:var(--text);overflow-wrap:anywhere}
.brand small{grid-column:1}
button,.sales-tabs a{max-width:100%;white-space:normal;overflow-wrap:anywhere}
button:disabled{cursor:not-allowed;opacity:.5}
.primary,.secondary,.text-button,.sales-tabs a{min-height:var(--control-height)}
.primary{font-weight:var(--weight)}
.primary:hover:not(:disabled){box-shadow:var(--shadow)}
.secondary,.text-button,.record-link,nav a.selected,.language button.active{color:var(--primary-ink)}
.primary:disabled{opacity:.5}
.metric-value{color:var(--text);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.metric-head>span,.section-head>div,header>div{min-width:0;overflow-wrap:anywhere}
.metric-head .info{flex-shrink:0}
.section-head{flex-wrap:wrap}
.row-actions{flex-wrap:wrap;white-space:normal}
.sales-tabs a{display:flex;align-items:center}
.sales-tabs a.selected{background:var(--soft);color:var(--primary-ink);font-weight:var(--weight)}
.metric,.area-card,.chart-panel,.settings-panel,.sales-table-section{box-shadow:var(--shadow)}
.metric{border-top:var(--emphasis-stroke) solid var(--primary)}
th{background:var(--background);font-weight:var(--weight)}
th,td{vertical-align:top}
tbody tr:hover{background:var(--background)}
input,select,textarea{border-color:var(--muted);min-width:0;accent-color:var(--primary)}
textarea:focus{outline:2px solid var(--primary);outline-offset:3px}
.badge{white-space:normal;overflow-wrap:anywhere;font-weight:var(--weight)}
@media(max-width:850px){nav{flex-wrap:wrap}.sales-tabs a{flex-shrink:0}.header-tools{min-width:0}.period-label{max-width:100%}}

h1,h2,h3,.brand strong{color:var(--heading-color)}
.brand-logo{display:block;position:relative;width:100%;aspect-ratio:var(--logo-ratio);overflow:hidden;background:var(--surface);margin-bottom:var(--space)}
.brand-logo img{position:absolute;width:var(--logo-width);max-width:none;height:auto;left:var(--logo-left);top:50%;transform:translateY(-50%)}


/* PROMPT 08: shared responsive presentation; no business state changes. */
.nav-menu>summary{display:none;cursor:pointer;min-height:var(--control-height);padding:var(--space);border:var(--stroke) solid var(--line);border-radius:var(--radius-sm);font-weight:var(--weight);color:var(--primary-ink)}
.chart-figures{display:none}
button,summary{touch-action:manipulation}
@media(max-width:850px){
 .sidebar{display:block;padding:calc(var(--space)*6) calc(var(--space)*2) calc(var(--space)*2)}
 .brand{max-width:210px;grid-template-columns:88px minmax(0,1fr);column-gap:var(--space);margin-bottom:var(--space)}
 .brand-logo{grid-row:span 2;margin:0}.brand small{grid-column:2}.brand strong{font-size:var(--small)}
 .nav-menu>summary{display:list-item;list-style-position:inside}
 .nav-menu>nav{margin:var(--space) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space)}
 .nav-menu nav a{min-height:var(--control-height);white-space:normal;min-width:0;align-items:center;padding:var(--space)}
 .department-menu{margin:calc(var(--space)*2) 0}
 .department-menu .sales-tabs{overflow:visible;flex-wrap:wrap}
 button,.info,.close{min-height:var(--control-height)}
 .info,.close,.language button{min-width:var(--control-height)}
 .metric-head{align-items:flex-start}.metric-head>span{padding-top:var(--space)}
 .metrics-grid,.sales-analytics-grid,.sales-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space)}
 .metric{padding:calc(var(--space)*1.5)}
 .metric-value,.sales-summary .metric-value{font-size:clamp(17px,4.5vw,26px);letter-spacing:-.5px}
 .metric-value{width:100%;text-align:left}
 .header-tools{flex-shrink:0}.main-shell{padding:calc(var(--space)*2)}
 header{gap:var(--space)}header h1{font-size:22px}
 .notice{align-items:flex-start}.notice-dot{margin-top:var(--space)}
 .list-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .list-controls input{grid-column:1/-1;min-width:0;width:100%}
 .list-controls select{width:100%;min-width:0}
 .operator-controls,.daily-controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .operator-controls label,.daily-controls label{min-width:0}
 input,select,textarea{width:100%;min-height:var(--control-height);font-size:16px}
 form label{grid-template-columns:minmax(0,1fr)}
 .scrim{padding:var(--space);height:calc(100dvh - var(--badge-height))}
 .modal,.drawer{width:100%;max-width:100%;height:auto;max-height:100%;min-width:0;overflow:auto;padding:calc(var(--space)*2)}
 #modal-body{min-width:0;overflow-wrap:anywhere}.drawer{height:100%}
 dl>div{grid-template-columns:minmax(0,1fr);gap:0}
 .table-scroll{overflow:visible}.sales-table-section table,.responsive-table{width:100%;min-width:0!important;display:block}
 .responsive-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .responsive-table tbody{display:grid;gap:calc(var(--space)*2);width:100%}
 .responsive-table tr{display:block;min-width:0;border:var(--stroke) solid var(--line);border-radius:var(--radius-sm);padding:var(--space);background:var(--surface)}
 .responsive-table td,.sales-table-section .responsive-table td{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space);width:auto;max-width:none;min-width:0;padding:var(--space);overflow-wrap:anywhere;align-items:start}
 .responsive-table td::before{content:attr(data-label);color:var(--muted);font-weight:var(--weight);min-width:0}
 .responsive-table td[colspan]{display:block}.responsive-table td[colspan]::before{display:none}
 .responsive-table td>.badge{justify-self:start}.responsive-table td>*{min-width:0;max-width:100%}
 .responsive-table .row-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .responsive-table .row-actions button{border:var(--stroke) solid var(--line);border-radius:var(--radius-sm)}
 .share-display{flex-wrap:wrap}.share-display progress{display:block;width:100%}
 .lead-board{grid-template-columns:minmax(0,1fr);overflow:visible}.board-column,.lead-card{min-width:0;overflow-wrap:anywhere}
 .chart-panel{overflow:visible;padding:calc(var(--space)*2)}
 .chart-panel svg{min-width:0;width:100%;height:auto;overflow:hidden}
 .chart-figures{display:block;margin:var(--space) 0}
 .chart-figures h4{margin:var(--space) 0;color:var(--heading-color)}
 .chart-figure{border-top:var(--stroke) solid var(--line);padding:var(--space) 0;overflow-wrap:anywhere}
 .chart-figure>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space);min-width:0}
 .chart-figure>div>span{min-width:0;flex:1}.chart-figure button{flex-shrink:0;max-width:60%;text-align:right;font-variant-numeric:tabular-nums}
 .chart-figure i{display:inline-block;width:var(--space);height:var(--space);border-radius:50%;margin-right:var(--space)}
 .legend{justify-content:flex-start;gap:var(--space)}
 .actions{gap:var(--space)}.actions button{flex:1 1 130px}
 .section-head label{max-width:100%;min-width:0}
 .count-pill{min-width:var(--control-height)}
 .attention-link,.record-link,.stat-value{min-height:var(--control-height)}
 .history small{display:block;overflow-wrap:anywhere}
}
@media(max-width:420px){
 .charts-grid,.areas-grid{grid-template-columns:minmax(0,1fr)}
 .responsive-table td,.sales-table-section .responsive-table td{grid-template-columns:minmax(0,1fr);gap:0}
 .responsive-table .row-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space)}
 .chart-figure>div{flex-wrap:wrap}.chart-figure button{max-width:100%}
}

@media(max-width:850px){.chart-figure>strong{display:block;margin-bottom:var(--space)}}