/* Punto OS. Breakpoints: phone <640, tablet <1024, desktop >=1024. */
:root {
  color-scheme: dark;
  --page:#101318; --surface:#191d24; --surface-raised:#202630; --sidebar:#13171d;
  --text:#f1f3f7; --text-secondary:#a7b0bf; --text-muted:#9ba7b8; --border:#323a46;
  --primary:#8bb6ff; --primary-solid:#245cc9; --on-primary:#fff; --selected:#21314b;
  --success:#82d5ad; --warning:#edc27b; --critical:#ffa1aa; --ai:#cbb4f6;
  --shadow:0 8px 28px #00000016; --radius-sm:8px; --radius:16px; --radius-lg:20px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px; --s12:48px;
  --font: 'Segoe UI', system-ui, -apple-system, sans-serif; --text-xs:.75rem; --text-sm:.8125rem; --text-base:.9375rem; --title:2.6rem; --metric:2.25rem;
  --sidebar-width:232px; --content-width:1440px; --header-height:80px; --touch:44px;
  --fast:140ms; --normal:220ms; --ease:cubic-bezier(.2,.7,.2,1);
  --z-nav:20; --z-overlay:40;
}
.ceo-intro {display:flex;justify-content:space-between;gap:var(--s6);align-items:flex-start;margin-bottom:var(--s6)}
.ceo-intro h1 {font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.035em;margin:var(--s2) 0}
.ceo-intro .intro-description {margin-bottom:var(--s2)}
.ceo-period-bar {display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap}
.ceo-period.field {flex-direction:row;align-items:center;margin:0;gap:var(--s3)}
.ceo-preview {font-size:var(--text-sm);margin-bottom:var(--s6);display:block}
.business-pulse {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s10);padding:var(--s8)}
.pulse-main h2 {font-size:1.1rem;margin:var(--s4) 0}
.pulse-value {font-size:clamp(2.6rem,5vw,4rem);line-height:1.1;font-weight:600;letter-spacing:-.04em;margin-bottom:var(--s4);font-variant-numeric:tabular-nums}
.pulse-value,.branch-sales,.financial-value,.operation-value {overflow-wrap:anywhere;min-width:0}
.pulse-main>.badge {margin-top:var(--s4)}
.pulse-goal {border-left:1px solid var(--border);padding-left:var(--s8);display:flex;flex-direction:column;justify-content:center}
.goal-heading,.branch-target {display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);gap:var(--s3)}
.goal-heading strong {font-size:1.5rem;font-weight:500}
.pulse-insight {display:flex;gap:var(--s3);align-items:flex-start;margin-top:var(--s5);font-size:var(--text-sm)}
.pulse-insight>span {font-size:1.6rem;color:var(--primary)}
.ceo-branch h3 {font-size:var(--text-sm);font-weight:500}
.branch-sales {font-size:1.8rem;margin:var(--s5) 0;font-variant-numeric:tabular-nums}
.branch-target {color:var(--text-secondary)}
.ceo-branch .progress-block {margin-top:var(--s3)}
.metric-provenance {font-size:var(--text-xs);margin-top:var(--s4);color:var(--text-secondary)}
.metric-provenance summary {min-height:44px;display:flex;align-items:center;cursor:pointer;gap:var(--s2);color:var(--primary)}
.metric-provenance summary::before {content:'ⓘ';color:var(--text-muted)}
.metric-provenance dl {display:grid;grid-template-columns:90px minmax(0,1fr);gap:var(--s3);line-height:1.5;margin:var(--s3) 0}
.metric-provenance dd {margin:0;overflow-wrap:anywhere;color:var(--text)}
.ceo-action-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s6);margin-top:var(--s8);align-items:start}
.ceo-action-grid .section-heading {align-items:flex-start;flex-wrap:wrap}
.attention-item {padding:var(--s5) 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--s4)}
.attention-item h3 {font-size:var(--text-sm);margin:var(--s3) 0;overflow-wrap:anywhere}
.attention-item .text-link {flex-shrink:0;align-self:center}
.attention-empty {padding:var(--s6) 0;font-size:var(--text-sm);color:var(--text-secondary)}
.attention-footnote {margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--border)}
.local-agenda-label {padding-bottom:var(--s3)}
.agenda-empty {text-align:center;padding:var(--s8) 0;color:var(--text-secondary)}
.agenda-empty>span {font-size:2rem;color:var(--text-muted)}
.agenda-empty h3 {margin:var(--s4) 0;color:var(--text);font-size:var(--text-sm)}
.agenda-empty p {font-size:var(--text-sm)}
.agenda-group {margin-top:var(--s6)}
.agenda-group>h3 {font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;padding-bottom:var(--s3);border-bottom:1px solid var(--border)}
.reminder-item {padding:var(--s4) 0;border-bottom:1px solid var(--border)}
.reminder-top {display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--text-sm);align-items:flex-start}
.reminder-top strong {overflow-wrap:anywhere;font-weight:500;min-width:0}
.reminder-top .badge {flex-shrink:0}
.reminder-item>p {margin-top:var(--s2)}
.reminder-note {font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}
.reminder-actions {display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}
.reminder-actions details {flex-basis:100%}
.reminder-actions summary {cursor:pointer;min-height:44px;display:flex;align-items:center}
.reminder-item.completed .reminder-top strong {text-decoration:line-through;color:var(--text-secondary)}
.form-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
textarea {font:inherit;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--s3);width:100%;resize:vertical}
input[type=date] {min-width:0;width:100%}
#reminder-error,#period-error {color:var(--critical);font-size:var(--text-sm);margin-bottom:var(--s4)}
.ceo-operations {grid-template-columns:repeat(4,minmax(0,1fr))}
.operation-card h3 {font-size:var(--text-sm);font-weight:500}
.operation-value {font-size:1.9rem;margin:var(--s4) 0}
.financial-strip {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
.financial-item+div {border-left:1px solid var(--border);padding-left:var(--s6)}
.financial-item h3 {font-size:var(--text-sm);font-weight:500}
.financial-value {font-size:1.7rem;margin:var(--s4) 0}
.financial-note {margin-top:var(--s4)}
@media(max-width:1279px){.ceo-operations{grid-template-columns:repeat(2,minmax(0,1fr))}.business-pulse{gap:var(--s6)}}
@media(max-width:1023px){.ceo-branches .three{grid-template-columns:repeat(3,minmax(0,1fr))}.ceo-action-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:639px){.ceo-intro{display:block}.ceo-intro>.badge{margin-top:var(--s4)}.business-pulse{grid-template-columns:1fr;padding:var(--s5);gap:var(--s6)}.pulse-goal{border-left:0;border-top:1px solid var(--border);padding:var(--s5) 0 0}.ceo-branches .three,.ceo-action-grid,.ceo-operations,.financial-strip{grid-template-columns:1fr}.financial-item+div{border-left:0;border-top:1px solid var(--border);padding:var(--s5) 0 0}.ceo-action-grid{margin-top:var(--s6)}.form-pair{grid-template-columns:1fr;gap:0}.attention-item{flex-wrap:wrap}.reminder-top{flex-wrap:wrap}.ceo-period-bar>.metadata{flex-basis:100%}.metric-provenance dl{grid-template-columns:75px minmax(0,1fr)}.ceo-intro h1{line-height:1.15}}
[data-theme="light"] {
  color-scheme:light; --page:#f3f5f8; --surface:#fff; --surface-raised:#edf1f6; --sidebar:#fafbfc;
  --text:#182231; --text-secondary:#516075; --text-muted:#5c6a7c; --border:#d3dbe6;
  --primary:#245bb4; --selected:#e6effd; --success:#216748; --warning:#82550c; --critical:#ad2637; --ai:#7042a3;
  --shadow:0 6px 20px #22304408;
}
* {box-sizing:border-box} html {background:var(--page);scroll-padding-top:var(--s6)}
body {margin:0;font-family:var(--font);font-size:var(--text-base);line-height:1.5;color:var(--text);background:var(--page);transition:background var(--normal) var(--ease),color var(--normal) var(--ease)}
button,input,select {font:inherit} button,a,input,select,summary {-webkit-tap-highlight-color:transparent}
button {cursor:pointer} a {color:inherit;text-decoration:none} button {color:inherit} h1,h2,h3,p,figure {margin:0} h2 {font-size:1.0625rem;font-weight:600;letter-spacing:-.02em} h3 {font-size:var(--text-base);font-weight:600;margin:var(--s3) 0 var(--s2)}
:focus-visible {outline:3px solid var(--primary);outline-offset:4px} button:disabled {cursor:not-allowed;opacity:.5}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link {position:fixed;left:var(--s4);top:-100px;background:var(--surface);padding:var(--s4);z-index:var(--z-overlay)} .skip-link:focus {top:var(--s4)}
.sidebar {position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--border);padding:var(--s6) var(--s4) var(--s4);display:flex;flex-direction:column;z-index:var(--z-nav);overflow-y:auto}
.brand {display:flex;align-items:center;gap:var(--s3);font-size:1.45rem;font-weight:600;margin:0 var(--s2) var(--s6)} .brand-mark {display:grid;place-items:center;width:40px;height:40px;background:var(--primary-solid);color:var(--on-primary);border-radius:var(--radius-sm);font-size:1.7rem}.brand-sub {display:block;font-size:.58rem;letter-spacing:.16em;color:var(--text-secondary);margin-top:2px}
.nav-group {margin-bottom:var(--s3)} .nav-group>p {font-size:.625rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--s3);margin-bottom:var(--s1)}
.sidebar nav a,.account>a {display:flex;gap:var(--s3);align-items:center;min-height:38px;padding:var(--s2) var(--s3);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-sm)}
.nav-icon {width:20px;display:inline-grid;place-items:center;font-size:1.1rem}.sidebar a[aria-current],.mobile-nav a[aria-current] {color:var(--primary);background:var(--selected);font-weight:600}.sidebar nav a:hover,.account>a:hover {background:var(--surface-raised);color:var(--text)}
.account {margin-top:auto;padding-top:var(--s4);border-top:1px solid var(--border)} .identity {display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s2) 0;font-size:var(--text-sm)}.identity .metadata {display:block;font-size:.7rem}
.workspace {margin-left:var(--sidebar-width)} .header {min-height:var(--header-height);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s8)}
.search-trigger {border:0;background:none;display:flex;align-items:center;gap:var(--s3);color:var(--text-secondary);font-size:var(--text-sm);min-height:var(--touch)}.search-trigger>span:first-child {font-size:1.6rem} kbd {font-family:inherit;font-size:.65rem;border:1px solid var(--border);padding:2px 6px;border-radius:4px}
.header-controls {display:flex;align-items:center;gap:var(--s2)} .button {display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--touch);padding:var(--s2) var(--s4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);font-weight:500;transition:background var(--fast),transform var(--fast)} .button.primary {background:var(--primary-solid);color:var(--on-primary);border-color:var(--primary-solid)}.button:hover {background:var(--surface-raised)}.button.primary:hover {filter:brightness(1.15)}.button:active {transform:translateY(1px)}
.icon-button,.avatar {border:0;background:none;min-width:var(--touch);height:var(--touch);border-radius:var(--radius-sm);display:inline-grid;place-items:center;font-size:1.25rem}.icon-button:hover {background:var(--surface-raised)}.avatar {background:var(--surface-raised);border:1px solid var(--border);border-radius:50%;font-size:var(--text-sm);font-weight:600;width:36px;height:36px;min-width:36px}
select,input {color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:var(--touch);padding:var(--s2) var(--s3);max-width:100%}.period select {border:0;background:transparent;font-size:var(--text-sm);max-width:145px}option {background:var(--surface);color:var(--text)}
.page-container {max-width:var(--content-width);margin:0 auto;padding:var(--s10) var(--s8) var(--s8);outline:none}
.page-intro {display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s6)}.eyebrow {font-size:.625rem;font-weight:600;letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--s3)}h1 {font-size:var(--title);line-height:1.2;font-weight:600;letter-spacing:-.045em;overflow-wrap:anywhere}.subtle {color:var(--text-secondary)}.intro-description {color:var(--text-secondary);margin-top:var(--s3);font-size:var(--text-sm)}
.badge {display:inline-flex;align-items:center;white-space:normal;font-size:.6875rem;font-weight:500;padding:var(--s1) var(--s2);border-radius:6px;background:var(--surface-raised);color:var(--primary);line-height:1.4}.badge.success,.change.success {color:var(--success)}.badge.warning,.change.warning {color:var(--warning)}.badge.critical {color:var(--critical)}.badge.ai {color:var(--ai)}
.preview-notice {display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--s8)}.preview-notice>span {color:var(--primary);font-size:1.1rem}.preview-notice strong {color:var(--text);font-weight:500}
.section {margin-top:var(--s8)}.section-heading {display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.grid {display:grid;gap:var(--s4)}.grid>* {min-width:0}.kpis {grid-template-columns:repeat(4,minmax(0,1fr))}.two {grid-template-columns:repeat(2,minmax(0,1fr))}.three {grid-template-columns:repeat(3,minmax(0,1fr))}.overview {grid-template-columns:1.4fr 1fr;margin-top:var(--s6)}
.card {padding:var(--s6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);min-width:0;transition:border-color var(--fast),box-shadow var(--normal)}.card-label {font-size:var(--text-sm);color:var(--text-secondary)}.metric {font-size:var(--metric);font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.25;margin:var(--s4) 0}.metadata {font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}.coverage {display:inline-flex;align-items:center;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap}.help {position:relative}.help summary {cursor:pointer;border:1px solid var(--border);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:.7rem;color:var(--text-secondary)}.help p {margin-top:var(--s2);font-size:var(--text-xs);max-width:28ch}.help[open] {width:100%}.help[open] summary {float:none}
.tabs {display:flex;gap:var(--s5);border-bottom:1px solid var(--border)}.tabs a {font-size:var(--text-xs);padding:var(--s3) 0;min-height:var(--touch);color:var(--text-secondary)}.tabs a[aria-current] {color:var(--primary);border-bottom:2px solid var(--primary)}
.empty-state {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:230px;padding:var(--s6);color:var(--text-secondary)}.empty-state h3 {color:var(--text);font-size:var(--text-sm)}.empty-state p {max-width:45ch;font-size:var(--text-xs)}.empty-icon {font-size:1.8rem;color:var(--text-muted);margin-bottom:var(--s2)}.chart-footer {border-top:1px solid var(--border);padding-top:var(--s3);font-size:.7rem;color:var(--text-muted)}
.branch {padding:var(--s4) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm);gap:var(--s3)}.branch:last-of-type {border:0}.row {display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}.branch+.metadata {margin-top:var(--s3)}
.progress-block {margin-top:var(--s5);font-size:var(--text-sm)}progress,.progress-track {display:block;width:100%;height:7px;border-radius:6px;border:0;background:var(--surface-raised);margin:var(--s4) 0;overflow:hidden}progress {accent-color:var(--primary)}progress::-webkit-progress-bar {background:var(--surface-raised)}progress::-webkit-progress-value {background:var(--primary);border-radius:6px}progress::-moz-progress-bar {background:var(--primary)}
.assistant {display:flex;align-items:center;gap:var(--s5);margin-top:var(--s8);border-color:var(--border)}.assistant-mark {display:grid;place-items:center;border-radius:var(--radius-sm);width:48px;height:48px;background:var(--surface-raised);color:var(--ai);font-size:1.7rem;flex-shrink:0}.assistant p {font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--s1)}.assistant .button {margin-left:auto;color:var(--ai)}.assistant-page {margin-top:var(--s8)}.assistant-page h2 {margin:var(--s5) 0}.assistant-page p {color:var(--text-secondary)}.suggestions {display:flex;flex-wrap:wrap;gap:var(--s3);margin:var(--s6) 0}
.text-link,.text-button {color:var(--primary);font-size:var(--text-xs);display:inline-flex;align-items:center;min-height:var(--touch);margin-top:var(--s3)}.text-button {border:0;background:none;padding:0;margin:0}.page-footer {display:flex;justify-content:space-between;align-items:center;margin-top:var(--s8);font-size:var(--text-xs);color:var(--text-muted)}
.mobile-nav,.mobile-assistant {display:none}dialog {background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s6);width:min(560px,calc(100% - 32px));max-height:85dvh;box-shadow:var(--shadow);z-index:var(--z-overlay)}dialog::backdrop {background:#0009}.dialog-heading {display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s5)}#dialog-body>p {margin-bottom:var(--s3)}.field {display:flex;flex-direction:column;gap:var(--s2);font-size:var(--text-sm);margin:var(--s4) 0}.more-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}.more-nav a,.command-link {padding:var(--s3);min-height:var(--touch);border-radius:var(--radius-sm);font-size:var(--text-sm)}.more-nav a:hover,.command-link:hover {background:var(--surface-raised)}.command-link {display:flex;justify-content:space-between;gap:var(--s3)}.command-link span {color:var(--text-muted);font-size:var(--text-xs)}
.chart {margin:var(--s4) 0;font-size:var(--text-xs);color:var(--text-secondary)}.chart svg {width:100%;height:auto;display:block}.chart details {margin-top:var(--s2)}.comparison {display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);font-variant-numeric:tabular-nums}.comparison dd {margin:0;text-align:right}.change {font-size:1.5rem;font-variant-numeric:tabular-nums}.quality-list {display:flex;flex-wrap:wrap;gap:var(--s4)}
.table-container {max-width:100%;overflow:auto}table {border-collapse:collapse;width:100%;font-size:var(--text-sm);text-align:left;min-width:480px}caption {text-align:left;color:var(--text-secondary);font-size:var(--text-xs);padding:var(--s4) 0}th,td {padding:var(--s4);border-bottom:1px solid var(--border)}th {font-weight:500;color:var(--text-secondary)}th button {background:none;border:0;padding:0;min-height:var(--touch);text-align:left} .skeleton {height:90px;background:var(--surface-raised);border-radius:var(--radius-sm);animation:skeleton 1.8s ease-in-out infinite}@keyframes skeleton {50%{opacity:.45}}.error-state {padding:var(--s4);border-left:3px solid var(--critical);font-size:var(--text-sm)}#gallery>.grid,#gallery>.card {margin-top:var(--s5)}.controls-demo {justify-content:flex-start;flex-wrap:wrap}
@media(min-width:1600px){:root{--sidebar-width:248px}.page-container{padding-top:var(--s12)}}
@media(max-width:1279px){.search-trigger kbd{display:none}.search-trigger>span:nth-child(2){max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header{padding:var(--s4) var(--s6)}.page-container{padding:var(--s8) var(--s6)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1023px){.sidebar{display:none}.workspace{margin-left:0}.header{padding:var(--s3) var(--s6)}.header .button{display:none}.mobile-nav{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;background:var(--sidebar);border-top:1px solid var(--border);padding:var(--s2) var(--s3) calc(var(--s2) + env(safe-area-inset-bottom));z-index:var(--z-nav)}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;min-height:48px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:.7rem}.mobile-nav .nav-icon,.mobile-nav button>span{font-size:1.25rem}.mobile-assistant{display:block;position:fixed;right:var(--s4);bottom:calc(80px + env(safe-area-inset-bottom));padding:var(--s3) var(--s4);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);color:var(--ai);border-radius:var(--radius);font-size:var(--text-xs);min-height:var(--touch);z-index:var(--z-nav)}.page-container{padding-bottom:calc(170px + env(safe-area-inset-bottom))}}
@media(max-width:639px){:root{--title:2rem;--metric:2.125rem}.header{padding:var(--s2) var(--s4);min-height:64px;gap:var(--s1)}.header-controls{gap:var(--s1)}.search-trigger{padding:0;min-width:var(--touch)}.search-trigger>span:nth-child(2){display:none}.period select{max-width:92px;padding-left:var(--s1);font-size:var(--text-xs)}.header .avatar{width:44px;height:44px;min-width:44px}.page-container{padding-left:var(--s4);padding-right:var(--s4);padding-top:var(--s6)}.page-intro{display:block}.page-intro>.badge{margin-top:var(--s4)}.section-heading{align-items:flex-start;flex-wrap:wrap}.kpis,.two,.three,.overview{grid-template-columns:1fr}.kpi{padding:var(--s5)}.kpi .metric{margin:var(--s3) 0}.card{padding:var(--s5)}.assistant{gap:var(--s3);flex-wrap:wrap}.assistant>div:nth-child(2){flex:1;min-width:180px}.assistant .button{margin-left:0;width:100%}.page-footer{align-items:flex-start;gap:var(--s3)}.branch{flex-wrap:wrap}.more-nav{grid-template-columns:1fr}.command-link span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.employee-workspace {max-width:960px;margin:0 auto;min-height:100dvh}
.employee-header {display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s6);border-bottom:1px solid var(--border)}
.employee-brand {display:flex;align-items:center;gap:var(--s3);font-weight:600;font-size:1.2rem}
.employee-header .avatar {width:44px;height:44px;min-width:44px}
.employee-workspace .page-container {padding-bottom:calc(140px + env(safe-area-inset-bottom))}
.personal-intro {margin-bottom:var(--s6)}
.personal-period {margin:var(--s5) 0;font-size:var(--text-sm);flex-wrap:wrap}
.personal-goal .row {flex-wrap:wrap}
.personal-progress {display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap}
.goal-denominator {color:var(--text-secondary);font-size:1.2rem;letter-spacing:0}
.personal-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin:var(--s6) 0}
.personal-stats>div {display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.personal-stats strong {font-size:1.65rem;font-weight:600;font-variant-numeric:tabular-nums}
.personal-stats small {color:var(--text-secondary);font-size:var(--text-xs)}
.published-rules {margin-top:var(--s6);font-size:var(--text-sm);color:var(--text-secondary)}
.published-rules summary {cursor:pointer;min-height:var(--touch);padding:var(--s2) 0;color:var(--primary)}
.published-rules p {margin-bottom:var(--s3)}
.reward-ladder {list-style:none;padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.reward-ladder li {display:flex;align-items:center;gap:var(--s4);padding:var(--s5);border-bottom:1px solid var(--border)}
.reward-ladder li:last-child {border:0}
.reward-ladder li>div {flex:1}
.reward-ladder .metadata {display:block}
.step-number {display:grid;place-items:center;min-width:36px;height:36px;background:var(--surface-raised);border-radius:50%;font-variant-numeric:tabular-nums}
.milestone-achieved .step-number {color:var(--success)}
.milestone-achieved {animation:milestone var(--normal) var(--ease) 1}
@keyframes milestone {from{opacity:.6}to{opacity:1}}
.weekly-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s4)}
.weekly-grid strong {display:block;font-size:1.4rem;font-variant-numeric:tabular-nums;margin:var(--s3) 0}
.employee-nav {position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);display:flex;justify-content:center;gap:var(--s8);background:var(--sidebar);border-top:1px solid var(--border);padding:var(--s2) var(--s4) calc(var(--s2) + env(safe-area-inset-bottom))}
.employee-nav a,.employee-nav button {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;min-width:64px;gap:2px;background:none;border:0;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}
.employee-nav a[aria-current] {color:var(--primary)}
.employee-nav span {font-size:1.2rem}
.personal-history>.card {margin-top:var(--s3)}

/* Phase 8 reuses theme tokens, cards and accessible native controls. */
.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s3);align-items:end;margin:var(--s5) 0}
.report-filter-panel>summary{cursor:pointer;min-height:44px;padding:var(--s3) 0;color:var(--primary)}
.report-filter-panel>summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.marketing-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s3);align-items:end;margin:var(--s5) 0}
.marketing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:var(--s4);margin:var(--s5) 0}
.marketing-stat h2{font-size:1rem}.marketing-stat>strong{display:block;font-size:clamp(1.4rem,2vw,2rem);margin:var(--s4) 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.marketing-page>.card{margin:var(--s4) 0}.marketing-import{border-top:1px solid var(--border);padding:var(--s4) 0;overflow-wrap:anywhere}
.marketing-page td,.marketing-page p,#marketing-import-error{overflow-wrap:anywhere}
@media(max-width:639px){.marketing-filters{grid-template-columns:1fr 1fr}.marketing-filters .field:has(select[name="campaign"]){grid-column:1/-1}.marketing-stats{grid-template-columns:1fr}.marketing-page .report-actions .button{flex:1}.marketing-page .history-table{max-width:100%}}
@media print{.report-no-print,body:has(.phase8-report) .skip-link{display:none!important}}
.report-actions{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin:var(--s4) 0}
.report-coverage{padding:var(--s4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:var(--s4) 0}
.report-index{display:flex;gap:var(--s2);overflow-x:auto;padding:var(--s2) 0;margin:var(--s4) 0}
.report-index .button{flex-shrink:0}
.report-index [aria-current="step"]{border-color:var(--primary);color:var(--primary)}
.report-section{display:none;overflow-wrap:anywhere;min-height:270px}
.report-section.active{display:block}
.report-value{display:block;font-size:clamp(2rem,5vw,3.7rem);line-height:1.2;margin:var(--s5) 0;font-variant-numeric:tabular-nums}
.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--s4)}
.report-grid article,.report-commitment{border-top:1px solid var(--border);padding:var(--s4) 0}
.report-print-notes{display:none;white-space:pre-wrap}
.phase8-report p{overflow-wrap:anywhere}
.meeting-view .report-section h2{font-size:clamp(1.5rem,3vw,2.5rem)}
@media(max-width:639px){.report-filters{grid-template-columns:1fr 1fr}.report-filters .field:has(select[name="branch"]){grid-column:1/-1}.report-actions .button{flex:1;min-height:44px}.report-grid{grid-template-columns:1fr}.report-section{min-height:220px}.report-heading h1{font-size:2rem}}
@media print{.phase8-report .report-no-print{display:none!important}.phase8-report .report-section{display:block!important;min-height:0;margin:0 0 1rem;padding:1rem;break-inside:auto}.phase8-report .report-section h2{break-after:avoid}.phase8-report .report-commitment,.phase8-report .report-grid article{break-inside:avoid}.phase8-report .report-print-notes{display:block}.phase8-report .report-grid{display:block}.phase8-report .report-value{font-size:2rem}.phase8-report .report-coverage{break-inside:avoid}.phase8-report a{color:inherit;text-decoration:none}}
@media(max-width:639px){.employee-header{padding:var(--s3) var(--s4)}.personal-stats{grid-template-columns:1fr;gap:var(--s4)}.personal-stats>div{padding-bottom:var(--s3);border-bottom:1px solid var(--border)}.reward-ladder li{gap:var(--s3);padding:var(--s4)}.employee-nav{gap:var(--s6)}}
@media(prefers-reduced-motion:reduce){.milestone-achieved{animation:none}}
@media print{:root,[data-theme="dark"],[data-theme="light"]{--page:#fff;--surface:#fff;--text:#111;--text-secondary:#333;--text-muted:#444;--border:#bbb;--primary:#245bb4;--warning:#82550c;--critical:#ad2637;--shadow:none;color-scheme:light}.sidebar,.header,.mobile-nav,.mobile-assistant,.page-footer,.employee-nav,.employee-header,dialog{display:none}.workspace{margin:0}.page-container{padding:0}.card{break-inside:avoid}.kpis{grid-template-columns:repeat(2,1fr)}}
/* Historical evidence stays readable on phones without squeezing currency. */
.historical-sales .grid { margin-block: 1rem; }
.history-table { overflow-x: auto; max-width: 100%; }
.history-table table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
.history-table th, .history-table td { text-align: right; padding: .75rem; white-space: nowrap; border-bottom: 1px solid var(--border, #ddd); }
.history-table th:first-child { text-align: left; }
.historical-sales details { margin-top: 1rem; }

.monthly-goal-progress{width:100%;height:14px;accent-color:var(--accent,#6c5ce7);}
/* Shopify drill-down retains the existing card/table vocabulary. */
.ceo-branch:has(.branch-detail-link) {position:relative}
.branch-detail-link::after {content:"";position:absolute;inset:0;border-radius:inherit}
.ceo-branch details {position:relative;z-index:1}
.branch-detail-link {display:block;color:inherit;text-decoration:none;border-radius:inherit}
.ceo-branch:has(.branch-detail-link):hover {outline:1px solid currentColor}
.branch-detail-link:focus-visible {outline:2px solid currentColor;outline-offset:8px}
.sales-filters {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}
.sales-table {overflow:auto;margin-top:20px}
.sales-table table {width:100%;border-collapse:collapse}
.sales-table th,.sales-table td {padding:12px;text-align:left;border-bottom:1px solid var(--border,#444)}
@media(max-width:600px){
 .sales-table table {min-width:0}
 .sales-table table,.sales-table tbody,.sales-table tr,.sales-table td {display:block}
 .sales-table thead {display:none}
 .sales-table tr {border:1px solid var(--border,#444);border-radius:12px;margin:14px 0;padding:8px}
 .sales-table td {display:grid;grid-template-columns:110px 1fr;gap:10px;overflow-wrap:anywhere}
 .sales-table td::before {content:attr(data-label);font-weight:600}
}
/* PuntoCell intelligence only: no changes to existing executive modules. */
.punto-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.punto-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0;align-items:end}
.punto-filters label{display:grid;gap:.25rem;font-size:.85rem}
.punto-filters input,.punto-filters select{max-width:100%;min-width:0;padding:.65rem}
.punto-desktop small{display:block;margin-top:.25rem}
.punto-mobile{display:grid;gap:.75rem}
.punto-desktop{display:none}
@media(min-width:768px){.punto-desktop{display:block}.punto-mobile{display:none}}

.agenda-filters{display:grid;gap:.75rem;margin:1rem 0}.priority-urgent,.priority-high{border-inline-start:4px solid var(--warning,#efb14b)}.priority-important{border-inline-start:4px solid var(--accent,#3d77e7)}.reminder-actions{display:flex;flex-wrap:wrap;gap:.75rem}.agenda-group h3{display:flex;justify-content:space-between;gap:1rem}@media(min-width:768px){.agenda-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}

.agenda-filters{align-items:end}.ceo-agenda .reminder-item{padding-inline:.75rem}.agenda-filter-panel{margin-block:1rem}.agenda-filter-panel>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:500}

/* Commercial copy library, existing mobile-first card layout. */
.messages-products{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));}
.message-copy{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6;}

.message-product-image{width:100%;height:160px;object-fit:contain;border-radius:var(--radius);}

/* UX refinement: native disclosures preserve labels and keyboard operation. */
.filter-secondary{grid-column:1/-1;min-width:0}
.filter-secondary>summary,.coverage-details>summary,.historical-sales>summary{cursor:pointer;min-height:44px;padding:.65rem 0;color:var(--text);font-weight:600}
.filter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;align-items:end}
.filter-secondary>summary:focus-visible,.coverage-details>summary:focus-visible,.historical-sales>summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}

@media(max-width:639px){.sales-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-filters>.button{grid-column:1/-1}.punto-filters .field:has(input[type="search"]){grid-column:1/-1}.filter-fields{grid-template-columns:1fr}}

@media(max-width:639px){.punto-filters{gap:.5rem;margin:.5rem 0}.punto-filters .field{margin:0}.punto-filters .filter-secondary{margin:0}.punto-tabs{margin:.5rem 0}.coverage-details{margin-bottom:.5rem}}
/* Phase10 CEO: existing theme, responsive read-only evidence and transient chat. */
.ceo-chat-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s3);margin:var(--s4) 0}
.ceo-chat textarea{width:100%;max-width:100%;resize:vertical;min-height:100px}
.ceo-suggestions{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s4) 0}
.ceo-turn{margin:var(--s5) 0;min-width:0}.ceo-turn h2,.ceo-turn p,.ceo-turn td,.ceo-turn small{overflow-wrap:anywhere}
.ceo-turn details{margin-top:var(--s4)}.ceo-turn .history-table{max-width:100%}
@media(max-width:639px){.ceo-chat-filters{grid-template-columns:1fr 1fr}.ceo-suggestions .button{flex:1 1 140px}.ceo-chat form>.button{width:100%;margin-bottom:var(--s2)}}
.ceo-turn table{width:100%;min-width:760px;table-layout:fixed}
.ceo-turn th,.ceo-turn td{white-space:normal;text-align:left;vertical-align:top}
.ceo-turn th:nth-child(1){width:26%}.ceo-turn th:nth-child(2){width:14%}.ceo-turn th:nth-child(3){width:34%}.ceo-turn th:nth-child(4){width:26%}
.ceo-turn td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums}
body:has(.ceo-chat) .mobile-assistant{display:none}