:root {
  color-scheme: light;
  --navy: #09172d;
  --navy-2: #132b4c;
  --blue: #176eaa;
  --cyan: #13a6a1;
  --green: #18794e;
  --red: #c73a3a;
  --amber: #a76408;
  --orange: #d86648;
  --ink: #132034;
  --muted: #66758a;
  --line: #dce3eb;
  --soft: #f3f6f9;
  --white: #fff;
  --shadow: 0 16px 42px rgba(11, 24, 48, .12);
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { background: #edf2f6; color: var(--ink); }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button { cursor: pointer; }
textarea { resize: vertical; }
[hidden] { display: none !important; }
.muted, .section-heading p, .dialog p { color: var(--muted); }
.eyebrow { margin: 0 0 6px; color: var(--blue); font-size: 13px; font-weight: 800; }
.status-region { position: fixed; z-index: 1000; inset: 18px auto auto 18px; max-width: min(380px, calc(100vw - 36px)); }
.toast { padding: 13px 16px; color: #fff; background: var(--navy); border-radius: 6px; box-shadow: var(--shadow); }
.toast.error { background: #8e2525; }
.auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: linear-gradient(110deg, var(--navy) 0 47%, #eef2f6 47%); }
.auth-panel { width: min(440px, 100%); background: var(--white); padding: 34px; border-radius: 8px; box-shadow: var(--shadow); }
.brand-mark { width: 68px; height: 68px; border-radius: 8px; }
.auth-panel h1 { margin: 8px 0; font-size: 27px; }
.auth-panel form { display: grid; gap: 9px; margin-top: 28px; }
label { font-weight: 700; font-size: 14px; }
label span { color: var(--red); }
input, select, textarea { min-height: 46px; border: 1px solid #cbd5df; border-radius: 6px; padding: 10px 12px; background: var(--white); color: var(--ink); }
input:focus, select:focus, textarea:focus, button:focus-visible { outline: 3px solid rgba(23, 105, 170, .22); outline-offset: 2px; border-color: var(--blue); }
.form-error { min-height: 20px; margin: 2px 0; color: var(--red) !important; font-weight: 700; }
.security-note { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.button { min-height: 42px; border: 1px solid transparent; border-radius: 6px; padding: 9px 16px; font-weight: 800; }
.button.primary { background: var(--blue); color: #fff; }
.button.primary:hover { background: #105a92; }
.button.success { background: var(--green); color: #fff; }
.button.ghost { background: #fff; color: var(--ink); border-color: var(--line); }
.button.danger { color: var(--red); border-color: #efcaca; background: #fff; }
.button.compact { min-height: 38px; padding: 7px 13px; }
.button:disabled { opacity: .55; cursor: wait; }
.button.is-busy { position: relative; opacity: .82; cursor: progress; pointer-events: none; }
.button.is-busy::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-inline-end: 8px; border: 2px solid currentColor; border-inline-end-color: transparent; border-radius: 50%; vertical-align: -2px; animation: button-busy-spin .7s linear infinite; }
@keyframes button-busy-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .button.is-busy::before { animation-duration: 1.4s; } }
.wide { width: 100%; }
.portal { min-height: 100vh; display: grid; grid-template-columns: 258px minmax(0, 1fr); direction: ltr; transition: grid-template-columns .2s ease; }
.sidebar { position: sticky; top: 0; z-index: 180; width: 258px; height: 100vh; display: flex; flex-direction: column; overflow: hidden; padding: 22px 14px; background: var(--navy); color: #fff; direction: rtl; border-inline-start: 1px solid #1b3353; transition: width .2s ease, box-shadow .2s ease; }
.portal.sidebar-collapsed { grid-template-columns: 72px minmax(0, 1fr); }
.portal.sidebar-collapsed:has(.sidebar:hover), .portal.sidebar-collapsed:has(.sidebar:focus-within) { grid-template-columns: 258px minmax(0, 1fr); }
.portal.sidebar-collapsed .sidebar { width: 72px; padding-inline: 10px; }
.portal.sidebar-collapsed .sidebar:hover, .portal.sidebar-collapsed .sidebar:focus-within { width: 258px; box-shadow: 12px 0 34px rgba(8, 22, 42, .22); }
.portal.sidebar-collapsed .sidebar-label, .portal.sidebar-collapsed .nav-item:not(:hover) > :not(:first-child), .portal.sidebar-collapsed .sidebar-foot { opacity: 0; pointer-events: none; }
.portal.sidebar-collapsed .sidebar:hover .sidebar-label, .portal.sidebar-collapsed .sidebar:focus-within .sidebar-label,
.portal.sidebar-collapsed .sidebar:hover .nav-item > *, .portal.sidebar-collapsed .sidebar:focus-within .nav-item > *,
.portal.sidebar-collapsed .sidebar:hover .sidebar-foot, .portal.sidebar-collapsed .sidebar:focus-within .sidebar-foot { opacity: 1; pointer-events: auto; }
.portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-brand { justify-content: center; padding-inline: 0; }
.portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .nav-item { justify-content: center; padding-inline: 0; font-size: 0; }
.portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .nav-item span { font-size: 19px; }
.sidebar-brand { display: flex; align-items: center; gap: 11px; padding: 5px 8px 24px; border-bottom: 1px solid rgba(255,255,255,.13); }
.brand-home-button,.topbar-brand-home{border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer}.brand-home-button{width:100%}.brand-home-button:focus-visible,.topbar-brand-home:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.topbar-brand-home{display:grid;gap:2px;padding:3px 5px;border-radius:6px}.topbar-brand-home h1,.topbar-brand-home p{margin:0}
.sidebar-brand img { width: 46px; height: 46px; border-radius: 6px; }
.sidebar-brand div { display: grid; gap: 3px; }
.sidebar-brand span, .sidebar-foot span { color: #aab9cc; font-size: 12px; overflow-wrap: anywhere; }
.sidebar nav { display: grid; gap: 5px; margin-top: 20px; }
.nav-item { position: relative; min-height: 48px; display: flex; align-items: center; gap: 11px; border: 0; border-radius: 6px; padding: 10px 12px; color: #c8d3e0; background: transparent; text-align: right; font-weight: 700; }
.nav-item:hover, .nav-item.active { color: #fff; background: #17375d; box-shadow: inset -3px 0 0 #42c2bd; }
.nav-item span { width: 24px; font-size: 19px; text-align: center; color: #4db6c2; }
.nav-count { margin-inline-start: auto; min-width: 23px; min-height: 23px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: var(--red); font-size: 11px; }
.sidebar-foot { margin-top: auto; display: grid; gap: 12px; padding: 16px 4px 0; border-top: 1px solid rgba(255,255,255,.13); }
.sidebar-logout { color: #fff; background: transparent; border-color: rgba(255,255,255,.25); }
.workspace { min-width: 0; direction: rtl; }
.topbar { min-height: 82px; display: flex; align-items: center; gap: 16px; padding: 13px clamp(18px, 4vw, 50px); background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); }
.topbar h1 { margin: 0; font-size: 23px; }
.topbar .eyebrow { margin: 0; }
.topbar-actions { margin-inline-start: auto; display: flex; align-items: center; gap: 10px; }
.account-chip { min-width: 188px; min-height: 50px; display: flex; align-items: center; gap: 10px; padding: 5px 8px; border-inline-start: 1px solid var(--line); }
.account-chip > span { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: var(--navy-2); border-radius: 50%; font-weight: 900; }
.account-chip div { display: grid; gap: 2px; }
.account-chip small { color: var(--muted); }
.icon-button { width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); font-size: 21px; }
.notification-button { position: relative; }
.notification-button b { position: absolute; inset: -6px -6px auto auto; min-width: 20px; height: 20px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--red); font-size: 10px; }
#menu-button { display: none; }
.desktop-sidebar-toggle { display: inline-grid; place-items: center; }
.content { max-width: 1540px; margin: 0 auto; padding: 28px clamp(18px, 4vw, 48px) 60px; }
.command-banner { position: relative; overflow: hidden; min-height: 170px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 16px; padding: 30px 32px; color: #fff; background: var(--navy); border: 1px solid #1c385c; border-radius: 6px; }
.command-banner::before, .command-banner::after { content: ""; position: absolute; pointer-events: none; opacity: .22; }
.command-banner::before { inset: 20px 54% 20px auto; width: 1px; background: #8fd8d4; }
.command-banner::after { width: 260px; height: 260px; inset: -170px auto auto -60px; border: 1px solid #55c5c0; border-radius: 50%; }
.command-copy, .command-state { position: relative; z-index: 1; }
.command-kicker { margin: 0 0 9px; color: #60d1ca; font-size: 12px; font-weight: 900; }
.command-copy h2 { margin: 0 0 8px; font-size: clamp(24px, 3vw, 34px); }
.command-copy > p:last-child { margin: 0; color: #b8c6d8; }
.command-state { display: grid; justify-items: end; gap: 12px; }
.dashboard-date { color: #afbed0; font-size: 13px; }
.status-pill { display: inline-flex; align-items: center; min-height: 32px; border-radius: 999px; padding: 5px 12px; color: #b8f2d4; background: #164b3d; border: 1px solid #2c775f; font-size: 13px; font-weight: 800; }
.status-pill.warning { color: var(--amber); background: #fff3dc; border-color: #efd39e; }
.status-pill.danger { color: var(--red); background: #fdeaea; border-color: #efcaca; }
.period-toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 6px; }
.period-toolbar > button:not(.button) { min-height: 38px; border: 1px solid transparent; border-radius: 5px; padding: 7px 14px; background: #edf2f6; color: var(--muted); font-weight: 800; }
.period-toolbar > button.active { color: #fff; background: var(--navy-2); }
.period-toolbar label { display: flex; align-items: center; gap: 6px; margin-inline-start: auto; color: var(--muted); font-size: 12px; }
.period-toolbar label + label { margin-inline-start: 0; }
.period-toolbar input { min-height: 38px; padding: 6px 9px; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px; margin-bottom: 16px; }
.metric { position: relative; min-height: 132px; padding: 19px 20px; background: var(--white); border: 1px solid var(--line); border-top: 3px solid var(--blue); border-radius: 10px; box-shadow: 0 7px 20px rgba(20, 38, 63, .04); transition: transform .16s ease, box-shadow .16s ease; }
.metric:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(20, 38, 63, .08); }
.metric[data-tone="green"] { border-top-color: var(--green); }
.metric[data-tone="cyan"] { border-top-color: var(--cyan); }
.metric[data-tone="amber"] { border-top-color: var(--amber); }
.metric[data-tone="red"] { border-top-color: var(--red); }
.metric[data-tone="orange"] { border-top-color: var(--orange); }
.metric > span { display: block; color: var(--muted); font-size: 12px; font-weight: 700; }
.metric strong { display: block; margin-top: 12px; font-size: 27px; font-weight: 900; direction: ltr; text-align: right; }
.metric small { display: block; margin-top: 8px; color: var(--muted); font-size: 11.5px; }
.metric small.metric-delta { font-weight: 800; }
.metric small.metric-delta.up { color: var(--green); }
.metric small.metric-delta.down { color: var(--red); }
.metric-spark { display: block; width: 100%; height: 30px; margin-top: 10px; }
.metric-icon { position: absolute; inset: 15px auto auto 15px; width: 34px; height: 34px; display: grid !important; place-items: center; color: var(--blue) !important; background: #edf6fc; border-radius: 6px; font-size: 16px !important; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); gap: 16px; margin-bottom: 16px; }
.gauge-chart-grid { display: grid; grid-template-columns: minmax(230px, .55fr) minmax(0, 1.45fr); gap: 16px; margin-bottom: 16px; }
.target-gauge-wrap { display: flex; flex-direction: column; align-items: center; padding-top: 6px; }
.target-gauge-wrap svg { display: block; width: 100%; max-width: 240px; height: auto; }
.target-gauge-num { font-size: 34px; font-weight: 900; margin-top: -54px; direction: ltr; }
.target-gauge-sub { margin-top: 2px; margin-bottom: 14px; color: var(--muted); font-size: 12px; }
.target-gauge-legend { display: flex; gap: 14px; color: var(--muted); font-size: 11.5px; flex-wrap: wrap; justify-content: center; }
.target-gauge-legend span { display: flex; align-items: center; gap: 5px; }
.target-gauge-legend i { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }
@media (max-width: 900px) { .gauge-chart-grid { grid-template-columns: 1fr; } }
.secondary-grid { grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr); }
.surface { background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 20px; box-shadow: 0 7px 20px rgba(20, 38, 63, .035); }
.surface-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.surface-title h3 { margin: 0; }
.surface-title p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.section-icon { width: 34px; height: 34px; display: grid; place-items: center; color: var(--blue); background: #edf6fc; border-radius: 6px; }
.sales-chart { min-height: 245px; display: flex; align-items: end; gap: 11px; padding: 26px 8px 7px; border-bottom: 1px solid var(--line); }
.chart-column { flex: 1; min-width: 34px; height: 210px; display: flex; align-items: end; justify-content: center; gap: 4px; position: relative; }
.chart-column i { width: min(22px, 36%); min-height: 3px; border-radius: 6px 6px 3px 3px; background: linear-gradient(180deg, var(--green) 0%, color-mix(in srgb, var(--green), black 22%) 100%); box-shadow: 0 3px 10px color-mix(in srgb, var(--green), transparent 70%); transition: transform .18s ease, box-shadow .18s ease; }
.chart-column i.credit { background: linear-gradient(180deg, var(--orange) 0%, color-mix(in srgb, var(--orange), black 22%) 100%); box-shadow: 0 3px 10px color-mix(in srgb, var(--orange), transparent 70%); }
.chart-column:hover i { transform: scaleY(1.015) translateY(-1px); }
.chart-column span { position: absolute; inset: auto 0 -25px; color: var(--muted); font-size: 10px; text-align: center; }
.chart-legend { display: flex; gap: 18px; margin-top: 31px; color: var(--muted); font-size: 12px; }
.chart-legend span { display: flex; align-items: center; gap: 6px; }
.chart-legend i { width: 9px; height: 9px; border-radius: 2px; background: var(--green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--green), transparent 82%); }
.chart-legend .credit i { background: var(--orange); box-shadow: 0 0 0 3px color-mix(in srgb, var(--orange), transparent 82%); }
.decision-list, .message-list, .approval-list, .rep-performance-list { display: grid; gap: 10px; margin-top: 14px; }
.decision-item { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid #eadbbf; border-inline-start: 4px solid var(--amber); border-radius: 5px; background: #fffbf2; }
.decision-item.danger { border-color: #f0cccc; border-inline-start-color: var(--red); background: #fff7f7; }
.decision-item > span:first-child { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 6px; color: var(--amber); background: #fff; font-weight: 900; }
.decision-item strong, .decision-item small { display: block; }
.decision-item small { margin-top: 3px; color: var(--muted); }
.decision-item b { min-width: 29px; min-height: 29px; display: grid; place-items: center; border-radius: 15px; color: #fff; background: var(--amber); }
.rep-performance-row { width: 100%; display: grid; grid-template-columns: 42px minmax(130px, 1.2fr) repeat(5, minmax(76px, .7fr)) 36px; align-items: center; gap: 10px; padding: 11px 8px; border: 0; border-bottom: 1px solid #edf1f5; background: transparent; color: var(--ink); text-align: right; }
.rep-performance-row:hover { background: #f7fafc; }
.rep-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: var(--navy-2); font-weight: 900; }
.rep-performance-row strong, .rep-performance-row small { display: block; }
.rep-performance-row small { margin-top: 2px; color: var(--muted); }
.rep-performance-row .online { color: var(--green); }
.rep-performance-row .stale { color: var(--amber); }
.rep-score.good { color: var(--green); }
.rep-score.watch { color: var(--amber); }
.rep-score.risk { color: var(--red); }
.row-chevron { color: var(--blue); font-size: 22px; }
.pulse-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.pulse-item { width: 100%; min-height: 92px; padding: 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); text-align: start; color: inherit; }
.pulse-item:hover, .pulse-item:focus-visible { border-color: var(--blue); background: #eef5ff; box-shadow: 0 0 0 3px rgba(40, 103, 178, .12); }
.pulse-item span, .pulse-item strong, .pulse-item small { display: block; }
.pulse-item span { color: var(--muted); font-size: 11px; }
.pulse-item strong { margin: 7px 0 3px; font-size: 24px; }
.pulse-item.alert strong { color: var(--red); }
.message-preview { margin-top: 0; }
.message-row { display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; align-items: start; padding: 11px; border-bottom: 1px solid #edf1f5; }
.message-row:last-child { border-bottom: 0; }
.message-row > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--cyan); font-weight: 900; }
.message-row strong, .message-row small { display: block; }
.message-row p { margin: 4px 0 0; color: var(--ink); white-space: pre-wrap; overflow-wrap: anywhere; }
.message-row small, .message-row time { color: var(--muted); font-size: 11px; }
.message-thread-row { width: 100%; border: 0; background: transparent; color: inherit; text-align: start; font: inherit; cursor: pointer; }
.message-thread-row:hover { background: color-mix(in srgb, var(--cyan) 8%, #fff); }
.message-thread-head { padding: 8px 11px 14px; border-bottom: 1px solid var(--line); }
.thread-message { margin-inline: 6px; }
.message-compose-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.message-compose-heading h3{margin:0}.message-format-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.message-format-toolbar button{min-height:34px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font:inherit;font-size:11px;cursor:pointer}.message-format-toolbar button:hover,.message-format-toolbar button:focus-visible{border-color:var(--blue);background:color-mix(in srgb,var(--blue),var(--white) 90%);color:var(--ink)}.message-emoji-divider{width:1px;height:24px;background:var(--line)}.message-format-help{margin-top:-4px;color:var(--muted);font-size:10px;line-height:1.6}.message-content{min-width:0}.message-formatted-body{display:grid;gap:3px;margin-top:4px}.message-formatted-body p{display:flex;align-items:flex-start;gap:6px;margin:0!important;white-space:pre-wrap}.message-formatted-body strong{display:inline;font-weight:950}.message-formatted-body em{font-style:italic}.message-list-bullet{flex:0 0 auto;color:var(--blue)}.message-meta{display:grid;justify-items:end;gap:4px}.message-edited-label{padding:2px 6px;border-radius:999px;background:var(--soft);color:var(--muted)!important;white-space:nowrap}.message-actions{display:flex;gap:5px;margin-top:7px}.message-actions button{min-height:29px;padding:4px 9px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.message-actions button:hover{border-color:var(--blue)}.message-actions button.danger{color:var(--red)}
.approval-customer-editor { display: grid; gap: 12px; }
.approval-customer-editor h3 { margin: 0; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.section-heading h2 { margin: 0 0 5px; font-size: 25px; }
.section-heading p { margin: 0; }
.toolbar { display: flex; gap: 12px; margin-bottom: 14px; }
.search-box { flex: 1; display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }
.search-box input { width: 100%; min-height: 42px; padding: 0; border: 0; outline: 0; }
.toolbar select { min-width: 180px; }
.table-wrap { overflow-x: auto; background: var(--white); border: 1px solid var(--line); border-radius: 6px; }
table { width: 100%; border-collapse: collapse; min-width: 900px; }
th, td { padding: 14px; border-bottom: 1px solid var(--line); text-align: right; vertical-align: middle; }
th { color: #516176; background: #f7f9fb; font-size: 12px; }
td strong, td small { display: block; }
td small { margin-top: 3px; color: var(--muted); }
.row-actions { display: flex; gap: 7px; }
.role-badge, .state-badge { display: inline-block; border-radius: 999px; padding: 5px 9px; font-size: 12px; font-weight: 800; }
.role-badge { color: var(--blue); background: color-mix(in srgb, var(--blue), var(--white) 88%); }
.state-badge.active { color: var(--green); background: color-mix(in srgb, var(--green), var(--white) 88%); }
.state-badge.inactive { color: var(--red); background: color-mix(in srgb, var(--red), var(--white) 88%); }
.team-card-grid { display: none; }
.empty { padding: 28px; text-align: center; color: var(--muted); }
.mini-metrics { grid-template-columns: repeat(4, minmax(130px, 1fr)); }
.mini-metrics .metric { min-height: 105px; }
.approval-card { display: grid; grid-template-columns: 44px minmax(180px, 1fr) repeat(2, minmax(100px, .5fr)) auto; align-items: center; gap: 13px; padding: 15px; border: 1px solid var(--line); border-inline-start: 4px solid var(--amber); border-radius: 6px; background: #fff; }
.approval-card[data-status="approved"] { border-inline-start-color: var(--green); }
.approval-card[data-status="rejected"] { border-inline-start-color: var(--red); }
.approval-card > span:first-child { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 7px; color: var(--amber); background: #fff7e9; font-size: 19px; }
.approval-card strong, .approval-card small { display: block; }
.approval-card small { margin-top: 3px; color: var(--muted); }
.messages-layout { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 16px; }
.compose-card { display: grid; align-content: start; gap: 9px; }
.compose-card h3 { margin: 0 0 10px; }
.subscription-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 1040px; }
.platform-company-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.platform-company-layout > .compose-card { width: 100%; }
.platform-company-layout > .platform-registry { width: 100%; }
.platform-company-actions { display: flex; flex-wrap: wrap; gap: 7px; min-width: 230px; }
.accounting-integration-dialog form { display: grid; gap: 15px; }
.accounting-sync-status { display: grid; grid-template-columns: repeat(4,minmax(130px,1fr)); gap: 9px; }
.accounting-sync-status > div { display: grid; gap: 4px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--soft); }
.accounting-sync-status span { color: var(--muted); font-size: 12px; }
.accounting-sync-status strong { overflow-wrap: anywhere; }
.accounting-sync-scope { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 0; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); }
.accounting-sync-scope legend { padding: 0 7px; font-weight: 800; }
.accounting-sync-scope label { display: flex; align-items: center; gap: 7px; }
.accounting-provider-cell { display: grid; gap: 4px; min-width: 140px; }
.accounting-provider-cell small { color: var(--muted); }
@media (max-width: 620px) { .accounting-sync-status { grid-template-columns: 1fr 1fr; } }
.company-owner-login-panel { display: grid; gap: 12px; margin: 16px 0; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--soft); }
.company-owner-login-panel h3, .company-owner-login-panel p { margin: 0; }
.company-owner-login-panel p { margin-top: 4px; color: var(--muted); }
.company-owner-login-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.company-owner-login-actions small { color: var(--muted); }
.platform-seat-grid { display: grid; grid-template-columns: repeat(4, minmax(90px, 1fr)); gap: 9px; }
.platform-seat-grid label { display: grid; gap: 6px; }
.detail-list { display: grid; }
.detail-row { display: flex; justify-content: space-between; gap: 18px; padding: 14px 2px; border-bottom: 1px solid #edf1f5; }
.detail-row:last-child { border-bottom: 0; }
.detail-row span { color: var(--muted); }
.seat-details { display: grid; gap: 12px; margin-top: 16px; }
.seat-row { display: grid; grid-template-columns: 100px 1fr 70px; gap: 10px; align-items: center; }
.seat-bar { height: 8px; overflow: hidden; border-radius: 4px; background: #e7ecf1; }
.seat-bar span { display: block; height: 100%; border-radius: inherit; background: var(--cyan); }
.timeline { position: relative; display: grid; gap: 12px; }
.timeline-item { display: grid; grid-template-columns: 145px 1fr; gap: 18px; padding: 17px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }
.timeline-time { color: var(--muted); font-size: 12px; }
.timeline-item strong, .timeline-item span { display: block; }
.timeline-item span { margin-top: 5px; color: var(--muted); }
.branch-workspace { display: grid; gap: 16px; }
.branch-admin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.branch-session-form { display: grid; gap: 13px; }
.branch-session-form > label { display: grid; gap: 7px; }
.branch-category-list { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: 8px; }
.branch-category { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); font-weight: 800; }
.branch-category input { width: 19px; height: 19px; min-height: 19px; }
.branch-scope-label { margin: 0; color: var(--muted); font-weight: 800; }
.branch-item-picker { display: grid; gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--soft); }
.branch-item-picker > label { display: grid; gap: 7px; font-weight: 800; }
.branch-item-list { max-height: 270px; overflow: auto; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
.branch-item-choice { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 48px; padding: 8px 10px; border-bottom: 1px solid var(--line); }
.branch-item-choice:last-child { border-bottom: 0; }
.branch-item-choice input { width: 19px; height: 19px; min-height: 19px; }
.branch-item-choice span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 800; }
.branch-item-choice small { direction: ltr; color: var(--muted); }
.branch-code-box { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 15px 0; padding: 14px; border: 1px solid color-mix(in srgb, var(--blue), transparent 55%); border-radius: 6px; background: color-mix(in srgb, var(--blue), var(--white) 90%); }
.branch-code-box code { direction: ltr; overflow-wrap: anywhere; color: var(--navy); font-size: 13px; font-weight: 900; }
.branch-code-box > div, .branch-session-actions, .branch-inline-form { display: flex; flex-wrap: wrap; gap: 8px; }
.branch-session-actions { margin-bottom: 14px; }
.branch-inline-form { align-items: center; margin: 14px 0 6px; }
.branch-inline-form input[type="file"] { flex: 1; min-width: 230px; }
.branch-table table { min-width: 1040px; }
.branch-contribution-heading { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin: 20px 0 10px; }
.branch-contribution-heading h4, .branch-contribution-heading p { margin: 0; }
.branch-contribution-heading h4 { font-size: 15px; }
.branch-contribution-heading p { margin-top: 4px; color: var(--muted); font-size: 12px; }
.branch-count-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.branch-count-card { padding: 13px; border: 1px solid var(--line); border-inline-start: 4px solid var(--green); border-radius: 7px; background: var(--soft); }
.branch-count-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.branch-count-card-head strong, .branch-count-card-head small { display: block; }
.branch-count-card-head small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.branch-count-total { flex: 0 0 auto; color: var(--green); font-size: 15px; font-weight: 900; direction: ltr; }
.branch-contributor-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.branch-contributor { padding: 5px 8px; border: 1px solid color-mix(in srgb, var(--green), transparent 55%); border-radius: 5px; background: var(--white); color: var(--text); font-size: 11px; font-weight: 800; }
.branch-contributor b { color: var(--green); direction: ltr; }
.branch-voided-row { opacity: .58; text-decoration: line-through; }
.branch-variance-value { color: var(--red); font-weight: 900; }
.branch-archive { display: grid; gap: 8px; }
.branch-archive-row { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 64px; border: 1px solid var(--line); border-radius: 6px; padding: 11px 13px; background: var(--white); text-align: right; }
.branch-archive-row.active { border-color: var(--cyan); box-shadow: inset 3px 0 0 var(--cyan); background: color-mix(in srgb, var(--cyan), var(--white) 88%); }
.branch-archive-row strong, .branch-archive-row small { display: block; }
.branch-archive-row small { margin-top: 4px; color: var(--muted); }
.branch-archive-row b { color: var(--green); }
.branch-confirm-dialog form textarea { width: 100%; }
@media (max-width: 760px) { .branch-count-summary { grid-template-columns: 1fr; } }
.text-action { border: 0; color: var(--blue); background: transparent; font-weight: 800; }
.dialog { width: min(520px, calc(100vw - 28px)); max-height: calc(100vh - 28px); border: 0; border-radius: 8px; padding: 0; box-shadow: var(--shadow); }
.dialog::backdrop { background: rgba(5, 14, 28, .68); backdrop-filter: blur(3px); }
.dialog form { display: grid; gap: 10px; padding: 24px; }
.dialog-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px; }
.dialog h2 { margin: 0 0 4px; }
.dialog p { margin: 0; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 12px; }
.split-actions { justify-content: space-between; }
.large-dialog { width: min(920px, calc(100vw - 28px)); }
#member-dialog{width:min(1120px,calc(100vw - 24px));max-height:min(92vh,900px);overflow:hidden}#member-dialog form{max-height:min(92vh,900px);overflow:auto;padding:0 24px 18px}#member-dialog .dialog-head{position:sticky;top:0;z-index:5;margin:0 -24px 10px;padding:20px 24px 12px;background:var(--white);border-bottom:1px solid var(--line)}#member-dialog .dialog-actions{position:sticky;bottom:-18px;z-index:5;margin:12px -24px -18px;padding:12px 24px 18px;background:var(--white);border-top:1px solid var(--line)}
.member-basic-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 12px; }
.member-identity-grid { display: grid; grid-template-columns: 1fr .65fr 1fr auto; gap: 12px; align-items: end; }
.member-identity-grid label { display: grid; gap: 7px; }
.password-reset-button { min-height: 46px; white-space: nowrap; }
.security-note { padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); color: var(--muted) !important; font-size: 12px; }
.member-basic-grid > label:first-child { display: grid; gap: 7px; }
.member-basic-grid > label { display: grid; gap: 7px; }
.toggle-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 68px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; }
.toggle-row span, .toggle-row small { display: block; }
.toggle-row small { margin-top: 4px; color: var(--muted); font-weight: 400; }
.toggle-row input { width: 22px; height: 22px; min-height: 22px; }
.permission-tabs { display: flex; gap: 7px; margin-top: 8px; border-bottom: 1px solid var(--line); }
.permission-tabs button { min-height: 42px; border: 0; border-bottom: 3px solid transparent; padding: 8px 13px; background: transparent; color: var(--muted); font-weight: 800; }
.permission-tabs button.active { color: var(--blue); border-bottom-color: var(--blue); }
.permission-select-all{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.permission-select-all strong,.permission-select-all small{display:block}.permission-select-all small{margin-top:2px;color:var(--muted)}.permission-select-all input{width:22px;height:22px}
.permission-matrix { min-height: 230px; display: grid; grid-template-columns: repeat(3, minmax(190px, 1fr)); gap: 9px; padding: 12px 0; }
.permission-item { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; }
.permission-item span, .permission-item small { display: block; }
.permission-item small { margin-top: 3px; color: var(--muted); font-weight: 400; }
.permission-item input { width: 20px; height: 20px; min-height: 20px; }
.rep-dialog { width: min(1240px, calc(100vw - 28px)); }
.rep-dialog-shell { padding: 24px; }
.rep-detail-page { min-width: 0; }
.rep-page-head { display: grid; grid-template-columns: auto minmax(220px, 1fr) auto; align-items: center; gap: 18px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.rep-page-identity h2 { margin: 0 0 4px; font-size: 24px; }
.rep-page-identity p { margin: 0; color: var(--muted); }
.rep-page-navigation, .route-date-controls { display: flex; align-items: center; gap: 7px; }
.route-policy-controls{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(190px,.8fr);gap:9px;align-items:end;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.route-policy-controls>label:not(.toggle-row){display:grid;gap:5px;font-size:12px;font-weight:800}.route-policy-controls select{width:100%;min-height:40px}
.route-policy-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.route-policy-actions .button{min-width:0;width:100%;min-height:34px;padding:5px 9px;font-size:10.5px;line-height:1.35;white-space:normal}.route-policy-actions .sensitive-action::before{width:14px;height:14px;margin-inline-end:3px;border-radius:4px;font-size:8px;line-height:1}#save-rep-route-policy::before{content:"✓"}#enable-all-route-policies::before{content:"●"}#disable-all-route-policies::before{content:"−"}
@media(max-width:1050px){.route-policy-controls{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.route-policy-controls{grid-template-columns:1fr}.route-policy-actions{grid-column:auto}}
@media(max-width:420px){.route-policy-actions{grid-template-columns:1fr}}

/* Dedicated route-management workspace. */
.route-management-heading{align-items:center}.route-management-bulk{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.55fr) auto;gap:14px;align-items:end;margin-bottom:16px}.route-management-bulk>div:first-child{display:grid;gap:5px}.route-management-bulk>div:first-child small{color:var(--muted)}.route-management-bulk label{display:grid;gap:6px;font-size:12px;font-weight:850}.route-management-bulk-actions{display:flex;gap:7px}.route-management-directory>.surface-title{align-items:flex-end}.route-management-directory .search-box{min-width:min(320px,100%)}.route-management-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-management-card{display:grid;gap:13px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--white);color:var(--ink)}.route-management-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.route-management-card-head>div{display:grid;gap:3px}.route-management-card-head small{color:var(--muted)}.route-management-card-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(160px,.8fr);gap:9px;align-items:end}.route-management-card-controls>label:not(.toggle-row){display:grid;gap:5px;font-size:11px;font-weight:850}.route-management-toggle{min-height:58px}.route-management-card-actions{display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:7px}.route-management-card-actions .button{min-width:0;width:100%;min-height:35px;padding:6px 8px;font-size:10.5px;white-space:normal}.route-management-card-actions .sensitive-action::before{width:14px;height:14px;margin-inline-end:3px;border-radius:4px;font-size:8px}.route-management-card-actions [data-route-plan-rep]::before{content:'⌖'}.route-management-card-actions [data-route-save-rep]::before{content:'✓'}
body[data-dashboard-theme="current-roast"] .route-management-card{background:#24170f;color:#f6e7d4;border-color:#664a35}body[data-dashboard-theme="current-roast"] .route-management-card-head small{color:#cbb398}body[data-dashboard-theme="current-roast"] .route-management-bulk>div:first-child small{color:#cbb398}
@media(max-width:1050px){.route-management-bulk{grid-template-columns:1fr 1fr}.route-management-bulk-actions{grid-column:1/-1}.route-management-list{grid-template-columns:1fr}}
@media(max-width:650px){.route-management-bulk,.route-management-card-controls{grid-template-columns:1fr}.route-management-bulk-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.route-management-directory>.surface-title{align-items:stretch}.route-management-directory .search-box{min-width:0;width:100%}.route-management-card-actions{grid-template-columns:1fr 1fr}.route-management-card-actions [data-route-plan-rep]{grid-column:1/-1}}
.rep-page-navigation select { min-width: 190px; }
.route-surface-title { align-items: flex-start; gap: 12px; }
.route-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.route-title-line h3 { margin: 0; }
.route-status-pill { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line); background: var(--soft); color: var(--ink); font-size: 11px; font-weight: 900; }
.route-status-pill.planned { background: #eaf4ff; color: #145b8f; border-color: #b9d8ee; }
.route-status-pill.in_progress { background: #fff3dc; color: #865500; border-color: #efd39e; }
.route-status-pill.completed { background: #e8f7ef; color: #146b46; border-color: #b9dfca; }
.route-status-pill.suspended,.route-status-pill.cancelled { background: #fdeaea; color: #a52121; border-color: #efcaca; }
.route-status-pill.empty { opacity: .7; }
.route-date-controls input { min-height: 38px; width: 145px; padding: 6px 8px; }
.route-date-controls .icon-button { width: 38px; height: 38px; flex-basis: 38px; }
.operation-detail-list { display: grid; gap: 10px; }
.operation-detail-row { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(120px, .45fr) auto; gap: 14px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); }
.operation-detail-row span, .operation-detail-row small { display: block; }
.operation-detail-row small { margin-top: 4px; color: var(--muted); }
.operation-detail-row strong { font-size: 20px; }
.rep-kpi-surface { margin: 14px 0; }
.kpi-score-badge { min-width: 76px; min-height: 34px; display: inline-grid; place-items: center; padding: 5px 11px; border-radius: 999px; color: var(--blue); background: color-mix(in srgb, var(--blue), var(--white) 88%); font-weight: 900; direction: ltr; }
.kpi-score-badge.good { color: var(--green); background: color-mix(in srgb, var(--green), var(--white) 88%); }
.kpi-score-badge.watch { color: var(--amber); background: color-mix(in srgb, var(--amber), var(--white) 85%); }
.kpi-score-badge.risk { color: var(--red); background: color-mix(in srgb, var(--red), var(--white) 88%); }
.rep-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 10px; margin-top: 14px; }
.rep-kpi-card { min-width: 0; width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--soft); color: inherit; font: inherit; text-align: right; }
button.rep-kpi-card { cursor: pointer; transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
button.rep-kpi-card:hover { border-color: var(--blue); box-shadow: 0 7px 18px rgba(20, 50, 74, .09); transform: translateY(-1px); }
button.rep-kpi-card:focus-visible { outline: 3px solid rgba(27, 93, 129, .24); outline-offset: 2px; }
.rep-kpi-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.rep-kpi-head span { color: var(--muted); font-size: 11px; }
.rep-kpi-head strong { font-size: 17px; direction: ltr; text-align: left; }
.rep-kpi-card small { display: block; min-height: 18px; margin-top: 5px; color: var(--muted); font-size: 10px; }
.rep-kpi-track { height: 6px; overflow: hidden; margin-top: 9px; border-radius: 999px; background: var(--line); }
.rep-kpi-track i { display: block; height: 100%; border-radius: inherit; background: var(--blue); }
.rep-kpi-card.good .rep-kpi-track i { background: var(--green); }
.rep-kpi-card.watch .rep-kpi-track i { background: var(--amber); }
.rep-kpi-card.risk .rep-kpi-track i { background: var(--red); }
.rep-kpi-card.insufficient { border-style: dashed; background: color-mix(in srgb, var(--ink), var(--white) 95%); }
.rep-kpi-chip { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 800; }
.rep-kpi-chip::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.rep-kpi-chip.good::before { background: var(--green); }
.rep-kpi-chip.watch::before { background: var(--amber); }
.rep-kpi-chip.risk::before { background: var(--red); }
.rep-kpi-chip.insufficient::before { background: var(--muted); }
.kpi-open-hint { display: block; margin-top: 9px; color: var(--blue); font-size: 10px; font-weight: 900; }
.kpi-dialog-shell { display: grid; gap: 16px; }
.kpi-detail-summary { display: grid; grid-template-columns: auto auto 1fr; gap: 12px; align-items: center; padding: 16px 0; border-block: 1px solid var(--line); }
.kpi-detail-summary > strong { font-size: 30px; direction: ltr; }
.kpi-detail-summary > small { color: var(--muted); text-align: left; }
.kpi-detail-section { padding-block: 2px; }
.kpi-detail-section h3 { margin: 0 0 8px; font-size: 15px; }
.kpi-detail-section > p { margin: 0; color: var(--muted); line-height: 1.8; }
.kpi-input-list, .kpi-evidence-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.kpi-input-row, .kpi-evidence-row { display: flex; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); }
.kpi-input-row span, .kpi-evidence-row span { color: var(--muted); }
.kpi-input-row strong, .kpi-evidence-row strong { direction: ltr; }
.kpi-missing-section { padding: 12px; border-inline-start: 4px solid var(--amber); background: color-mix(in srgb, var(--amber), var(--white) 85%); }
.kpi-missing-list { display: grid; gap: 5px; }
.kpi-missing-list p { margin: 0; font-weight: 800; }
.kpi-calculation-version { margin: 0; color: var(--muted); font-size: 10px; }
.compact-empty { min-height: auto; padding: 12px; }
.rep-detail-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(310px, .7fr); gap: 14px; }
.map-surface { min-width: 0; }
.rep-map { height: 410px; margin-top: 14px; border-radius: 6px; background: var(--soft); }
.route-timeline { display: flex; gap: 7px; overflow-x: auto; padding: 10px 0 2px; }
.route-point { min-width: 94px; padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: #fff; text-align: center; }
.route-point strong, .route-point small { display: block; }
.route-point small { color: var(--muted); }
.rep-operations { display: grid; gap: 9px; margin-top: 14px; }
.operation-block { padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--soft); }
.operation-block header { display: flex; justify-content: space-between; gap: 10px; }
.operation-block b { color: var(--red); }
.operation-block ul { margin: 9px 0 0; padding: 0 18px 0 0; color: var(--muted); font-size: 12px; }
.leaflet-control-attribution { font-size: 9px; }
@media (max-width: 1100px) {
  .executive-metrics { grid-template-columns: repeat(4, 1fr); }
  .dashboard-grid, .secondary-grid { grid-template-columns: 1fr; }
  .rep-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 920px) {
  .portal { display: block; }
  .sidebar { position: fixed; z-index: 300; inset: 0 0 0 auto; width: 278px; transform: translateX(105%); transition: transform .2s ease; box-shadow: var(--shadow); }
  .portal.menu-open .sidebar { transform: translateX(0); }
  #menu-button { display: inline-grid; place-items: center; }
  .desktop-sidebar-toggle { display: none; }
  .metric-grid { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
  .account-chip { display: none; }
  .period-toolbar { flex-wrap: wrap; }
  .period-toolbar label { margin-inline-start: 0; }
  .messages-layout, .subscription-layout, .platform-company-layout { grid-template-columns: 1fr; }
  .permission-matrix { grid-template-columns: repeat(2, minmax(190px, 1fr)); }
  .branch-category-list { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
  .rep-kpi-grid { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
  .rep-page-head { grid-template-columns: auto 1fr; }
  .rep-page-navigation { grid-column: 1 / -1; }
  .portal.sidebar-collapsed .sidebar { width: 278px; padding: 22px 14px; }
  .portal.sidebar-collapsed .sidebar-label, .portal.sidebar-collapsed .nav-item > :not(:first-child), .portal.sidebar-collapsed .sidebar-foot { opacity: 1; pointer-events: auto; }
}
@media (max-width: 680px) {
  .team-table-wrap { display: none; }
  .team-card-grid { display: grid; gap: 10px; }
  .team-card { padding: 15px; border: 1px solid var(--line); border-radius: 6px; background: #fff; }
  .team-card-head { display: flex; align-items: center; gap: 10px; }
  .team-card-head > div { flex: 1; }
  .team-card-head strong, .team-card-head small { display: block; }
  .team-card-head small { color: var(--muted); }
  .team-card-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0; }
  .team-card-kpis div { padding: 9px; border-radius: 5px; background: var(--soft); }
  .team-card-kpis span, .team-card-kpis b { display: block; }
  .team-card-kpis span { color: var(--muted); font-size: 10px; }
  .team-card-actions { display: flex; gap: 8px; }
.team-card-actions .button { flex: 1; }
.team-member-link{display:grid;gap:3px;width:max-content;max-width:100%;padding:2px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.team-member-link strong{color:inherit;text-decoration-line:underline;text-decoration-style:dotted;text-underline-offset:4px}.team-member-link:hover strong,.team-member-link:focus-visible strong{color:var(--blue);text-decoration-style:solid}.team-member-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}.team-card-head .team-member-link{flex:1;min-width:0}.team-card-head .team-member-link strong,.team-card-head .team-member-link small{display:block}.team-table-wrap tbody tr:has(.team-member-link:hover){background:color-mix(in srgb,var(--blue),var(--white) 95%)}
.team-member-detail-dialog{width:min(720px,calc(100vw - 28px))}.team-member-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-member-detail-summary article{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.team-member-detail-summary span,.team-member-detail-summary strong{display:block}.team-member-detail-summary span{color:var(--muted);font-size:11px}.team-member-detail-summary strong{margin-top:6px;font-size:17px}.team-member-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.team-member-detail-meta div{padding:12px 14px;border:1px solid var(--line);border-radius:12px}.team-member-detail-meta small,.team-member-detail-meta b{display:block}.team-member-detail-meta small{color:var(--muted);margin-bottom:4px}@media(max-width:620px){.team-member-detail-summary,.team-member-detail-meta{grid-template-columns:1fr}}
.supervisor-target-dialog{width:min(900px,calc(100vw - 28px))}.supervisor-target-head{position:sticky;top:0;z-index:3;background:var(--white);padding-block:4px 14px}.supervisor-target-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 18px}.supervisor-target-stat{padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--white),var(--soft));box-shadow:0 8px 20px color-mix(in srgb,var(--ink),transparent 94%)}.supervisor-target-stat span,.supervisor-target-stat strong{display:block}.supervisor-target-stat span{color:var(--muted);font-size:11px}.supervisor-target-stat strong{margin-top:7px;font-size:20px;color:var(--ink)}.supervisor-target-groups,.supervisor-target-team{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--white)}#supervisor-target-groups,.supervisor-target-members{display:grid;gap:10px}.supervisor-target-group{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.supervisor-target-group>div>strong,.supervisor-target-group>div>small{display:block}.supervisor-target-group>div>small{margin-top:4px;color:var(--muted)}.supervisor-target-group>b{font-size:18px;color:var(--orange)}.supervisor-target-group>.target-progress-track{grid-column:1/-1}.supervisor-target-member{display:grid;grid-template-columns:32px minmax(0,1fr) auto 16px;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);text-align:start;cursor:pointer}.supervisor-target-member:hover{border-color:var(--blue);background:var(--soft)}.supervisor-target-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--blue);color:#fff}.supervisor-target-member>div strong,.supervisor-target-member>div small{display:block}.supervisor-target-member>div small{margin-top:3px;color:var(--muted)}.supervisor-target-member-result{text-align:end}.supervisor-target-member-result strong{direction:ltr}.supervisor-target-member>i{font-size:20px;color:var(--blue)}
@media (max-width:700px){.supervisor-target-summary{grid-template-columns:1fr 1fr}.supervisor-target-member{grid-template-columns:30px minmax(0,1fr) 14px}.supervisor-target-member-result{grid-column:2;text-align:start}.supervisor-target-dialog{width:calc(100vw - 16px)}}
  .approval-card { grid-template-columns: 40px 1fr auto; }
  .approval-card > div:nth-child(3), .approval-card > div:nth-child(4) { display: none; }
}
@media (max-width: 560px) {
  .auth-shell { background: var(--navy); padding: 14px; }
  .auth-panel { padding: 24px 19px; }
  .topbar { padding: 12px 14px; }
  .topbar h1 { font-size: 18px; }
  .content { padding: 20px 12px 44px; }
  .command-banner { min-height: 200px; align-items: flex-start; flex-direction: column; padding: 23px 20px; }
  .command-state { justify-items: start; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .section-heading .button { width: 100%; }
  .metric-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .metric { min-height: 108px; padding: 13px; }
  .metric strong { font-size: 21px; }
  .metric-icon { display: none !important; }
  .period-toolbar label { width: calc(50% - 4px); display: grid; gap: 2px; }
  .period-toolbar input { width: 100%; }
  .period-toolbar #apply-period { width: 100%; }
  .rep-performance-row { grid-template-columns: 38px 1fr 76px 25px; }
  .rep-performance-row > div:nth-child(4), .rep-performance-row > div:nth-child(5), .rep-performance-row > div:nth-child(6) { display: none; }
  .pulse-grid { grid-template-columns: 1fr 1fr; }
  .sales-chart { min-height: 210px; overflow-x: auto; }
  .chart-column { min-width: 45px; }
  .rep-kpi-grid { grid-template-columns: 1fr 1fr; gap: 7px; }
  .rep-kpi-card { padding: 10px; }
  .rep-kpi-head { display: grid; }
  .rep-kpi-head strong { font-size: 15px; }
  .toolbar { flex-direction: column; }
  .toolbar select { width: 100%; }
  .timeline-item { grid-template-columns: 1fr; gap: 7px; }
  .permission-tabs { overflow-x: auto; }
  .permission-tabs button { white-space: nowrap; }
  .permission-matrix { grid-template-columns: 1fr; }
  .member-basic-grid { grid-template-columns: 1fr; }
  .platform-seat-grid { grid-template-columns: 1fr 1fr; }
  .operation-detail-row { grid-template-columns: 1fr auto; }
  .member-identity-grid { grid-template-columns: 1fr; }
  .rep-dialog-shell { padding: 16px; }
  .rep-map { height: 330px; }
  .rep-page-head { grid-template-columns: 1fr; align-items: stretch; }
  .rep-page-head > .button { width: 100%; }
  .rep-page-navigation, .route-date-controls { flex-wrap: wrap; }
  .rep-page-navigation select { flex: 1; min-width: 150px; }
  .route-date-controls input { flex: 1; }
  .branch-admin-grid { grid-template-columns: 1fr; }
  .branch-category-list { grid-template-columns: 1fr 1fr; }
  .branch-code-box { align-items: stretch; flex-direction: column; }
  .branch-code-box > div { display: grid; grid-template-columns: 1fr 1fr; }
  .branch-session-actions .button, .branch-inline-form .button { flex: 1 1 145px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }
.approval-payload-details{display:grid;gap:12px;margin:12px 0 16px}.approval-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.approval-meta-grid>div{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.approval-meta-grid span,.approval-sample-row small{display:block;color:var(--muted);font-size:11px}.approval-meta-grid strong{display:block;margin-top:3px;font-size:13px;overflow-wrap:anywhere}.approval-sample-section{border:1px solid var(--line);border-radius:8px;padding:12px}.approval-sample-section h3{margin:0 0 8px;font-size:14px}.approval-sample-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line)}.approval-sample-index{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--orange);color:#fff;font-size:11px}.approval-sample-qty{direction:ltr;text-align:left;white-space:nowrap;color:var(--orange)}
@media(max-width:560px){.approval-meta-grid{grid-template-columns:1fr}.approval-sample-row{grid-template-columns:26px minmax(0,1fr)}.approval-sample-qty{grid-column:2;text-align:right}}

/* Dashboard personalization and operational controls. */
.dashboard-preferences{display:flex;justify-content:flex-end;gap:10px;margin:-6px 0 16px}.dashboard-preferences label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.dashboard-preferences select{min-height:38px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink)}
.surface-actions{display:flex;align-items:center;gap:8px}.target-progress-panel{margin-bottom:18px}.target-team-summary{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.target-team-summary strong{font-size:20px}.target-progress-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,2fr) 90px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.target-progress-row:last-child{border-bottom:0}.target-progress-track{height:12px;overflow:hidden;border-radius:999px;background:var(--line);position:relative}.target-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .25s ease}.target-progress-row.over-target .target-progress-fill,.target-team-summary.over-target .target-progress-fill{background:linear-gradient(90deg,var(--green) 0 82%,color-mix(in srgb,var(--green),#001b0e 38%) 82% 100%)}.target-progress-row b{direction:ltr;text-align:left}.target-editor{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.target-editor-fields{display:grid;grid-template-columns:repeat(3,minmax(135px,1fr)) auto;gap:10px;align-items:end}.target-editor label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.rep-target-inputs{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:9px;margin-top:12px}.rep-target-input{display:grid;grid-template-columns:1fr 110px;gap:8px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:7px}.target-editor-actions{display:flex;justify-content:flex-end;margin-top:12px}.approval-bulk-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.approval-bulk-actions .button b{margin-inline-start:5px}.operation-rep-group{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.operation-rep-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.operation-case-list{display:grid;gap:7px}.operation-case{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px;padding:9px;border-radius:7px;background:var(--soft)}.operation-case span,.operation-case small{display:block}.operation-case small{margin-top:3px;color:var(--muted)}
.sales-chart.chart-svg{display:block;padding:12px;min-height:245px}.sales-chart.chart-svg svg{width:100%;height:220px;overflow:visible}
.chart-grid-line{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.chart-dot{stroke:var(--white);stroke-width:2;vector-effect:non-scaling-stroke}
.sales-chart.chart-donut{display:grid;place-items:center}.dashboard-donut{width:190px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 var(--cash-angle),var(--orange) var(--cash-angle) 360deg);box-shadow:0 0 0 1px var(--line),0 14px 30px color-mix(in srgb, var(--ink), transparent 88%),inset 0 0 0 10px var(--white)}.dashboard-donut::after{content:attr(data-total);width:118px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;white-space:pre-line;background:var(--white);color:var(--ink);font-weight:900;box-shadow:0 2px 8px color-mix(in srgb, var(--ink), transparent 92%)}

/* Sales analysis, mixed targets, customer intelligence, and route insights. */
.chart-analysis-controls,.rep-kpi-period{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chart-analysis-controls select{min-height:38px;max-width:190px;padding:6px 28px 6px 9px}.rep-kpi-period button{min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--muted);font-weight:800}.rep-kpi-period button.active{border-color:var(--blue);background:color-mix(in srgb,var(--blue),#fff 88%);color:var(--blue)}
.target-team-summary-list{display:grid;gap:9px}.target-team-summary{position:relative}.target-team-summary .target-progress-track{grid-column:1/-1}.target-progress-track{overflow:visible}.target-progress-marker{position:absolute;inset-block-start:-10px;min-width:38px;padding:2px 5px;border:2px solid var(--green);border-radius:999px;background:#fff;color:var(--green);font-size:9px;line-height:16px;text-align:center;box-shadow:0 3px 12px color-mix(in srgb,var(--green),transparent 55%);animation:targetPulse 1.8s ease-in-out infinite}.rep-target-progress{overflow-x:auto;padding:2px}.target-detail-list{overflow-x:auto;margin-top:12px;border:1px solid var(--line);border-radius:8px}.target-detail-row{min-width:1050px;display:grid;grid-template-columns:150px 125px 100px 105px 105px 88px 88px 105px 110px;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:var(--white);font-size:12px}.target-detail-row:first-child{border-top:0}.target-detail-row.over-target{box-shadow:inset 4px 0 0 var(--green)}.target-detail-head{position:sticky;top:0;z-index:1;background:var(--soft);color:var(--muted)}.rep-target-group{min-width:1050px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.rep-target-group-head{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(360px,1fr);align-items:center;gap:18px;margin-bottom:13px}.rep-target-group-head small{display:block;margin-top:3px;color:var(--muted)}.rep-target-editor-card{padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.rep-target-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.rep-target-editor-rows{display:grid;gap:8px}.target-editor-row{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(160px,1.2fr) 110px 42px;gap:7px;align-items:center}.target-editor-row select,.target-editor-row input{min-width:0}.target-editor-row .icon-button{width:42px;height:42px}
.customer-report-toolbar{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(150px,.7fr) repeat(2,minmax(145px,.55fr)) auto;gap:10px;align-items:end;margin-bottom:14px}.customer-report-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.customer-report-toolbar .search-box{display:flex;align-items:center}.customer-report-toolbar .search-box input{flex:1;border:0;min-height:42px}.customer-report-metrics{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:9px;margin-bottom:12px}.customer-report-metrics>div{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.customer-report-metrics span,.customer-report-metrics strong{display:block}.customer-report-metrics span{color:var(--muted);font-size:10px}.customer-report-metrics strong{margin-top:4px;font-size:19px}.customer-report-table{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.customer-report-row{min-width:1240px;display:grid;grid-template-columns:170px 80px 105px 115px 190px 100px 110px 105px 105px 95px;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid var(--line);font-size:12px}.customer-report-row:first-child{border-top:0}.customer-report-head{background:var(--soft);color:var(--muted);font-weight:900}.customer-report-status{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;background:color-mix(in srgb, var(--green), var(--white) 88%);color:var(--green);font-weight:900}.customer-report-status.dormant{background:color-mix(in srgb, var(--red), var(--white) 88%);color:var(--red)}
.route-point{cursor:pointer;color:var(--ink)}.route-point:hover,.route-point:focus-visible{border-color:var(--blue);background:color-mix(in srgb,var(--blue),#fff 94%)}.route-insight{display:grid;gap:9px;margin-top:10px}.route-insight-summary{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px}.route-insight-summary>div,.route-point-detail{padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.route-insight-summary span,.route-insight-summary strong,.route-point-detail span,.route-point-detail strong{display:block}.route-insight-summary span,.route-point-detail span{color:var(--muted);font-size:10px}.route-insight-summary strong{margin-top:3px}.route-point-detail{display:grid;grid-template-columns:minmax(150px,1fr) repeat(2,auto);gap:12px;align-items:center;border-color:color-mix(in srgb,var(--blue),var(--line) 60%)}
@keyframes targetPulse{0%,100%{transform:scaleY(.72);opacity:.72}50%{transform:scaleY(1);opacity:1}}

/* Eight portal themes adopted from makhzan_multi_theme.html. */
body[data-dashboard-theme="current-roast"]{--theme-bg:#fff;--theme-card:#fff;--theme-card-alt:#f4eee8;--theme-line:#dccbb9;--theme-accent:#c1442e;--theme-accent-2:#cc9a4a;--theme-text:#2b1b11;--theme-muted:#765e4d;--theme-muted-2:#ad9684;--theme-panel:#21150d;--theme-panel-2:#382317}
body[data-dashboard-theme="current-roast"] .rep-performance-row:hover,body[data-dashboard-theme="current-roast"] .rep-performance-row:focus-visible{background:var(--theme-card-alt);color:var(--theme-text);outline-color:var(--theme-accent)}

.route-planner-fields{display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(170px,1fr);gap:12px}.route-planner-fields label{margin:0}.rep-target-editor-head>div{display:grid;gap:3px}.rep-target-editor-head small{color:var(--muted)}
.chart-column.single-series{align-items:center}.chart-column.single-series>i{width:min(42px,70%)}
.kpi-dialog-tabs,.pulse-tabs{display:flex;gap:8px;flex-wrap:wrap}.kpi-dialog-tabs{margin:14px 0}.kpi-dialog-tabs button,.pulse-tabs button{border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--muted);padding:8px 14px;font:inherit;font-weight:800;cursor:pointer}.kpi-dialog-tabs button.active,.pulse-tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}
.pulse-grid{display:grid;gap:12px}.pulse-rep-list{display:grid;gap:8px}.pulse-rep-row{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:3px 12px;text-align:right;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);padding:11px 13px;cursor:pointer}.pulse-rep-row small{grid-column:1/-1;color:var(--muted)}.pulse-rep-row.active{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue),transparent 82%)}
.operation-inline-details{display:grid;gap:8px;padding:4px 12px 12px;border-inline-start:3px solid var(--blue)}.operation-inline-card{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:4px 12px;padding:10px;border-radius:10px;background:var(--soft)}.operation-inline-card small,.operation-inline-card p{grid-column:1/-1;margin:0}.operation-required-action{color:var(--blue);font-weight:800}.operation-accordion{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:9px}.operation-accordion-button{width:100%;display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:10px;border:0;background:var(--white);color:var(--ink);padding:12px;text-align:right;cursor:pointer}.operation-accordion.open .operation-accordion-button{background:var(--soft)}
.route-outcome{display:block;color:var(--green);margin-top:5px}.route-outcome.new-customer{color:var(--blue)}
@media(max-width:800px){.route-planner-fields{grid-template-columns:1fr}.rep-performance-row{grid-template-columns:38px 1fr 90px 25px}.rep-performance-row>div:nth-child(4),.rep-performance-row>div:nth-child(5),.rep-performance-row>div:nth-child(6){display:none}.operation-inline-card{grid-template-columns:1fr}.operation-accordion-button{grid-template-columns:1fr auto}.operation-accordion-button span{grid-column:1/-1}}
body[data-dashboard-theme="vintage-sunset"]{--theme-bg:#ffffff;--theme-card:#ffffff;--theme-card-alt:#fbe8d2;--theme-line:#f0d9b8;--theme-accent:#c9720a;--theme-accent-2:#8a1140;--theme-text:#3a2a1a;--theme-muted:#8a7460;--theme-muted-2:#b3a08c;--theme-panel:#721033;--theme-panel-2:#951746}
body[data-dashboard-theme="gothic-romance"]{--theme-bg:#ffffff;--theme-card:#ffffff;--theme-card-alt:#f3dee0;--theme-line:#e9d2d5;--theme-accent:#97584a;--theme-accent-2:#6b4a30;--theme-text:#3a2a28;--theme-muted:#8a7570;--theme-muted-2:#b8a29c;--theme-panel:#4a2e29;--theme-panel-2:#6d4038}
body[data-dashboard-theme="monochrome-beach"]{--theme-bg:#ffffff;--theme-card:#ffffff;--theme-card-alt:#e3f0ef;--theme-line:#d3e6e5;--theme-accent:#1f7a80;--theme-accent-2:#2c5878;--theme-text:#22302f;--theme-muted:#6d7d7c;--theme-muted-2:#9fb0af;--theme-panel:#153f45;--theme-panel-2:#1f6268}
body[data-dashboard-theme="soft-serenity"]{--theme-bg:#ffffff;--theme-card:#fff;--theme-card-alt:#e7e6e0;--theme-line:#d8d5cb;--theme-accent:#8b6f6f;--theme-accent-2:#a49a99;--theme-text:#3a322f;--theme-muted:#8b8078;--theme-muted-2:#a89d94;--theme-panel:#564142;--theme-panel-2:#765b5c}
body[data-dashboard-theme="deep-sea"]{--theme-bg:#ffffff;--theme-card:#ffffff;--theme-card-alt:#e2e9f5;--theme-line:#d3ddf0;--theme-accent:#4a63a0;--theme-accent-2:#2c3f66;--theme-text:#202840;--theme-muted:#6b748f;--theme-muted-2:#9aa3bf;--theme-panel:#24365c;--theme-panel-2:#354f82}
body[data-dashboard-theme="soft-pink-delight"]{--theme-bg:#ffffff;--theme-card:#fff;--theme-card-alt:#fce3e9;--theme-line:#f6cdd8;--theme-accent:#e75c86;--theme-accent-2:#fb85a4;--theme-text:#4a1f30;--theme-muted:#a06478;--theme-muted-2:#c48c9d;--theme-panel:#8d2349;--theme-panel-2:#b83262}
body[data-dashboard-theme="earthy-forest"]{--theme-bg:#ffffff;--theme-card:#ffffff;--theme-card-alt:#e8edd9;--theme-line:#dbe3c8;--theme-accent:#5f7a45;--theme-accent-2:#9c8a5c;--theme-text:#2a3320;--theme-muted:#74806a;--theme-muted-2:#a3ad93;--theme-panel:#34472b;--theme-panel-2:#4e663d}
body[data-dashboard-theme]{--navy:var(--theme-bg);--navy-2:var(--theme-card-alt);--blue:var(--theme-accent);--cyan:var(--theme-accent-2);--green:#7fa06b;--red:#d9534f;--amber:var(--theme-accent-2);--orange:var(--theme-accent);--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);--soft:var(--theme-card-alt);--white:var(--theme-card);--shadow:0 16px 42px color-mix(in srgb,var(--theme-bg),transparent 48%);background:radial-gradient(ellipse 900px 500px at 15% -5%,color-mix(in srgb,var(--theme-accent) 16%,transparent),transparent 60%),radial-gradient(ellipse 700px 500px at 100% 10%,color-mix(in srgb,var(--theme-accent-2) 10%,transparent),transparent 55%),var(--theme-bg);color:var(--ink);transition:background .35s ease,color .35s ease}
body[data-dashboard-theme] .portal,body[data-dashboard-theme] .workspace{background:transparent;color:var(--ink)}
body[data-dashboard-theme] .sidebar{background:color-mix(in srgb,var(--theme-bg),#000 8%);color:var(--ink);border-color:var(--line)}
body[data-dashboard-theme] .sidebar-brand span,body[data-dashboard-theme] .sidebar-foot span,body[data-dashboard-theme] .nav-item{color:var(--muted)}
body[data-dashboard-theme] .nav-item span{color:var(--theme-accent)}
body[data-dashboard-theme] .nav-item:hover,body[data-dashboard-theme] .nav-item.active{background:var(--theme-card-alt);color:var(--ink);box-shadow:inset -3px 0 0 var(--theme-accent)}
body[data-dashboard-theme] .sidebar-logout{color:var(--ink);border-color:var(--line)}
body[data-dashboard-theme] .topbar{background:color-mix(in srgb,var(--theme-card),transparent 4%);color:var(--ink);border-color:var(--line)}
body[data-dashboard-theme] .command-banner{background:linear-gradient(145deg,var(--theme-card),var(--theme-card-alt));color:var(--ink);border-color:var(--line);border-radius:16px;box-shadow:0 14px 32px color-mix(in srgb,var(--theme-bg),transparent 55%)}
body[data-dashboard-theme] .command-kicker{color:var(--theme-accent)}body[data-dashboard-theme] .command-copy>p:last-child,body[data-dashboard-theme] .dashboard-date{color:var(--muted)}
body[data-dashboard-theme] .command-banner::before{background:var(--theme-accent)}body[data-dashboard-theme] .command-banner::after{border-color:var(--theme-accent-2)}
body[data-dashboard-theme] .surface,body[data-dashboard-theme] .metric,body[data-dashboard-theme] .metric-card,body[data-dashboard-theme] .table-wrap,body[data-dashboard-theme] dialog,body[data-dashboard-theme] dialog form,body[data-dashboard-theme] .period-toolbar,body[data-dashboard-theme] .search-box,body[data-dashboard-theme] .approval-card,body[data-dashboard-theme] .timeline-item,body[data-dashboard-theme] .team-card,body[data-dashboard-theme] .branch-archive-row,body[data-dashboard-theme] .route-point{background:var(--white);color:var(--ink);border-color:var(--line)}
body[data-dashboard-theme] .surface,body[data-dashboard-theme] .metric,body[data-dashboard-theme] .metric-card{border-radius:16px;box-shadow:0 10px 24px color-mix(in srgb,var(--theme-bg),transparent 72%)}
body[data-dashboard-theme] .metric,body[data-dashboard-theme] .metric-card{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--theme-card),var(--theme-card-alt));border-top-color:var(--theme-accent)}
body[data-dashboard-theme] .metric::before,body[data-dashboard-theme] .metric-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--theme-accent),transparent)}
body[data-dashboard-theme] .decision-item,body[data-dashboard-theme] .decision-item.danger,body[data-dashboard-theme] .approval-card>span:first-child,body[data-dashboard-theme] .kpi-missing-section{background:var(--soft);color:var(--ink);border-color:var(--line)}
body[data-dashboard-theme] input,body[data-dashboard-theme] select,body[data-dashboard-theme] textarea,body[data-dashboard-theme] .button.ghost,body[data-dashboard-theme] .icon-button,body[data-dashboard-theme] .rep-kpi-period button,body[data-dashboard-theme] .period-selector button{border-color:var(--line);background:var(--soft);color:var(--ink)}
body[data-dashboard-theme] .button.primary,body[data-dashboard-theme] .button:not(.ghost):not(.danger),body[data-dashboard-theme] .period-selector button.active{background:var(--theme-accent);border-color:var(--theme-accent);color:#fff}
body[data-dashboard-theme] .surface-title p,body[data-dashboard-theme] small,body[data-dashboard-theme] .section-heading p{color:var(--muted)}
body[data-dashboard-theme] tr:hover td{background:color-mix(in srgb,var(--theme-accent),transparent 90%)}
body[data-dashboard-theme] .dialog-head,body[data-dashboard-theme] .dialog-actions,body[data-dashboard-theme] #member-dialog .dialog-head,body[data-dashboard-theme] #member-dialog .dialog-actions{background:var(--white);border-color:var(--line)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dashboard-preferences{align-items:flex-start;flex-wrap:wrap}.dashboard-theme-control{display:grid;gap:7px;min-width:0;flex:1}.dashboard-preference-label{color:var(--muted);font-size:12px;font-weight:800}.dashboard-theme-picker{display:flex;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.dashboard-theme-button{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 11px;border:1px solid transparent;border-radius:9px;background:var(--soft);color:var(--ink);font-size:12px;font-weight:700}.dashboard-theme-button:hover,.dashboard-theme-button:focus-visible{border-color:var(--theme-accent)}.dashboard-theme-button.active{border-color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent) inset}.dashboard-theme-swatch{display:flex;width:36px;height:18px;overflow:hidden;border-radius:5px;box-shadow:0 0 0 1px color-mix(in srgb,var(--line),transparent 25%)}.dashboard-theme-swatch i{flex:1}
@media(max-width:980px){.customer-report-toolbar{grid-template-columns:1fr 1fr}.customer-report-toolbar .search-box{grid-column:1/-1}.customer-report-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.dashboard-preferences{display:grid;grid-template-columns:1fr 1fr}.dashboard-preferences label{display:grid}.target-editor-fields,.rep-target-inputs{grid-template-columns:1fr}.target-progress-row{grid-template-columns:1fr 70px}.target-progress-row .target-progress-track{grid-column:1/-1}.surface-actions{flex-wrap:wrap}.rep-target-input{grid-template-columns:1fr 100px}.chart-analysis-controls{width:100%}.chart-analysis-controls select{flex:1;max-width:none}.target-editor-row{grid-template-columns:1fr 1fr 42px}.target-editor-row>[data-target-item]{grid-column:1/-1}.rep-target-progress{overflow:visible}.rep-target-progress>.target-detail-head{display:none}.rep-target-group{min-width:0}.rep-target-group-head{grid-template-columns:1fr;gap:12px}.rep-target-group .target-detail-row{min-width:0;grid-template-columns:1fr 1fr;gap:0;padding:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.rep-target-group .target-detail-row>*{min-width:0;padding:9px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.rep-target-group .target-detail-row>*:nth-child(odd){border-inline-end:1px solid var(--line)}.rep-target-group .target-detail-row>*::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:700}.route-insight-summary{grid-template-columns:1fr 1fr}.route-point-detail{grid-template-columns:1fr}.customer-report-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.customer-report-toolbar{grid-template-columns:1fr}.customer-report-toolbar .search-box{grid-column:auto}.customer-report-metrics{grid-template-columns:1fr 1fr}.rep-kpi-period{width:100%}.rep-kpi-period button{flex:1}.route-insight-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.kpi-detail-summary{grid-template-columns:1fr auto}.kpi-detail-summary>small{grid-column:1/-1;text-align:right}.kpi-input-list,.kpi-evidence-list{grid-template-columns:1fr}}

#team-target-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#team-target-progress .target-team-summary{display:grid;grid-template-columns:1fr;align-content:start;gap:8px;min-width:0;padding:11px}#team-target-progress .target-team-summary strong{display:block;margin-top:3px;font-size:15px;line-height:1.45;overflow-wrap:anywhere}#team-target-progress .target-team-summary small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
@media(max-width:980px){#team-target-progress{grid-template-columns:1fr 1fr}}
@media(max-width:520px){#team-target-progress{grid-template-columns:1fr}}

/* Dashboard density and drill-down refinements. */
.target-summary-actions{display:flex;justify-content:flex-end;margin-top:8px}.compact-targets{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:9px;margin-top:9px;overflow:visible}.rep-target-compact-card{display:grid;gap:9px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font:inherit;text-align:inherit;cursor:pointer}.rep-target-compact-card:hover,.rep-target-compact-card:focus-visible{border-color:var(--blue);box-shadow:0 8px 22px rgba(27,38,59,.08)}.rep-target-compact-card.over-target{border-color:var(--green)}.rep-target-compact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.rep-target-compact-head strong,.rep-target-compact-head small{display:block}.rep-target-compact-head small{margin-top:3px;color:var(--muted);font-size:10px}.rep-target-compact-head b{direction:ltr;color:var(--green);font-size:16px}.rep-target-detail-panel{margin:14px 0}.rep-target-detail-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.rep-target-detail-summary>strong{grid-row:1/3;font-size:28px;color:var(--green);direction:ltr}.rep-target-detail-summary>span{color:var(--muted)}.rep-target-detail-summary>.target-progress-track{grid-column:1/-1}.rep-page-target-list{margin-top:10px}.customer-report-prompt{padding:48px 18px!important;text-align:center;color:var(--muted);font-weight:800}.customer-report-toolbar{grid-template-columns:minmax(210px,1.25fr) minmax(150px,.7fr) minmax(150px,.7fr) repeat(2,minmax(135px,.55fr)) auto auto}.customer-report-table table{min-width:1420px}.route-point.selected{border-color:#b91c1c;background:#fff0f0;color:#991b1b;box-shadow:0 0 0 2px rgba(185,28,28,.12)}.route-point-detail.selected{border-inline-start:4px solid #d12f2f;background:#fff5f5}.selected-route-tooltip{border:2px solid #d12f2f!important;color:#991b1b!important;font-weight:900!important;box-shadow:0 5px 16px rgba(153,27,27,.22)!important}
.customer-health{font-weight:900;white-space:nowrap}.customer-health.good{color:var(--green)}.customer-health.watch{color:var(--amber)}.customer-health.risk{color:var(--red)}
@media(max-width:980px){.compact-targets{grid-template-columns:1fr 1fr}.customer-report-toolbar{grid-template-columns:1fr 1fr}.customer-report-toolbar .search-box{grid-column:1/-1}}
@media(max-width:760px){.compact-targets{grid-template-columns:1fr}.rep-page-target-list .target-detail-head{display:none}.rep-page-target-list .target-detail-row{min-width:0;grid-template-columns:1fr 1fr;gap:0;padding:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.rep-page-target-list .target-detail-row>*{min-width:0;padding:9px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.rep-page-target-list .target-detail-row>*:nth-child(odd){border-inline-end:1px solid var(--line)}.rep-page-target-list .target-detail-row>*::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:700}}
@media(max-width:520px){.customer-report-toolbar{grid-template-columns:1fr}.customer-report-toolbar .search-box{grid-column:auto}.rep-target-detail-summary{grid-template-columns:1fr}.rep-target-detail-summary>strong{grid-row:auto}}

/* Unified management report center. */
.reports-center-heading{align-items:flex-start}.unified-report-filter{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(150px,.7fr) minmax(150px,.7fr) auto auto;gap:10px;align-items:end;margin-bottom:14px}.unified-report-filter label,.quote-builder-fields label{display:grid;gap:6px;font-size:11px;font-weight:900}.unified-report-filter input,.unified-report-filter select,.quote-builder-fields input{width:100%;min-height:42px}.report-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.report-catalog-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:82px;padding:12px;border:1px solid color-mix(in srgb,var(--theme-panel-2),#fff 42%);border-radius:12px;background:linear-gradient(145deg,var(--theme-panel),var(--theme-panel-2));color:#fff;font:inherit;text-align:inherit;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.report-catalog-card:hover,.report-catalog-card:focus-visible{transform:translateY(-2px);border-color:var(--theme-accent);box-shadow:0 12px 28px rgba(15,23,42,.15)}.report-catalog-card.active{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent),transparent 66%),0 14px 30px rgba(15,23,42,.2)}.report-card-icon,.report-output-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--theme-accent);color:#fff;font-size:17px;font-weight:900}.report-card-copy{display:grid;gap:5px;min-width:0}.report-card-copy strong{font-size:13px}.report-card-copy small{color:rgba(255,255,255,.72);font-size:10px;line-height:1.5}.unified-report-output{min-width:0}.unified-report-output-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.16)}.unified-report-output-head>div:first-child{display:flex;align-items:center;gap:10px}.unified-report-output-head h3,.unified-report-output-head p{margin:0}.unified-report-output-head p{margin-top:4px;color:rgba(255,255,255,.7);font-size:11px}.report-summary-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.report-summary-chip{display:grid;gap:2px;min-width:90px;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.07);color:#fff}.report-summary-chip small{color:rgba(255,255,255,.66);font-size:9px}.report-summary-chip strong{font-size:11px}.unified-report-table{border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#fff}.unified-report-table table{min-width:920px;color:#172033}.unified-report-table th{background:var(--theme-panel-2);color:#fff}.unified-report-table td{background:#fff;color:#172033}.quote-builder{margin-bottom:14px;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.07)}.quote-builder-fields{display:grid;grid-template-columns:1.2fr 1.2fr .55fr .65fr auto;gap:9px;align-items:end}.quote-total{margin-top:10px;padding:10px;border-radius:8px;background:var(--theme-accent);color:#fff;font-size:15px;font-weight:900;text-align:left;direction:ltr}
@media(max-width:1100px){.report-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.unified-report-filter{grid-template-columns:1fr 1fr 1fr}.unified-report-filter .button{width:100%}.quote-builder-fields{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.report-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.unified-report-filter{grid-template-columns:1fr 1fr}.unified-report-filter label:first-child{grid-column:1/-1}.unified-report-output-head{display:grid}.report-summary-chips{justify-content:flex-start}.quote-builder-fields{grid-template-columns:1fr 1fr}}
@media(max-width:470px){.report-catalog{grid-template-columns:1fr}.unified-report-filter,.quote-builder-fields{grid-template-columns:1fr}.unified-report-filter label:first-child{grid-column:auto}.report-catalog-card{min-height:70px}}
@media print{body.printing-unified-report>*{display:none!important}body.printing-unified-report #portal-view{display:block!important}body.printing-unified-report #portal-view>.sidebar,body.printing-unified-report #portal-view>.topbar,body.printing-unified-report #portal-view .page-view:not(#view-reports-center),body.printing-unified-report #view-reports-center>.reports-center-heading,body.printing-unified-report #view-reports-center>.unified-report-filter,body.printing-unified-report #view-reports-center>.report-catalog{display:none!important}body.printing-unified-report #view-reports-center,body.printing-unified-report #view-reports-center .unified-report-output{display:block!important;color:#111;background:#fff;box-shadow:none;border:0}body.printing-unified-report .unified-report-output-head{color:#111;border-color:#bbb}body.printing-unified-report .unified-report-output-head p,body.printing-unified-report .report-summary-chip small{color:#444}body.printing-unified-report .report-summary-chip{color:#111;border-color:#aaa;background:#fff}body.printing-unified-report .unified-report-table table{min-width:0;font-size:9px}body.printing-unified-report .unified-report-table th{background:#1b263b!important;color:#fff!important}}

/* Management Insights and Action Center. */
.management-insights-panel{margin:18px 0}.management-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.management-insight-card{min-width:0;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-inline-start:5px solid var(--blue);border-radius:8px;background:var(--white);color:var(--ink);font:inherit;text-align:right;cursor:pointer}.management-insight-card[data-severity="critical"]{border-inline-start-color:var(--red)}.management-insight-card[data-severity="high"]{border-inline-start-color:var(--orange)}.management-insight-card[data-severity="medium"]{border-inline-start-color:var(--amber)}.management-insight-card:hover,.management-insight-card:focus-visible{border-color:var(--blue);box-shadow:0 8px 22px rgba(27,38,59,.09);transform:translateY(-1px)}.management-insight-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.management-insight-card h4{margin:0;font-size:14px;line-height:1.55}.management-insight-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.management-insight-card>small{color:var(--blue);font-weight:900}.priority-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font-size:10px;font-weight:900}.priority-badge::before{content:"!";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--blue);color:#fff;font-size:9px}.priority-badge[data-priority="critical"]::before{background:var(--red)}.priority-badge[data-priority="high"]::before{background:var(--orange)}.priority-badge[data-priority="medium"]::before{background:var(--amber)}.priority-badge[data-priority="low"]::before{background:var(--green)}
.action-filter-toolbar{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr)) auto;gap:9px;align-items:end;margin-bottom:14px}.action-filter-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.action-center-list{display:grid;gap:10px}.action-card{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.7fr) minmax(130px,.55fr) minmax(130px,.55fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-inline-start:5px solid var(--blue);border-radius:8px;background:var(--white);box-shadow:0 2px 9px rgba(36,79,69,.04)}.action-card[data-priority="critical"]{border-inline-start-color:var(--red)}.action-card[data-priority="high"]{border-inline-start-color:var(--orange)}.action-card[data-priority="medium"]{border-inline-start-color:var(--amber)}.action-card[data-status="completed"],.action-card[data-status="closed"]{opacity:.72;border-inline-start-color:var(--green)}.action-card-main,.action-card-meta{min-width:0}.action-card-main strong,.action-card-main span,.action-card-main small,.action-card-meta strong,.action-card-meta span{display:block}.action-card-main strong{font-size:14px}.action-card-main span{margin-top:3px;color:var(--muted)}.action-card-main small{margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.action-card-meta span{color:var(--muted);font-size:10px}.action-card-meta strong{margin-top:3px;font-size:12px}.action-status-label{display:inline-flex;width:max-content;margin-top:6px;padding:4px 7px;border-radius:999px;background:var(--soft);font-size:10px;font-weight:900}.action-open-button{white-space:nowrap}.insight-dialog-shell,.action-dialog-shell{display:grid;gap:16px}.insight-detail-status{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding-block:12px;border-block:1px solid var(--line)}.insight-detail-status strong{direction:ltr}.insight-detail-status small{text-align:left;color:var(--muted)}.insight-description{margin:0;font-size:15px;line-height:1.9}.insight-detail-block h3,.insight-detail-grid h3{margin:0 0 8px;font-size:14px}.insight-evidence-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.insight-evidence-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:11px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.insight-evidence-row strong{direction:ltr}.insight-evidence-row small{grid-column:1/-1;color:var(--muted)}.insight-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.insight-detail-grid>div{padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.insight-detail-grid p{margin:0;color:var(--muted);line-height:1.8}.action-dialog-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.action-dialog-summary>div{padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.action-dialog-summary span,.action-dialog-summary strong{display:block}.action-dialog-summary span{color:var(--muted);font-size:10px}.action-dialog-summary strong{margin-top:4px}.action-state-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px}.action-state-form label{display:grid;gap:5px;color:var(--muted);font-weight:800}.action-note-label,.action-state-form .form-error,.action-state-form button{grid-column:1/-1}.action-timeline{display:grid;gap:7px}.action-timeline-row{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:7px}.action-timeline-row time{direction:ltr;color:var(--muted);font-size:10px}.action-timeline-row small{color:var(--muted)}
.action-counter-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.action-counter-groups .surface{padding:13px}.action-counter-groups h3{margin:0 0 9px;font-size:13px}.action-counter-list{display:flex;flex-wrap:wrap;gap:7px}.action-counter-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:112px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);font-size:11px}.action-counter-chip strong{direction:ltr}.action-priority-explanation{grid-column:1/-1}.action-export-actions{justify-content:flex-end;flex-wrap:wrap}.action-updated-at{font-size:10px!important}.action-print-report{display:none}
.action-counter-groups.single-group{grid-template-columns:1fr}.action-customer-name{display:block;margin:6px 0 16px;padding:12px 14px;border-inline-start:4px solid var(--primary);background:var(--soft);color:var(--ink);font-size:22px;font-weight:900}.action-aging-section{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.action-aging-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.action-aging-grid>div{padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}.action-aging-grid span{display:block;color:var(--muted);font-size:11px}.action-aging-grid strong{display:block;margin-top:4px;font-size:15px;direction:ltr;text-align:start}.action-manager-help{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.7}.action-state-form h3{margin:0 0 4px}.action-state-form label[hidden],.action-state-form select[hidden]{display:none!important}
.action-results-summary{margin:0;color:var(--muted);font-size:12px;font-weight:700}.action-load-more{width:min(100%,420px);margin:6px auto 0;justify-self:center}
@media(max-width:1180px){.management-insights-grid{grid-template-columns:1fr 1fr}.action-filter-toolbar{grid-template-columns:repeat(3,1fr)}.action-card{grid-template-columns:minmax(210px,1fr) 150px 130px auto}.action-card>.action-card-meta:nth-of-type(3){display:none}}
@media(max-width:760px){.management-insights-grid{grid-template-columns:1fr}.action-filter-toolbar,.action-counter-groups{grid-template-columns:1fr 1fr}.action-counter-groups.single-group{grid-template-columns:1fr}.action-card{grid-template-columns:1fr auto}.action-card>.action-card-meta{display:block!important}.action-card>.action-card-meta:nth-of-type(2),.action-card>.action-card-meta:nth-of-type(3){grid-column:1/-1;display:grid!important;grid-template-columns:110px 1fr;gap:8px}.action-open-button{grid-column:2;grid-row:1/3}.insight-detail-grid,.insight-evidence-list{grid-template-columns:1fr}.action-dialog-summary{grid-template-columns:1fr 1fr}.action-aging-grid{grid-template-columns:1fr 1fr}.action-aging-grid>div:first-child{grid-column:1/-1}.action-timeline-row{grid-template-columns:1fr}.insight-detail-status{grid-template-columns:1fr auto}.insight-detail-status small{grid-column:1/-1;text-align:right}.action-priority-explanation{grid-column:auto}}

.rep-target-compact-card{position:relative;overflow:hidden;box-shadow:0 9px 0 color-mix(in srgb,var(--blue),transparent 88%),0 13px 24px rgba(15,23,42,.08)}.rep-target-compact-card::after{content:attr(data-rank);position:absolute;inset-inline-end:10px;inset-block-end:7px;font-size:38px;font-weight:950;color:color-mix(in srgb,var(--blue),transparent 88%);pointer-events:none}.rep-target-compact-card.no-target{border-style:dashed;box-shadow:none}.rep-management-actions{display:flex;gap:7px;flex-wrap:wrap}.rep-achievement-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:10px 0 14px}.achievement-medal{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 9px 18px rgba(15,23,42,.07)}.achievement-ring{--score:0;display:grid;place-items:center;width:72px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--green) calc(var(--score)*1%),var(--soft) 0);box-shadow:inset 0 0 0 9px var(--white),0 7px 0 color-mix(in srgb,var(--green),transparent 80%);font-weight:950}.achievement-copy strong,.achievement-copy small{display:block}.achievement-copy small{margin-top:4px;color:var(--muted)}.customer-ledger-dialog{width:min(1040px,calc(100vw - 24px))}.customer-ledger-table table{min-width:800px}.customer-ledger-table .money-cell{direction:ltr;text-align:end}.rep-route-customer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:46vh;overflow:auto;padding:3px}.rep-route-customer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--white)}.rep-route-customer input{width:20px;height:20px}
@media(max-width:760px){.rep-management-actions{width:100%}.rep-management-actions .button{flex:1}.rep-route-customer-list{grid-template-columns:1fr}.achievement-medal{grid-template-columns:64px 1fr}.achievement-ring{width:62px}#member-dialog form{padding-inline:14px}#member-dialog .dialog-head,#member-dialog .dialog-actions{margin-inline:-14px;padding-inline:14px}}
@media(max-width:760px){.company-owner-login-actions{align-items:stretch;flex-direction:column}.company-owner-login-actions .button{width:100%}}
@media(max-width:520px){.action-filter-toolbar,.action-counter-groups{grid-template-columns:1fr}.action-filter-toolbar .button,.action-export-actions,.action-export-actions .button{width:100%}.action-card{grid-template-columns:1fr}.action-open-button{grid-column:auto;grid-row:auto;width:100%}.action-state-form{grid-template-columns:1fr}.action-state-form>*{grid-column:1!important}.action-dialog-summary{grid-template-columns:1fr 1fr}}
@media print{body>*{display:none!important}.action-print-report{display:block!important;direction:rtl;color:#111;background:#fff;font-family:Tahoma,Arial,sans-serif}.action-print-report table{width:100%;border-collapse:collapse;font-size:9pt}.action-print-report th,.action-print-report td{padding:6px;border:1px solid #bbb;text-align:right}.action-print-report h1,.action-print-report p{margin:0 0 10px}}

.insight-category{color:var(--muted);font-size:10px;font-weight:900}

/* Customer 360 and explainable weekly-route suggestions. */
.rep-route-customer>span{min-width:0}.rep-route-customer strong,.rep-route-customer small{display:block}.rep-route-customer small{margin-top:4px;color:var(--muted);line-height:1.55}.rep-route-customer input{flex:0 0 auto}.rep-route-customer.suggested{border-color:color-mix(in srgb,var(--green),var(--line) 35%);background:color-mix(in srgb,var(--green),var(--white) 95%)}
.route-customer-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.route-customer-badge{padding:3px 6px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:9px;font-weight:900}.route-customer-badge.suggested{background:color-mix(in srgb,var(--green),var(--white) 84%);color:var(--green)}.route-customer-badge.risk{background:color-mix(in srgb,var(--red),var(--white) 87%);color:var(--red)}.route-customer-badge.credit{background:color-mix(in srgb,var(--amber),var(--white) 82%);color:#8a5600}
.route-suggestion-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 9px;padding:11px;border:1px solid color-mix(in srgb,var(--blue),var(--line) 62%);border-radius:8px;background:color-mix(in srgb,var(--blue),var(--white) 96%)}.route-suggestion-toolbar strong,.route-suggestion-toolbar small{display:block}.route-suggestion-toolbar small{margin-top:3px;color:var(--muted)}.route-suggestion-toolbar>div:last-child{display:flex;gap:6px;flex-wrap:wrap}
.customer-360-dialog{width:min(1120px,calc(100vw - 24px))}.customer-360-shell{display:grid;gap:12px}.customer-360-status{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.customer-360-status span{padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:900}.customer-360-status .good{background:color-mix(in srgb,var(--green),var(--white) 86%);color:var(--green)}.customer-360-status .risk{background:color-mix(in srgb,var(--red),var(--white) 88%);color:var(--red)}
.customer-360-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-360-panel{padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.customer-360-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.customer-360-panel h3{margin:0}.customer-360-panel-head small{color:var(--muted)}
.customer-360-aging{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.customer-360-aging>div{padding:9px;border-radius:7px;background:var(--soft)}.customer-360-aging span,.customer-360-aging strong{display:block}.customer-360-aging span{color:var(--muted);font-size:9px}.customer-360-aging strong{margin-top:4px;font-size:12px;direction:ltr}.customer-360-items{display:flex;gap:7px;flex-wrap:wrap}.customer-360-items span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-weight:800}
.customer-360-invoices table{min-width:680px}.customer-360-invoices td:last-child{direction:ltr;font-weight:900}.customer-360-recommendations #customer-360-recommendations{display:grid;gap:7px}.customer-360-recommendation{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:9px;border-radius:7px;background:var(--soft)}.customer-360-recommendation b{padding:3px 6px;border-radius:999px;background:var(--white);color:var(--blue);font-size:9px}.customer-360-note textarea{width:100%;resize:vertical}.customer-360-note textarea:disabled{opacity:.65}
.customer-360-credit-policy{border-inline-start:4px solid var(--blue)}.customer-360-credit-policy .customer-360-panel-head>div{display:grid;gap:4px}.customer-360-credit-policy-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.65fr) auto;gap:10px;align-items:end}.customer-360-credit-policy-form label{display:grid;gap:6px;font-size:12px}.customer-360-credit-policy-form .button{min-height:46px}.customer-360-credit-policy-note{margin:2px 0 0;color:var(--muted);font-size:11px}.credit-policy-moved{display:flex;align-items:center;justify-content:space-between;gap:14px}.credit-policy-moved .surface-title{margin:0}.legacy-credit-policy-bindings{display:none!important}
body[data-dashboard-theme="current-roast"] .customer-360-credit-policy{background:#2b1b12;color:#f6e7d4;border-color:#c1442e}body[data-dashboard-theme="current-roast"] .customer-360-credit-policy-note{color:#cbb398}
@media(max-width:760px){.route-suggestion-toolbar{align-items:stretch;display:grid}.customer-360-grid{grid-template-columns:1fr}.customer-360-aging{grid-template-columns:1fr 1fr}.customer-360-panel-head{align-items:flex-start;display:grid}}
@media(max-width:760px){.customer-360-credit-policy-form{grid-template-columns:1fr}.credit-policy-moved{align-items:stretch;flex-direction:column}}

@media print{
  body>dialog.print-ledger{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;box-shadow:none!important;color:#111!important;background:#fff!important}
  body>dialog.print-ledger::backdrop{display:none!important}
  .print-ledger .dialog-head .icon-button,.print-ledger .dialog-actions,.print-ledger .security-note{display:none!important}
  .print-ledger .metric-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
  .print-ledger .table-wrap{overflow:visible!important}
  .print-ledger table{min-width:0!important;width:100%!important;border-collapse:collapse!important;font-size:9pt!important}
  .print-ledger th,.print-ledger td{border:1px solid #bbb!important;padding:6px!important;color:#111!important;background:#fff!important}
}
/* Weekly routes and delinquency report. */
.delinquency-toolbar{display:flex;align-items:end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.delinquency-toolbar label{display:grid;gap:5px;min-width:190px;color:var(--muted);font-size:12px;font-weight:800}.delinquency-sheet{padding:0;overflow:hidden}.delinquency-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-bottom:2px solid var(--ink)}.delinquency-brand{display:flex;align-items:center;gap:14px}.delinquency-brand img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.15)}.delinquency-header h3{margin:5px 0 0;font-size:24px}.delinquency-header>div:last-child{display:grid;grid-template-columns:auto minmax(130px,auto);gap:5px 12px}.delinquency-header span{color:var(--muted);font-size:11px}.delinquency-table{border:0;border-radius:0}.delinquency-table table{min-width:1580px}.delinquency-table th,.delinquency-table td{text-align:center}.delinquency-table td:nth-child(3),.delinquency-table td:nth-child(4),.delinquency-table td:nth-child(12){text-align:right}.delinquency-table td:nth-child(n+6):nth-child(-n+10){direction:ltr;font-variant-numeric:tabular-nums;font-weight:800}.delinquency-total{padding:14px 20px;text-align:left;font-weight:900;border-top:2px solid var(--ink)}
.delinquency-aging-group th[colspan]{font-size:13px;letter-spacing:.02em;background:color-mix(in srgb,var(--accent) 78%,var(--ink))}
@media(max-width:760px){.delinquency-header{display:grid}.delinquency-toolbar label{width:100%}}
@media print{body *{visibility:hidden}.delinquency-sheet,.delinquency-sheet *{visibility:visible}.delinquency-sheet{position:absolute;inset:0;width:100%;box-shadow:none;border:0}.delinquency-table{overflow:visible}.delinquency-table table{min-width:0;font-size:9px}.delinquency-header{padding:10px}.delinquency-header h3{font-size:18px}}

/* Explainable management analytics. */
.executive-brief-panel{margin:14px 0}.executive-brief-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px}.executive-brief-item{position:relative;display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,var(--white),var(--soft));overflow:hidden}.executive-brief-item:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--blue)}.executive-brief-item[data-tone="green"]:before{background:var(--green)}.executive-brief-item[data-tone="orange"]:before,.executive-brief-item[data-tone="amber"]:before{background:var(--orange)}.executive-brief-item[data-tone="cyan"]:before{background:var(--cyan)}.executive-brief-item span,.executive-brief-item small{color:var(--muted);font-size:10px}.executive-brief-item strong{font-size:17px}.executive-brief-source{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px}
.customer-intelligence-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin:12px 0}.customer-intelligence-card{min-width:0}.customer-segments{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-segment{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.customer-segment>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;font-size:18px}.customer-segment.segment-b>b{background:var(--blue)}.customer-segment.segment-c>b{background:var(--orange)}.customer-segment.segment-d>b{background:var(--red)}.customer-segment strong,.customer-segment small{display:block}.customer-segment small{margin-top:3px;color:var(--muted);font-size:9px}.customer-churn{display:grid;gap:7px}.customer-churn-head{display:flex;justify-content:space-between;gap:8px;padding:10px;border-radius:8px;background:color-mix(in srgb,var(--orange),var(--white) 88%)}.customer-churn-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:10px}.customer-churn-row span{color:var(--muted);text-align:end}.customer-area-heatmap{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.customer-area-cell{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--red),var(--white) 88%) var(--coverage),var(--white) var(--coverage))}.customer-area-cell[data-coverage="attention"]{background:linear-gradient(90deg,color-mix(in srgb,var(--orange),var(--white) 86%) var(--coverage),var(--white) var(--coverage))}.customer-area-cell[data-coverage="good"]{background:linear-gradient(90deg,color-mix(in srgb,var(--green),var(--white) 88%) var(--coverage),var(--white) var(--coverage))}.customer-area-cell span,.customer-area-cell small{color:var(--muted);font-size:9px}
.team-comparison-panel{margin:0 0 14px}.team-smart-alerts{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin-bottom:12px}.team-smart-alert{display:grid;gap:4px;padding:10px;border:1px solid color-mix(in srgb,var(--orange),var(--line) 40%);border-radius:8px;background:color-mix(in srgb,var(--orange),var(--white) 92%)}.team-smart-alert[data-tone="risk"]{border-color:color-mix(in srgb,var(--red),var(--line) 40%);background:color-mix(in srgb,var(--red),var(--white) 93%)}.team-smart-alert small{color:var(--muted);font-size:9px}.team-smart-ok{padding:11px;border-radius:8px;background:color-mix(in srgb,var(--green),var(--white) 91%);color:var(--green);font-weight:800}.team-comparison{display:grid;gap:7px}.team-comparison-row{display:grid;grid-template-columns:42px minmax(130px,.7fr) minmax(180px,2fr) minmax(130px,.7fr);gap:10px;align-items:center;width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit;text-align:inherit;cursor:pointer}.team-comparison-row:hover{border-color:var(--blue);background:var(--soft)}.team-comparison-rank{color:var(--blue);direction:ltr}.team-comparison-name strong,.team-comparison-name small,.team-comparison-values strong,.team-comparison-values small{display:block}.team-comparison-name small,.team-comparison-values small{color:var(--muted);font-size:9px}.team-comparison-track{height:9px;border-radius:99px;background:var(--soft);overflow:hidden}.team-comparison-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.rep-analytics-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin:14px 0}.rep-history-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rep-history-quarter{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.rep-history-quarter span,.rep-history-quarter small{color:var(--muted);font-size:9px}.rep-history-chart{display:flex;align-items:flex-end;gap:6px;min-height:205px;margin-top:12px;overflow-x:auto;padding:8px}.rep-history-month{display:grid;grid-template-rows:155px auto auto;gap:3px;min-width:42px;text-align:center}.rep-history-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:155px}.rep-history-bars i{display:block;width:12px;min-height:3px;border-radius:4px 4px 0 0;background:var(--green)}.rep-history-bars i.goal{background:var(--orange);opacity:.7}.rep-history-month strong{font-size:9px;direction:ltr}.rep-history-month small{color:var(--muted);font-size:8px}.rep-product-weekday{overflow-x:auto}.product-weekday-table{min-width:720px}.product-weekday-row{display:grid;grid-template-columns:minmax(125px,1.2fr) repeat(7,minmax(64px,1fr));border-top:1px solid var(--line)}.product-weekday-row>*{padding:9px 6px;text-align:center}.product-weekday-row>strong:first-child{text-align:start}.product-weekday-row.head{border:0;background:var(--soft);font-size:9px}.product-weekday-cell{background:color-mix(in srgb,var(--blue) calc(var(--heat) * 70%),var(--white));font-size:10px}.matrix-note{margin:8px 0 0;color:var(--muted);font-size:9px}
@media(max-width:1100px){.executive-brief-grid{grid-template-columns:repeat(3,1fr)}.customer-intelligence-grid,.rep-analytics-grid{grid-template-columns:1fr}.team-smart-alerts{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.executive-brief-grid{grid-template-columns:1fr 1fr}.customer-area-heatmap,.customer-segments,.rep-history-summary{grid-template-columns:1fr}.team-smart-alerts{grid-template-columns:1fr}.team-comparison-row{grid-template-columns:38px 1fr}.team-comparison-track,.team-comparison-values{grid-column:2}.executive-brief-source{grid-column:1/-1}}

/* Follow-up drill-downs, grouped reports, and refined management controls. */
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]){background:#fff}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .workspace{background:#fff}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar{background:var(--theme-card-alt)}
.nav-report-group{display:grid;gap:5px}.nav-report-group>summary{list-style:none;cursor:pointer}.nav-report-group>summary::-webkit-details-marker{display:none}.nav-report-group>summary i{margin-inline-start:auto;font-style:normal;transition:transform .18s ease}.nav-report-group[open]>summary i{transform:rotate(180deg)}.nav-report-submenu{display:grid;gap:4px;padding-inline-start:12px}.nav-report-submenu .nav-item{min-height:40px;font-size:12px;border-inline-start:3px solid color-mix(in srgb,var(--blue),transparent 70%)}
.sensitive-action{--sensitive-accent:color-mix(in srgb,#d12f2f 78%,var(--theme-accent) 22%);border-color:color-mix(in srgb,var(--sensitive-accent),var(--line) 42%)!important;background:color-mix(in srgb,var(--sensitive-accent),var(--white) 91%)!important;color:var(--ink)!important}.sensitive-action::before{content:"◆";display:inline-grid;place-items:center;width:19px;height:19px;margin-inline-end:5px;border-radius:6px;background:color-mix(in srgb,var(--sensitive-accent),var(--white) 86%);color:var(--sensitive-accent);font-size:11px;font-weight:950}.sensitive-action:hover{border-color:var(--sensitive-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sensitive-accent),transparent 84%)}#open-rep-route-planner::before{content:"⌖"}#open-rep-target-editor::before,#toggle-target-editor::before{content:"◎"}#save-targets::before,#save-rep-route::before,#save-member-button::before{content:"✓"}#create-user-button::before{content:"＋"}
.pulse-tabs{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:7px}.pulse-tabs button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;min-height:44px;border-radius:10px;padding:7px 10px;text-align:start}.pulse-tab-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--soft);color:var(--blue);font-style:normal;font-size:16px}.pulse-tabs button.active .pulse-tab-icon{background:color-mix(in srgb,#fff,transparent 82%);color:#fff}.pulse-rep-row.alert{border-inline-start:5px solid var(--orange)}.pulse-rep-row:hover{border-color:var(--blue);background:var(--soft);transform:translateY(-1px)}
.dialog-head-actions{display:flex;align-items:center;gap:8px}.operation-rep-selector{display:grid;gap:9px}.operation-rep-select{display:grid;grid-template-columns:44px minmax(0,1fr) auto 20px;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);text-align:start;cursor:pointer}.operation-rep-select:hover{border-color:var(--blue);background:var(--soft);box-shadow:0 8px 20px color-mix(in srgb,var(--ink),transparent 92%)}.operation-rep-select small{display:block;margin-top:4px;color:var(--muted)}.operation-rep-select>b{min-width:34px;padding:6px 8px;border-radius:999px;background:color-mix(in srgb,var(--orange),var(--white) 84%);color:var(--orange);text-align:center}.operation-rep-select>i{font-size:22px;color:var(--blue)}.operation-inline-details{padding:0;border:0}.operation-inline-card{position:relative;grid-template-columns:minmax(0,1fr) auto;padding:14px 48px 14px 14px;border:1px solid var(--line);background:linear-gradient(145deg,var(--white),var(--soft))}.operation-case-number{position:absolute;inset-inline-start:12px;inset-block-start:12px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--blue);color:#fff;font-weight:900}.operation-case-value{direction:ltr;color:var(--orange)}.operation-missing-details{padding:12px;border:1px dashed var(--orange);border-radius:10px;background:color-mix(in srgb,var(--orange),var(--white) 92%);color:var(--ink)}
.chart-point-value{fill:var(--ink);font-size:10px;font-weight:900;paint-order:stroke;stroke:var(--white);stroke-width:3px}.chart-column-value{position:absolute;inset:auto 0 188px;color:var(--ink);font-size:9px;font-weight:900;text-align:center;direction:ltr}.rep-history-month{grid-template-rows:155px auto auto auto}.rep-history-value{font-size:9px;direction:ltr;color:var(--green)}.product-weekday-row .holiday{background:color-mix(in srgb,var(--red),var(--white) 92%);color:var(--red)}.matrix-note{padding:10px;border-radius:8px;background:var(--soft);font-size:10px;line-height:1.7}
.rep-page-navigation select{min-width:220px;min-height:42px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--blue),var(--line) 55%);border-radius:12px;background:linear-gradient(145deg,var(--white),var(--soft));color:var(--ink);font-weight:850;box-shadow:0 7px 18px color-mix(in srgb,var(--ink),transparent 93%);cursor:pointer}.rep-page-navigation select:focus{outline:3px solid color-mix(in srgb,var(--blue),transparent 82%);border-color:var(--blue)}.rep-period-tabs{display:flex;gap:5px;flex-wrap:wrap}.rep-kpi-extra-control{position:relative}.rep-kpi-extra-menu{position:absolute;z-index:30;inset-inline-end:0;top:calc(100% + 8px);width:min(520px,calc(100vw - 48px));max-height:360px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 22px 50px color-mix(in srgb,var(--ink),transparent 78%)}.rep-kpi-extra-menu[hidden]{display:none}.rep-kpi-extra-option{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px!important;padding:10px!important;border-radius:10px!important;text-align:start!important}.rep-kpi-extra-option span,.rep-kpi-extra-option strong,.rep-kpi-extra-option small{display:block}.rep-kpi-extra-option small{margin-top:3px;color:var(--muted);font-size:9px}.rep-kpi-extra-option b{direction:ltr;color:var(--blue)}.rep-kpi-extra-option.active{border-color:var(--blue)!important;background:color-mix(in srgb,var(--blue),var(--white) 90%)!important}.rep-kpi-extra-option.remove{grid-column:1/-1;min-height:40px!important;color:var(--red)!important}
@media(max-width:900px){.pulse-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.pulse-tabs{grid-template-columns:1fr 1fr}.pulse-tabs button{grid-template-columns:24px 1fr;padding:6px}.pulse-tab-icon{width:24px;height:24px}.operation-rep-select{grid-template-columns:38px minmax(0,1fr) auto}.operation-rep-select>i{display:none}.rep-kpi-extra-menu{grid-template-columns:1fr}.rep-kpi-extra-option.remove{grid-column:auto}.rep-kpi-period{align-items:stretch}.rep-kpi-extra-control{width:100%}.rep-kpi-extra-control>button{width:100%}}

/* Dark palette surfaces on a white canvas across every theme. */
body[data-dashboard-theme]{background:#fff;color:var(--theme-text)}
html,body{max-width:100%;overflow-x:clip}
body[data-dashboard-theme] .workspace{background:#fff}
body[data-dashboard-theme] .sidebar{--ink:#fff;--muted:rgba(255,255,255,.68);--line:rgba(255,255,255,.16);--soft:var(--theme-panel-2);--white:var(--theme-panel);background:linear-gradient(180deg,var(--theme-panel),color-mix(in srgb,var(--theme-panel),#000 15%));color:#fff}
body[data-dashboard-theme] .sidebar .nav-item{color:rgba(255,255,255,.78)}body[data-dashboard-theme] .sidebar .nav-item:hover,body[data-dashboard-theme] .sidebar .nav-item.active{background:var(--theme-panel-2);color:#fff}body[data-dashboard-theme] .sidebar-foot{border-color:rgba(255,255,255,.15)}
body[data-dashboard-theme] .surface,body[data-dashboard-theme] .metric,body[data-dashboard-theme] .command-banner{--ink:#fff;--muted:rgba(255,255,255,.68);--line:rgba(255,255,255,.16);--soft:var(--theme-panel-2);--white:var(--theme-panel);--navy:var(--theme-panel);--navy-2:var(--theme-panel-2);background:linear-gradient(145deg,var(--theme-panel),color-mix(in srgb,var(--theme-panel-2),#000 10%));border-color:rgba(255,255,255,.14);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--theme-panel),transparent 76%)}
body[data-dashboard-theme] .command-banner{background:linear-gradient(145deg,var(--theme-panel),var(--theme-panel-2))!important;color:#fff!important}body[data-dashboard-theme] .command-banner h2,body[data-dashboard-theme] .command-banner p{color:#fff}body[data-dashboard-theme] .command-banner .eyebrow{color:rgba(255,255,255,.68)}
body[data-dashboard-theme] .period-toolbar{--ink:#fff;--muted:rgba(255,255,255,.68);--line:rgba(255,255,255,.16);--soft:var(--theme-panel-2);--white:var(--theme-panel);background:var(--theme-panel);border-color:rgba(255,255,255,.16);color:#fff}body[data-dashboard-theme] .period-toolbar input,body[data-dashboard-theme] .period-toolbar select{background:var(--theme-panel-2);border-color:rgba(255,255,255,.2);color:#fff}body[data-dashboard-theme] .period-toolbar option{background:var(--theme-panel);color:#fff}
body[data-dashboard-theme] .period-toolbar button{background:var(--theme-panel-2);border-color:rgba(255,255,255,.18);color:#fff}body[data-dashboard-theme] .period-toolbar button.active{background:var(--theme-accent);border-color:var(--theme-accent);color:#fff}
body[data-dashboard-theme] .surface input,body[data-dashboard-theme] .surface select,body[data-dashboard-theme] .surface textarea{background:var(--theme-panel-2);border-color:rgba(255,255,255,.2);color:#fff}body[data-dashboard-theme] .surface option{background:var(--theme-panel);color:#fff}body[data-dashboard-theme] .surface .button.ghost,body[data-dashboard-theme] .surface .icon-button{background:var(--theme-panel-2);border-color:rgba(255,255,255,.22);color:#fff}body[data-dashboard-theme] .surface .button.ghost:hover,body[data-dashboard-theme] .surface .icon-button:hover{background:color-mix(in srgb,var(--theme-panel-2),#fff 12%)}
body[data-dashboard-theme] .surface .surface-title,body[data-dashboard-theme] .surface table td,body[data-dashboard-theme] .surface table th{border-color:rgba(255,255,255,.15)}body[data-dashboard-theme] .surface table th{background:color-mix(in srgb,var(--theme-panel),#000 14%);color:#fff}body[data-dashboard-theme] .surface table tbody tr:hover{background:color-mix(in srgb,var(--theme-panel-2),#fff 8%)}
body[data-dashboard-theme] .metric>span,body[data-dashboard-theme] .metric>small,body[data-dashboard-theme] .surface p,body[data-dashboard-theme] .surface small{color:rgba(255,255,255,.67)}body[data-dashboard-theme] .metric strong,body[data-dashboard-theme] .surface h2,body[data-dashboard-theme] .surface h3,body[data-dashboard-theme] .surface h4{color:#fff}
body[data-dashboard-theme] .rep-performance-row{color:#fff;border-color:rgba(255,255,255,.13)}body[data-dashboard-theme] .rep-performance-row:hover,body[data-dashboard-theme] .team-comparison-row:hover{background:var(--theme-panel-2);color:#fff}body[data-dashboard-theme] .dashboard-preferences select{background:#fff;color:var(--theme-text)}

/* Compact two-column Operations Pulse. */
.pulse-grid{grid-template-columns:1fr!important}.pulse-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pulse-tabs button{grid-template-columns:18px 1fr;align-self:start;min-height:34px;height:34px;padding:5px 8px;border-radius:8px;background:var(--theme-panel-2);color:#fff;font-size:11px}.pulse-tabs button.active{background:var(--theme-accent);border-color:var(--theme-accent);color:#fff}.pulse-tab-icon{width:18px;height:18px;border-radius:5px;font-size:10px}.pulse-rep-row{padding:9px 11px;border-radius:9px}.pulse-rep-row small{font-size:9px}

/* Rep profile hierarchy and visual card choices. */
.rep-profile-hero{position:relative;grid-template-columns:auto minmax(260px,1fr) auto;padding:20px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--theme-panel),var(--theme-panel-2));color:#fff;box-shadow:0 15px 34px color-mix(in srgb,var(--theme-panel),transparent 72%);overflow:hidden}.rep-profile-hero::after{content:"";position:absolute;width:180px;height:180px;inset-inline-end:-55px;inset-block-start:-90px;border-radius:50%;background:color-mix(in srgb,var(--theme-accent),transparent 72%)}.rep-profile-hero>*{position:relative;z-index:1}.rep-profile-hero .button,.rep-profile-hero .icon-button,.rep-profile-hero select{background:color-mix(in srgb,var(--theme-panel-2),#fff 8%);border-color:rgba(255,255,255,.22);color:#fff}.rep-profile-hero option{background:var(--theme-panel);color:#fff}.rep-profile-hero .eyebrow,.rep-profile-hero .rep-page-identity p{color:rgba(255,255,255,.7)}.rep-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rep-title-line h2{font-size:30px;margin:0}.rep-header-score{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:900;direction:rtl}.rep-header-score.good{background:color-mix(in srgb,var(--green),transparent 35%)}.rep-header-score.watch{background:color-mix(in srgb,var(--amber),transparent 35%)}.rep-header-score.risk{background:color-mix(in srgb,var(--red),transparent 35%)}
.rep-summary-section{margin:14px 0}.rep-summary-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:9px}.rep-summary-heading strong{font-size:16px}.rep-summary-heading span{color:var(--muted);font-size:11px}.rep-summary-metrics{grid-template-columns:repeat(4,minmax(150px,1fr))}.rep-summary-metrics .metric{min-height:112px;border-radius:14px}.rep-summary-metrics .metric:nth-child(3n+1){background:linear-gradient(145deg,var(--theme-panel),color-mix(in srgb,var(--theme-accent),var(--theme-panel) 70%))}.rep-summary-metrics .metric:nth-child(3n+2){background:linear-gradient(145deg,var(--theme-panel),color-mix(in srgb,var(--theme-accent-2),var(--theme-panel) 72%))}
.rep-analytics-grid>*{min-width:0}.product-weekday-surface{overflow:hidden}.rep-product-weekday{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.product-weekday-table{width:100%;min-width:610px}.product-weekday-row{grid-template-columns:minmax(105px,1.25fr) repeat(7,minmax(55px,1fr))}.product-weekday-row>*{min-width:0;padding:8px 4px}.product-weekday-cell{color:#fff}.product-weekday-row .holiday{color:#ffd8d8;background:color-mix(in srgb,var(--red),var(--theme-panel) 62%)}
.rep-extra-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.rep-card-style-picker{display:flex;gap:5px}.rep-card-style-picker button{display:grid;grid-template-columns:18px auto;align-items:center;gap:4px;min-height:34px;padding:5px 8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:var(--theme-panel-2);color:rgba(255,255,255,.7);cursor:pointer}.rep-card-style-picker button.active{background:var(--theme-accent);color:#fff;border-color:transparent}.rep-card-style-picker i{font-style:normal}.rep-additional-kpi-surface{margin-top:14px}.rep-additional-kpi-grid{display:grid;gap:10px;margin-top:14px}.rep-additional-kpi-grid.squares{grid-template-columns:repeat(4,minmax(150px,1fr))}.rep-additional-kpi-grid.compact{grid-template-columns:repeat(2,minmax(220px,1fr))}.rep-additional-kpi-grid.ribbons{grid-template-columns:1fr}.rep-extra-kpi-card{min-width:0;display:grid;gap:7px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:var(--theme-panel-2);color:#fff;text-align:start}.rep-extra-kpi-card.good{border-block-start:4px solid var(--green)}.rep-extra-kpi-card.watch{border-block-start:4px solid var(--amber)}.rep-extra-kpi-card.risk{border-block-start:4px solid var(--red)}button.rep-extra-kpi-card{font:inherit;cursor:pointer}.rep-additional-kpi-grid.compact .rep-extra-kpi-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.rep-additional-kpi-grid.compact .rep-kpi-track,.rep-additional-kpi-grid.compact .kpi-open-hint{grid-column:1/-1}.rep-additional-kpi-grid.ribbons .rep-extra-kpi-card{grid-template-columns:minmax(180px,1fr) minmax(160px,2fr) 120px;align-items:center;border-radius:8px;border-inline-start:5px solid var(--theme-accent)}.rep-additional-kpi-grid.ribbons .rep-kpi-head{display:contents}.rep-additional-kpi-grid.ribbons .rep-kpi-head strong{grid-column:3;grid-row:1}.rep-additional-kpi-grid.ribbons .rep-kpi-track{grid-column:2;grid-row:1}.rep-additional-kpi-grid.ribbons .kpi-open-hint{display:none}
.rep-kpi-extra-menu{background:var(--theme-panel);border-color:rgba(255,255,255,.2)}.rep-kpi-menu-actions{grid-column:1/-1;display:flex;gap:7px}.rep-kpi-menu-actions button{flex:1;min-height:34px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:var(--theme-panel-2);color:#fff}.rep-kpi-extra-option{grid-template-columns:24px minmax(0,1fr) auto!important;background:var(--theme-panel-2)!important;color:#fff!important}.rep-kpi-extra-option.active{background:color-mix(in srgb,var(--theme-accent),var(--theme-panel) 45%)!important}.rep-kpi-option-check{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.12);font-style:normal}
.route-timeline{align-items:stretch}.route-point{min-width:132px;display:grid;gap:3px;text-align:start}.route-point-customer{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.route-point-invoice{color:var(--green);font-size:9px;direction:ltr;text-align:start}.route-point-kind{font-size:8px}
.customer-classification{font-size:0;font-weight:950;text-align:center}.customer-classification::before{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--blue);color:#fff;content:attr(data-class);font-size:14px}.customer-classification.class-a::before{background:#18794e}.customer-classification.class-b::before{background:#176eaa}.customer-classification.class-c::before{background:#b7791f}.customer-classification.class-d::before{background:#b42318}
@media(max-width:1050px){.rep-summary-metrics,.rep-additional-kpi-grid.squares{grid-template-columns:repeat(2,minmax(140px,1fr))}.rep-profile-hero{grid-template-columns:auto 1fr}.rep-profile-hero .rep-page-navigation{grid-column:1/-1}}
@media(max-width:680px){.rep-profile-hero{grid-template-columns:1fr}.rep-title-line h2{font-size:25px}.rep-summary-metrics,.rep-additional-kpi-grid.squares,.rep-additional-kpi-grid.compact{grid-template-columns:1fr}.rep-additional-kpi-grid.ribbons .rep-extra-kpi-card{grid-template-columns:1fr}.rep-additional-kpi-grid.ribbons .rep-kpi-head{display:flex}.rep-additional-kpi-grid.ribbons .rep-kpi-head strong,.rep-additional-kpi-grid.ribbons .rep-kpi-track{grid-column:auto;grid-row:auto}.rep-extra-toolbar{align-items:stretch}.rep-card-style-picker{width:100%}.rep-card-style-picker button{flex:1}.rep-kpi-menu-actions{grid-column:auto}.product-weekday-table{min-width:560px}}

/* Theme contrast reconciliation: original dark roast, readable light palettes. */
body[data-dashboard-theme="current-roast"]{--theme-bg:#14100c;--theme-card:#21150d;--theme-card-alt:#382317;--theme-line:#5b4330;--theme-text:#f2dfc7;--theme-muted:#c6aa8d;--theme-muted-2:#9e8268;background:radial-gradient(ellipse 920px 560px at 12% -8%,rgba(193,68,46,.2),transparent 60%),radial-gradient(ellipse 700px 520px at 100% 12%,rgba(204,154,74,.12),transparent 58%),#14100c;color:var(--theme-text)}
body[data-dashboard-theme="current-roast"] .workspace{background:transparent}
body[data-dashboard-theme="current-roast"] .topbar{background:rgba(24,17,12,.94);color:var(--theme-text);border-color:var(--theme-line)}
body[data-dashboard-theme="current-roast"] .sidebar{background:linear-gradient(180deg,#1d140e,#110d09);color:#f2dfc7}
body[data-dashboard-theme="current-roast"] .surface,body[data-dashboard-theme="current-roast"] .metric,body[data-dashboard-theme="current-roast"] .command-banner,body[data-dashboard-theme="current-roast"] .period-toolbar{background:linear-gradient(145deg,#21150d,#382317);color:#f2dfc7;border-color:#5b4330}

body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar{--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);--soft:var(--theme-card-alt);--white:var(--theme-card);background:linear-gradient(180deg,var(--theme-card-alt),color-mix(in srgb,var(--theme-card-alt),var(--theme-accent) 8%));color:var(--theme-text);border-color:var(--theme-line)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar .nav-item,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar-brand span,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar-foot span{color:var(--theme-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar .nav-item:hover,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar .nav-item.active{background:color-mix(in srgb,var(--theme-card-alt),var(--theme-accent) 10%);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar-foot{border-color:var(--theme-line)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .metric,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner{--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);--soft:var(--theme-card-alt);--white:var(--theme-card);--navy:var(--theme-card-alt);--navy-2:color-mix(in srgb,var(--theme-card-alt),var(--theme-accent) 9%);background:linear-gradient(145deg,var(--theme-card),var(--theme-card-alt));border-color:var(--theme-line);color:var(--theme-text);box-shadow:0 12px 28px color-mix(in srgb,var(--theme-accent),transparent 88%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner{background:linear-gradient(145deg,var(--theme-card),var(--theme-card-alt))!important;color:var(--theme-text)!important}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner h2,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner p,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface h2,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface h3,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface h4,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .metric strong{color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner .eyebrow,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .metric>span,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .metric>small,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface p,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface small{color:var(--theme-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar{--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);--soft:var(--theme-card-alt);--white:var(--theme-card);background:var(--theme-card-alt);border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar input,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar select,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface input,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface select,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface textarea,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface .button.ghost,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface .icon-button{background:var(--theme-card);border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar option,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface option{background:var(--theme-card);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface table td{background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-line)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface table th{background:color-mix(in srgb,var(--theme-card-alt),var(--theme-accent) 16%);color:var(--theme-text);border-color:var(--theme-line)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-performance-row{color:var(--theme-text);border-color:var(--theme-line)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-performance-row:hover,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .team-comparison-row:hover{background:color-mix(in srgb,var(--theme-card-alt),var(--theme-accent) 8%);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .pulse-tabs button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-card-style-picker button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-extra-kpi-card,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-kpi-menu-actions button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-kpi-extra-option{background:color-mix(in srgb,var(--theme-card-alt),var(--theme-accent) 7%)!important;border-color:var(--theme-line);color:var(--theme-text)!important}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .pulse-tabs button.active,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-card-style-picker button.active{background:color-mix(in srgb,var(--theme-card-alt),var(--theme-accent) 24%)!important;color:var(--theme-text)!important}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-kpi-extra-menu{background:var(--theme-card);border-color:var(--theme-line)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero{background:linear-gradient(135deg,var(--theme-card-alt),color-mix(in srgb,var(--theme-card-alt),var(--theme-accent) 14%));color:var(--theme-text);border:1px solid var(--theme-line)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero .button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero .icon-button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero select,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-header-score{background:var(--theme-card);border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero .eyebrow,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero .rep-page-identity p{color:var(--theme-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-summary-metrics .metric:nth-child(n){background:linear-gradient(145deg,var(--theme-card),color-mix(in srgb,var(--theme-card-alt),var(--theme-accent) 8%))}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .report-catalog-card{background:linear-gradient(145deg,var(--theme-card),var(--theme-card-alt));border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .report-card-copy small{color:var(--theme-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .unified-report-output-head{border-color:var(--theme-line)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .unified-report-output-head p{color:var(--theme-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .report-summary-chip{background:var(--theme-card);border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .report-summary-chip small{color:var(--theme-muted)}

/* The cinematic showcase stays dark only in Current Roast; light themes use a white stage and their deepest readable ink. */
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .dashboard-motion-lab.motion-mode-cinematic{--motion-ink:var(--theme-text);--motion-muted:var(--theme-muted);background:#fff;color:var(--theme-text);border-color:var(--theme-line);box-shadow:0 16px 38px color-mix(in srgb,var(--theme-panel),transparent 86%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .dashboard-motion-lab.motion-mode-cinematic:before{background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent),transparent 78%),transparent 70%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene{background:radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--theme-accent),transparent 86%),transparent 38%),linear-gradient(135deg,#fff,var(--theme-card-alt));border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-motion-head h3,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene h3,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene-value,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene-stat b{color:var(--theme-text)!important}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-motion-head p,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene-copy p,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene-stat small{color:var(--theme-muted)!important}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene-kicker{color:color-mix(in srgb,var(--theme-accent),var(--theme-text) 35%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene-stat{background:color-mix(in srgb,var(--theme-card-alt),#fff 24%);border-color:var(--theme-line);box-shadow:inset 0 1px 0 #fff,0 6px 15px color-mix(in srgb,var(--theme-panel),transparent 91%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-motion-controls button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene-copy .button{background:var(--theme-card-alt);border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-motion-controls button.active{background:var(--theme-panel);border-color:var(--theme-panel);color:var(--theme-on-dark)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene-dots button{background:color-mix(in srgb,var(--theme-text),transparent 72%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .motion-mode-cinematic .dashboard-scene-dots button.active{background:var(--theme-accent)}

/* Readable sales periods and an in-page target editor for the selected rep. */
.sales-chart.chart-svg{padding-bottom:5px}.sales-chart-axis{display:grid;grid-template-columns:repeat(var(--sales-axis-count),minmax(0,1fr));gap:3px;margin-top:-2px;padding:8px 2px 2px;border-top:1px solid var(--line);direction:ltr}.sales-chart-axis-label{display:grid;gap:2px;min-width:0;text-align:center;direction:rtl}.sales-chart-axis-label strong{overflow:hidden;color:var(--ink);font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.sales-chart-axis-label small{color:var(--muted);font-size:9px;direction:ltr}.chart-column .chart-column-period{inset:auto 0 -38px;display:grid;gap:1px;line-height:1.2}.chart-column-period strong{overflow:hidden;color:var(--ink);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.chart-column-period small{position:static;color:var(--muted);font-size:8px;direction:ltr}.sales-chart:not(.chart-svg):not(.chart-donut){padding-bottom:24px}.sales-chart:not(.chart-svg):not(.chart-donut)+.chart-legend{margin-top:43px}
.rep-target-inline-editor{display:grid;gap:13px;margin:14px 0;padding:16px;border:1px solid color-mix(in srgb,var(--orange),var(--line) 45%);border-radius:12px;background:linear-gradient(145deg,var(--soft),var(--white));box-shadow:0 12px 28px color-mix(in srgb,var(--ink),transparent 91%)}.rep-target-inline-editor[hidden]{display:none}.rep-target-inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rep-target-inline-head h4,.rep-target-inline-head p{margin:0}.rep-target-inline-head small{display:block;margin-top:5px;color:var(--muted)}.rep-target-inline-period{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:10px}.rep-target-inline-period label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.rep-target-inline-editor .rep-target-editor-rows{display:grid;gap:8px}.rep-target-inline-editor .target-editor-row{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--white)}
@media(max-width:760px){.sales-chart-axis-label strong{font-size:9px}.sales-chart-axis-label small{font-size:8px}.rep-target-inline-period{grid-template-columns:1fr 1fr}.rep-target-inline-period .button{grid-column:1/-1}.rep-target-inline-editor .target-editor-row{grid-template-columns:1fr 1fr 42px}.rep-target-inline-editor .target-editor-row>[data-target-item]{grid-column:1/-1}}

/* Scroll-triggered dashboard motion. */
.scroll-motion-ready{opacity:0;transform:translateY(18px) scale(.992);transition:opacity .58s ease calc(var(--reveal-order,0)*55ms),transform .68s cubic-bezier(.2,.75,.22,1) calc(var(--reveal-order,0)*55ms);will-change:opacity,transform}.scroll-motion-ready.is-visible{opacity:1;transform:none}.scroll-bars-stage .chart-column i{transform-origin:center bottom;transition:transform .72s cubic-bezier(.2,.8,.2,1) calc(var(--motion-order,0)*65ms),box-shadow .18s ease}.scroll-bars-stage:not(.is-visible) .chart-column i{transform:scaleY(0)}.scroll-bars-stage.is-visible .chart-column i{transform:scaleY(1)}.scroll-line-stage .scroll-draw-line{stroke-dasharray:var(--line-length);stroke-dashoffset:var(--line-length);transition:stroke-dashoffset 1.15s cubic-bezier(.3,.05,.2,1) calc(var(--motion-order,0)*130ms)}.scroll-line-stage.is-visible .scroll-draw-line,.is-visible.scroll-line-stage .scroll-draw-line{stroke-dashoffset:0}[data-scroll-counter]{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.scroll-motion-ready{opacity:1;transform:none}.scroll-bars-stage .chart-column i{transform:none!important}.scroll-line-stage .scroll-draw-line{stroke-dashoffset:0!important}}

/* Three-mode dashboard motion lab. */
.dashboard-motion-lab{--motion-ink:var(--theme-on-dark,#fff);--motion-muted:var(--theme-on-dark-muted,rgba(255,255,255,.72));position:relative;margin:4px 0 18px;padding:17px;border:1px solid color-mix(in srgb,var(--theme-panel-2,var(--navy-2)),#fff 18%);border-radius:18px;background:linear-gradient(135deg,var(--theme-panel,var(--navy)),color-mix(in srgb,var(--theme-panel-2,var(--navy-2)),#000 8%));color:var(--motion-ink);overflow:hidden;box-shadow:0 18px 42px color-mix(in srgb,var(--theme-panel,var(--navy)),transparent 72%)}.dashboard-motion-lab:before{content:"";position:absolute;width:320px;aspect-ratio:1;inset:-190px auto auto -90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent,var(--orange)),transparent 55%),transparent 70%);pointer-events:none}.dashboard-motion-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px}.dashboard-motion-head h3,.dashboard-motion-head p{margin:0}.dashboard-motion-head>div:first-child>p:last-child{margin-top:4px;color:var(--motion-muted);font-size:11px}.dashboard-motion-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.dashboard-motion-controls button{min-height:34px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--motion-ink),transparent 78%);border-radius:999px;background:color-mix(in srgb,var(--theme-panel-2,var(--navy-2)),#fff 4%);color:var(--motion-muted);font-size:10px;font-weight:900}.dashboard-motion-controls button.active{background:var(--theme-accent,var(--orange));border-color:var(--theme-accent,var(--orange));color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--theme-accent,var(--orange)),transparent 60%)}.dashboard-motion-controls .motion-playback{border-style:dashed}.dashboard-scene-viewport{position:relative;z-index:1;overflow:hidden;border-radius:14px}.dashboard-scene-track{--scene-index:0;position:relative;min-height:230px}.dashboard-scene{min-height:230px;padding:22px;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:center;gap:28px;border:1px solid color-mix(in srgb,var(--motion-ink),transparent 84%);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-panel-2,var(--navy-2)),#fff 5%),color-mix(in srgb,var(--theme-panel,var(--navy)),#000 4%));color:var(--motion-ink)}.dashboard-scene-copy{display:grid;justify-items:start;gap:7px}.dashboard-scene-kicker{color:var(--theme-accent,var(--orange));font-size:11px;font-weight:950}.dashboard-scene h3{margin:0;font-size:22px}.dashboard-scene-value{font-size:38px;line-height:1.15;direction:ltr}.dashboard-scene-copy p{max-width:620px;margin:0;color:var(--motion-muted);line-height:1.7}.dashboard-scene-copy .button{margin-top:4px;background:color-mix(in srgb,var(--motion-ink),transparent 90%);border-color:color-mix(in srgb,var(--motion-ink),transparent 72%);color:var(--motion-ink)}.dashboard-scene-stats{display:grid;gap:8px}.dashboard-scene-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--motion-ink),transparent 85%);border-radius:10px;background:color-mix(in srgb,var(--motion-ink),transparent 93%)}.dashboard-scene-stat small{color:var(--motion-muted)}.dashboard-scene-stat b{direction:ltr}.dashboard-scene-dots{position:relative;z-index:3;display:flex;justify-content:center;gap:7px;margin-top:11px}.dashboard-scene-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--motion-ink),transparent 68%);font-size:0;transition:width .25s ease,background .25s ease}.dashboard-scene-dots button.active{width:28px;background:var(--theme-accent,var(--orange))}
.motion-mode-fade .dashboard-scene{position:absolute;inset:0;display:grid;opacity:0;transform:translateY(18px) scale(.985);pointer-events:none;transition:opacity .7s ease,transform .75s cubic-bezier(.2,.75,.22,1)}.motion-mode-fade .dashboard-scene.active{opacity:1;transform:none;pointer-events:auto}.motion-mode-slider .dashboard-scene-track{display:flex;direction:ltr;transform:translateX(calc(var(--scene-index)*-100%));transition:transform .78s cubic-bezier(.2,.75,.2,1)}.motion-mode-slider .dashboard-scene{position:relative;display:grid;flex:0 0 100%;direction:rtl}.motion-mode-slider .dashboard-scene-stat{transform:translateX(12px);opacity:.65;transition:transform .5s ease calc(var(--scene-stat-order)*80ms),opacity .5s ease calc(var(--scene-stat-order)*80ms)}.motion-mode-slider .dashboard-scene.active .dashboard-scene-stat{transform:none;opacity:1}.motion-mode-cinematic .dashboard-scene-track,.motion-mode-cinematic .dashboard-scene{min-height:390px}.motion-mode-cinematic .dashboard-scene{position:absolute;inset:0;display:grid;padding:34px;background:radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--theme-accent,var(--orange)),transparent 62%),transparent 37%),linear-gradient(130deg,color-mix(in srgb,var(--theme-panel,var(--navy)),#000 4%),var(--theme-panel-2,var(--navy-2)));opacity:0;filter:blur(10px);transform:scale(1.065);pointer-events:none;transition:opacity 1s ease,filter 1s ease,transform 1.1s cubic-bezier(.2,.75,.22,1)}.motion-mode-cinematic .dashboard-scene.active{opacity:1;filter:none;transform:none;pointer-events:auto}.motion-mode-cinematic .dashboard-scene-value{font-size:54px}.motion-mode-cinematic .dashboard-scene-stats{grid-template-columns:repeat(3,1fr);grid-column:1/-1}.motion-mode-cinematic .dashboard-scene-copy{grid-column:1/-1}.motion-mode-cinematic .dashboard-scene-stat{display:grid;align-content:center;min-height:82px;text-align:center;background:color-mix(in srgb,var(--motion-ink),transparent 88%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--motion-ink),transparent 82%)}.motion-mode-cinematic .dashboard-scene-stat small{font-size:11px;font-weight:800}.motion-mode-cinematic .dashboard-scene-stat b{font-size:19px;line-height:1.25;font-weight:950}
@media(max-width:900px){.dashboard-motion-head{display:grid}.dashboard-motion-controls{justify-content:flex-start}.dashboard-scene{grid-template-columns:1fr;gap:15px}.dashboard-scene-value{font-size:30px}.motion-mode-cinematic .dashboard-scene-value{font-size:40px}.motion-mode-cinematic .dashboard-scene-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.dashboard-motion-controls{display:grid;grid-template-columns:1fr 1fr}.dashboard-motion-controls button:last-child{grid-column:1/-1}.dashboard-scene,.motion-mode-cinematic .dashboard-scene{padding:18px}.dashboard-scene-track,.dashboard-scene,.motion-mode-cinematic .dashboard-scene-track,.motion-mode-cinematic .dashboard-scene{min-height:390px}.motion-mode-cinematic .dashboard-scene-stats{grid-template-columns:1fr}.dashboard-scene-value,.motion-mode-cinematic .dashboard-scene-value{font-size:28px}}
@media(prefers-reduced-motion:reduce){.dashboard-scene,.dashboard-scene-track,.dashboard-scene-stat{transition:none!important}}

/* Dedicated filtered-report results page and contextual admin actions. */
.report-result-page{min-width:0}.report-result-heading{position:sticky;top:0;z-index:8;margin:-6px 0 14px;padding:12px 0;background:color-mix(in srgb,var(--white),transparent 5%);backdrop-filter:blur(12px)}.report-result-heading .eyebrow,.report-result-heading h2,.report-result-heading p{margin:0}.report-result-heading p:last-child{margin-top:5px;color:var(--muted)}.report-admin-actions{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,.9fr);align-items:center;gap:18px;margin-bottom:14px;border-inline-start:4px solid var(--red)}.report-admin-actions h3,.report-admin-actions p{margin:0}.report-admin-actions>div:first-child>p:last-child{margin-top:5px;color:var(--muted);font-size:11px}.report-admin-action-controls{display:grid;grid-template-columns:minmax(210px,1fr) auto;gap:9px;align-items:center}.report-admin-action-controls select{width:100%;min-height:44px}.report-result-page .unified-report-output{margin-bottom:20px}.report-result-page .report-summary-chips{max-width:58%}
@media(max-width:760px){.report-result-heading{position:static}.report-result-heading,.report-admin-actions{grid-template-columns:1fr}.report-result-heading .surface-actions{width:100%;flex-wrap:wrap}.report-result-heading .surface-actions .button{flex:1}.report-admin-action-controls{grid-template-columns:1fr}.report-result-page .report-summary-chips{max-width:none}}
@media print{body.printing-unified-report #portal-view .page-view:not(#view-report-result),body.printing-unified-report #view-report-result>.report-result-heading,body.printing-unified-report #view-report-result>.report-admin-actions{display:none!important}body.printing-unified-report #view-report-result,body.printing-unified-report #view-report-result .unified-report-output{display:block!important;color:#111;background:#fff;box-shadow:none;border:0}}

/* Afaq compact circular theme picker. */
.dashboard-theme-control{align-items:start}.dashboard-theme-picker{display:inline-flex;width:max-content;max-width:100%;gap:9px;align-items:center;flex-wrap:wrap;padding:3px;border:0;border-radius:0;background:transparent}.dashboard-theme-button.theme-dot{position:relative;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:3px;border:2px solid transparent;border-radius:50%;background:var(--white);color:var(--ink);box-shadow:0 2px 8px color-mix(in srgb,var(--ink),transparent 88%);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.dashboard-theme-button.theme-dot:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--theme-accent),transparent 38%)}.dashboard-theme-button.theme-dot:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-accent),transparent 72%);outline-offset:2px}.dashboard-theme-button.theme-dot.active{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--white),transparent 5%),0 0 0 4px color-mix(in srgb,var(--theme-accent),transparent 38%)}.dashboard-theme-swatch{display:block;width:26px;height:26px;overflow:hidden;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.dashboard-theme-swatch i{display:none}

/* Pending approvals quick popup. */
.pending-approvals-dialog{width:min(900px,calc(100vw - 30px));max-height:min(780px,calc(100vh - 30px));padding:0;overflow:hidden}.pending-approvals-head{position:sticky;top:0;z-index:2;padding:20px 22px}.pending-approvals-head h2,.pending-approvals-head p{margin:0}.pending-approvals-head .eyebrow{margin-bottom:5px}.pending-approvals-popup-list{display:grid;gap:9px;max-height:calc(100vh - 235px);overflow:auto;padding:14px 22px}.pending-approval-popup-card{display:grid;grid-template-columns:34px minmax(220px,1fr) minmax(145px,.55fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--white),var(--soft));color:var(--ink)}.pending-approval-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--orange);color:#fff;font-weight:900}.pending-approval-copy,.pending-approval-value{display:grid;gap:4px}.pending-approval-copy small,.pending-approval-value small{color:var(--muted);font-size:10px}.pending-approval-value b{direction:ltr}.pending-approvals-actions{position:sticky;bottom:0;z-index:2;justify-content:space-between;padding:14px 22px}.pending-approvals-empty{display:grid;place-items:center;gap:7px;min-height:250px;text-align:center}.pending-approvals-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:color-mix(in srgb,var(--green),var(--white) 82%);color:var(--green);font-size:25px;font-weight:900}.pending-approvals-empty small{color:var(--muted)}
@media(max-width:720px){.pending-approval-popup-card{grid-template-columns:34px 1fr}.pending-approval-value,.pending-approval-popup-card .button{grid-column:2}.pending-approval-popup-card .button{width:100%}.pending-approvals-actions{display:grid;grid-template-columns:1fr}.pending-approvals-actions .button{width:100%}}

/* Final palette rule: white canvas, deepest palette surfaces, adaptive text. */
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]){--theme-on-dark:color-mix(in srgb,#fff,var(--theme-card-alt) 14%);--theme-on-dark-muted:color-mix(in srgb,#fff,var(--theme-card-alt) 38%);background:#fff;color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .workspace{background:#fff}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar{--ink:var(--theme-on-dark);--muted:var(--theme-on-dark-muted);--line:color-mix(in srgb,var(--theme-panel-2),#fff 20%);--soft:var(--theme-panel-2);--white:var(--theme-panel);background:linear-gradient(180deg,var(--theme-panel),color-mix(in srgb,var(--theme-panel),#000 15%));color:var(--theme-on-dark);border-color:color-mix(in srgb,var(--theme-panel-2),#fff 16%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar .nav-item,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar-brand span,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar-foot span{color:var(--theme-on-dark-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar .nav-item:hover,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar .nav-item.active{background:var(--theme-panel-2);color:var(--theme-on-dark)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .sidebar-foot{border-color:color-mix(in srgb,var(--theme-panel-2),#fff 18%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .metric,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner{--ink:var(--theme-on-dark);--muted:var(--theme-on-dark-muted);--line:color-mix(in srgb,var(--theme-panel-2),#fff 20%);--soft:var(--theme-panel-2);--white:var(--theme-panel);--navy:var(--theme-panel);--navy-2:var(--theme-panel-2);background:linear-gradient(145deg,var(--theme-panel),color-mix(in srgb,var(--theme-panel-2),#000 10%));border-color:color-mix(in srgb,var(--theme-panel-2),#fff 16%);color:var(--theme-on-dark);box-shadow:0 12px 28px color-mix(in srgb,var(--theme-panel),transparent 76%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner{background:linear-gradient(145deg,var(--theme-panel),var(--theme-panel-2))!important;color:var(--theme-on-dark)!important}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner h2,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner p,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface h2,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface h3,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface h4,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .metric strong{color:var(--theme-on-dark)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .command-banner .eyebrow,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .metric>span,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .metric>small,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface p,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface small{color:var(--theme-on-dark-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar{--ink:var(--theme-on-dark);--muted:var(--theme-on-dark-muted);--line:color-mix(in srgb,var(--theme-panel-2),#fff 20%);--soft:var(--theme-panel-2);--white:var(--theme-panel);background:var(--theme-panel);border-color:color-mix(in srgb,var(--theme-panel-2),#fff 18%);color:var(--theme-on-dark)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar label{color:var(--theme-on-dark-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar input,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar select,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface input,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface select,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface textarea,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface .button.ghost,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface .icon-button{background:var(--theme-card-alt);border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .period-toolbar option,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface option{background:var(--theme-card);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface table td{background:color-mix(in srgb,var(--theme-panel),var(--theme-panel-2) 28%);color:var(--theme-on-dark);border-color:color-mix(in srgb,var(--theme-panel-2),#fff 15%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .surface table th{background:color-mix(in srgb,var(--theme-panel),#000 14%);color:var(--theme-on-dark);border-color:color-mix(in srgb,var(--theme-panel-2),#fff 15%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .decision-item,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .approval-card,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .team-card,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .team-comparison-row,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .operation-rep-select,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .route-point,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .executive-brief-item,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .customer-segment,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .customer-churn-head,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .customer-area-cell{--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);--soft:var(--theme-card-alt);--white:var(--theme-card);background:linear-gradient(145deg,var(--theme-card),var(--theme-card-alt));border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-performance-row{color:var(--theme-on-dark);border-color:color-mix(in srgb,var(--theme-panel-2),#fff 15%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-performance-row:hover{background:var(--theme-panel-2);color:var(--theme-on-dark)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .pulse-tabs button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-card-style-picker button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-extra-kpi-card,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-kpi-menu-actions button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-kpi-extra-option{background:var(--theme-panel-2)!important;border-color:color-mix(in srgb,var(--theme-panel-2),#fff 18%);color:var(--theme-on-dark)!important}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .pulse-tabs button.active,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-card-style-picker button.active{background:var(--theme-accent)!important;color:var(--theme-on-dark)!important}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-kpi-extra-menu{background:var(--theme-panel);border-color:color-mix(in srgb,var(--theme-panel-2),#fff 18%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero{background:linear-gradient(135deg,var(--theme-panel),var(--theme-panel-2));color:var(--theme-on-dark);border-color:color-mix(in srgb,var(--theme-panel-2),#fff 18%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero .button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero .icon-button,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero select{background:var(--theme-card-alt);border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-header-score{background:color-mix(in srgb,var(--theme-panel-2),#fff 8%);border-color:color-mix(in srgb,var(--theme-panel-2),#fff 22%);color:var(--theme-on-dark)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero .eyebrow,body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-profile-hero .rep-page-identity p{color:var(--theme-on-dark-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .rep-summary-metrics .metric:nth-child(n){background:linear-gradient(145deg,var(--theme-panel),color-mix(in srgb,var(--theme-panel-2),#000 8%))}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .report-catalog-card{background:linear-gradient(145deg,var(--theme-panel),var(--theme-panel-2));border-color:color-mix(in srgb,var(--theme-panel-2),#fff 18%);color:var(--theme-on-dark)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .report-card-copy small{color:var(--theme-on-dark-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .unified-report-output-head{border-color:color-mix(in srgb,var(--theme-panel-2),#fff 18%)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .unified-report-output-head p{color:var(--theme-on-dark-muted)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .report-summary-chip{background:var(--theme-card-alt);border-color:var(--theme-line);color:var(--theme-text)}
body[data-dashboard-theme]:not([data-dashboard-theme="current-roast"]) .report-summary-chip small{color:var(--theme-muted)}
.realtime-status{position:fixed;inset-inline-end:18px;bottom:18px;z-index:1200;padding:8px 12px;border-radius:999px;background:#243225;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:opacity .2s ease,background-color .2s ease}.realtime-status.connected{background:#18794e}.realtime-status.connecting{background:#8a6508}.realtime-status.degraded{background:#a13a2a}.realtime-status.disconnected{opacity:.72;background:#5c6168}@media(max-width:700px){.realtime-status{inset-inline-end:10px;bottom:10px;font-size:11px}}
.live-operations-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:18px}.team-live-map{height:390px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#eef2ec}.live-operations-summary{display:flex;gap:7px;flex-wrap:wrap}.live-summary-chip{padding:6px 10px;border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:12px;font-weight:800}.live-summary-chip.good{background:#e2f5ea;color:#12633f}.live-summary-chip.warning{background:#fff0df;color:#8b4c09}.live-delivery-list{display:grid;gap:8px;max-height:350px;overflow:auto;padding-inline-end:3px}.live-delivery-row{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:start}.live-delivery-row span{display:grid;gap:3px}.live-delivery-row small{color:var(--muted)}.live-delivery-row b{font-size:12px;padding:5px 8px;border-radius:999px;background:var(--surface-soft)}.live-delivery-row.delivered b{background:#e2f5ea;color:#12633f}.live-delivery-row.enroute b{background:#e5f0ff;color:#155ea8}.live-delivery-row.failed b,.live-delivery-row.returned b{background:#ffe7e2;color:#a12e20}@media(max-width:900px){.live-operations-layout{grid-template-columns:1fr}.team-live-map{height:330px}}
.team-live-map{position:relative;isolation:isolate;min-width:0;width:100%}.team-live-map .leaflet-container,.team-live-map .leaflet-map-pane{width:100%;height:100%}.live-delivery-help{margin:-4px 0 10px;color:var(--muted);font-size:10px;line-height:1.65}

/* Explicit contrast for the dark-theme chart selector and calm report result sheets. */
body[data-dashboard-theme="current-roast"] #dashboard-chart-select{background:#fff!important;color:#111827!important;border-color:#d8d2ca!important;color-scheme:light}
body[data-dashboard-theme="current-roast"] #dashboard-chart-select option{background:#fff!important;color:#111827!important}
.report-result-page .unified-report-output{--report-ink:#20312a;--report-muted:#63736b;background:linear-gradient(145deg,#f5f8f6,#edf4f0)!important;color:var(--report-ink)!important;border-color:#ccdcd3!important}
.report-result-page .unified-report-output h3{color:var(--report-ink)!important}.report-result-page .unified-report-output-head{border-color:#ccdcd3!important}.report-result-page .unified-report-output-head p{color:var(--report-muted)!important}
.report-result-page .report-summary-chip{background:#fff!important;color:var(--report-ink)!important;border-color:#ccdcd3!important}.report-result-page .report-summary-chip small{color:var(--report-muted)!important}
.report-result-page .unified-report-table{border-color:#ccdcd3!important;background:#f8fbf9!important}.report-result-page .unified-report-table th{background:#dfeae4!important;color:#20312a!important;border-color:#ccdcd3!important}.report-result-page .unified-report-table td{background:#fff!important;color:#26362f!important;border-color:#dde7e1!important}.report-result-page .unified-report-table tbody tr:nth-child(even) td{background:#f3f7f5!important}

/* Keep the representative header inside narrow managed tablets and phones. */
.rep-detail-page{overflow-x:clip}.rep-profile-hero>*{min-width:0}.rep-profile-hero .rep-page-identity,.rep-profile-hero .rep-title-line h2{min-width:0;overflow-wrap:anywhere}
@media(max-width:680px){.rep-profile-hero::after{display:none}.rep-profile-hero .rep-page-navigation{width:100%;min-width:0}.rep-profile-hero .rep-page-navigation select{min-width:0;max-width:100%;flex:1 1 100%}}
.governance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.warehouse-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.warehouse-form label,.governance-grid label{display:grid;gap:6px;font-weight:800}.warehouse-list{display:grid;gap:9px;margin-top:16px}.warehouse-row{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(100px,.7fr));gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.warehouse-row small{color:var(--muted)}
.inventory-movement-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.inventory-movement-form label{display:grid;gap:6px;font-weight:800}.inventory-note-field{grid-column:span 2}.inventory-movement-draft{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:9px;border:1px dashed var(--line);border-radius:12px}.inventory-draft-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line)}.inventory-draft-chip button{border:0;background:transparent;color:var(--danger);font-weight:900;cursor:pointer}.inventory-history-title{margin-top:24px}
@media(max-width:800px){.governance-grid,.warehouse-form,.inventory-movement-form{grid-template-columns:1fr}.inventory-note-field{grid-column:auto}.warehouse-row{grid-template-columns:1fr 1fr}.warehouse-row strong{grid-column:1/-1}}
/* Target blueprint and commission designer */
.target-design-heading{align-items:flex-end}.target-design-legend{display:flex;gap:12px;flex-wrap:wrap}.target-design-legend span{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.82rem}.target-design-legend i{width:10px;height:10px;border-radius:50%}.sales-dot{background:var(--accent)}.customer-dot{background:var(--success,#3f8d63)}
.incentive-plan-panel{margin-bottom:18px}.incentive-plan-form{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(210px,1fr) minmax(300px,1.5fr) auto;gap:12px;align-items:end}.incentive-plan-form>label:not(.toggle-row),.target-form-grid>label{display:grid;gap:7px;font-size:.82rem;font-weight:800}.incentive-gate{min-height:48px}.target-designer-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(440px,1.15fr);gap:18px;align-items:start}.target-blueprint-editor{position:sticky;top:88px}.target-category-switch{display:grid;grid-template-columns:1fr 1fr;padding:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);margin-bottom:16px}.target-category-switch button{border:0;border-radius:10px;padding:11px;background:transparent;color:var(--text);font:inherit;font-weight:900;cursor:pointer}.target-category-switch button.active{background:var(--accent);color:var(--accent-contrast,#fff);box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.target-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.target-field-wide{grid-column:1/-1}.target-form-grid input,.target-form-grid select,.target-form-grid textarea,.target-blueprint-catalog select,.incentive-plan-form input{width:100%}.target-blueprint-hint{margin:12px 0;padding:10px 12px;border-inline-start:3px solid var(--accent);background:var(--surface-soft);border-radius:9px;color:var(--muted);font-size:.82rem;line-height:1.7}.target-blueprint-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.target-summary-card{padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft);display:grid;gap:4px}.target-summary-card span{font-size:.75rem;color:var(--muted)}.target-summary-card strong{font-size:1.15rem}.target-summary-card.warning{border-color:#c98a32;background:color-mix(in srgb,#c98a32 10%,var(--surface))}.target-blueprint-list{display:grid;gap:14px}.target-rep-group{border:1px solid var(--border);border-radius:16px;overflow:hidden}.target-rep-group-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;background:var(--surface-soft)}.target-rep-group-head div{display:grid;gap:3px}.target-rep-group-head small{color:var(--muted)}.target-blueprint-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(120px,.6fr) minmax(120px,.6fr) auto;gap:12px;align-items:center;padding:14px 15px;border-top:1px solid var(--border)}.target-blueprint-card:first-of-type{border-top:0}.target-blueprint-copy{display:grid;gap:4px}.target-blueprint-copy small,.target-blueprint-meta small{color:var(--muted);line-height:1.55}.target-blueprint-meta{display:grid;gap:3px}.target-type-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font-size:.7rem;font-weight:900}.target-type-badge.customers{background:color-mix(in srgb,var(--success,#3f8d63) 13%,var(--surface));color:var(--success,#3f8d63)}.target-blueprint-actions{display:flex;gap:6px}.target-blueprint-actions button{min-width:42px}.target-weight-meter{height:8px;background:var(--surface-soft);border:1px solid var(--border);border-radius:99px;overflow:hidden;margin-top:6px}.target-weight-meter span{display:block;height:100%;background:var(--accent);border-radius:inherit}.target-plan-note{padding:11px 13px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:.82rem;line-height:1.7}
@media(max-width:1100px){.incentive-plan-form{grid-template-columns:repeat(2,1fr)}.target-designer-layout{grid-template-columns:1fr}.target-blueprint-editor{position:static}.target-blueprint-card{grid-template-columns:minmax(0,1fr) repeat(2,minmax(110px,.4fr));}.target-blueprint-actions{grid-column:1/-1}}
@media(max-width:700px){.incentive-plan-form,.target-form-grid,.target-blueprint-summary{grid-template-columns:1fr}.target-field-wide{grid-column:auto}.target-blueprint-card{grid-template-columns:1fr}.target-blueprint-actions{grid-column:auto}.target-rep-group-head{align-items:flex-start;flex-direction:column}}

/* Team/report flyouts, customer 360 platform, and audited Current Roast contrast. */
.nav-flyout-group{position:relative;display:grid}.nav-flyout-group>.nav-item i{margin-inline-start:auto;font-style:normal;transition:transform .18s ease}.nav-flyout-group:hover>.nav-item i,.nav-flyout-group:focus-within>.nav-item i{transform:translateX(3px)}
.nav-context-submenu{position:absolute;z-index:240;left:calc(100% + 9px);top:0;width:270px;max-height:min(72vh,650px);display:grid;gap:3px;padding:9px;overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--white);box-shadow:0 22px 55px rgba(0,0,0,.24);opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity .16s ease,transform .16s ease,visibility .16s}.nav-flyout-group:hover>.nav-context-submenu,.nav-flyout-group:focus-within>.nav-context-submenu{opacity:1;visibility:visible;transform:none}.nav-context-submenu .nav-item{min-height:39px;width:100%;font-size:12px;color:var(--ink);background:transparent}.nav-context-submenu .nav-item:hover,.nav-context-submenu .nav-item:focus-visible{background:var(--soft);color:var(--ink);box-shadow:inset -3px 0 0 var(--theme-accent,var(--blue))}.nav-context-submenu .nav-item b{font-weight:800}.nav-context-submenu .nav-flyout-featured{background:var(--soft);border:1px solid var(--line)}.nav-context-submenu .sensitive-action{background:transparent!important;color:var(--ink)!important}.nav-context-submenu .sensitive-action::before{display:none}
/* Desktop sidebar scrolls independently; fixed flyouts escape its clipping area. */
@media(min-width:921px){.sidebar{z-index:520;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--theme-accent,var(--blue)),#fff 15%) transparent}.sidebar-foot{position:sticky;bottom:-14px;z-index:2;background:inherit}.portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-foot{opacity:1;pointer-events:auto;padding-inline:0}.portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-foot #session-email{display:none}.portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-logout{min-height:40px;padding:5px;font-size:0}.portal.sidebar-collapsed .sidebar:not(:hover):not(:focus-within) .sidebar-logout::before{content:'↪';font-size:20px}.workspace{position:relative;z-index:1}.nav-flyout-group:hover,.nav-flyout-group:focus-within{z-index:530}.nav-context-submenu{position:fixed;z-index:540;left:var(--flyout-left,267px);top:var(--flyout-top,120px)}}
@media(min-width:921px) and (max-height:820px){.sidebar{padding-block:14px}.sidebar-brand{padding-bottom:12px}.sidebar nav{gap:3px;margin-top:10px}.nav-item{min-height:40px;padding-block:6px}.sidebar-foot{gap:7px;padding-top:9px}}
@media(max-width:920px){.sidebar{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}}
.team-member-link{display:inline-grid;text-decoration:none;color:var(--blue)!important;background:transparent!important;border:0!important;box-shadow:none!important}.team-member-link strong{text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px;text-underline-offset:4px}.team-member-link small{color:var(--muted)!important;text-decoration:none}.team-member-link:hover strong,.team-member-link:focus-visible strong{color:color-mix(in srgb,var(--blue),#fff 20%)}
.customer-360-platform-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.customer-360-platform-intro strong{font-size:16px}.customer-360-platform-intro p{margin:5px 0 0}.customer-360-platform-intro>span{padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:900}.customer-page-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-top:1px solid var(--line)}.customer-page-controls span{min-width:170px;text-align:center;color:var(--muted);font-size:12px;font-weight:850}
.credit-policy-panel{align-content:start}.credit-policy-panel .search-box{display:flex;align-items:center;gap:8px}.credit-policy-panel .search-box input{width:100%}.credit-policy-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 7px}.credit-policy-result-head>span{color:var(--muted);font-size:11px}.credit-policy-result-head>div{display:flex;gap:5px}.credit-policy-panel select[size]{min-height:190px;padding:7px}.credit-policy-panel select[size] option{padding:8px;border-radius:6px}
.customer-360-directory{grid-column:1/-1}.customer-360-directory-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px}.customer-360-directory-item{display:grid;gap:5px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.customer-360-directory-item span{color:var(--muted);font-size:9px}.customer-360-directory-item strong{overflow-wrap:anywhere}.customer-360-documents{display:flex;gap:8px;flex-wrap:wrap}.customer-document-card{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);text-decoration:none}.customer-document-card b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--white);color:var(--blue)}.customer-document-card:hover{border-color:var(--blue)}
#refresh-button.is-refreshing{animation:portal-refresh-spin .75s linear infinite}@keyframes portal-refresh-spin{to{transform:rotate(360deg)}}

body[data-dashboard-theme="current-roast"] .nav-context-submenu{--ink:#f6e7d4;--muted:#cbb398;--line:#664a35;--soft:#3c271a;--white:#24170f;background:#24170f;border-color:#664a35;color:#f6e7d4}body[data-dashboard-theme="current-roast"] .nav-context-submenu .nav-item{color:#f6e7d4}body[data-dashboard-theme="current-roast"] .nav-context-submenu .nav-item:hover,body[data-dashboard-theme="current-roast"] .nav-context-submenu .nav-item:focus-visible{background:#3c271a;color:#fff}
body[data-dashboard-theme="current-roast"] .message-thread-row{background:transparent!important;color:#f6e7d4!important;border-color:#5b4330!important}body[data-dashboard-theme="current-roast"] .message-thread-row:hover,body[data-dashboard-theme="current-roast"] .message-thread-row:focus-visible{background:#3a2619!important;color:#fff!important}body[data-dashboard-theme="current-roast"] .message-thread-row strong,body[data-dashboard-theme="current-roast"] .message-thread-row p{color:inherit!important}body[data-dashboard-theme="current-roast"] .message-thread-row small,body[data-dashboard-theme="current-roast"] .message-thread-row time{color:#cbb398!important}
body[data-dashboard-theme="current-roast"] .message-format-toolbar,body[data-dashboard-theme="current-roast"] .message-actions button,body[data-dashboard-theme="current-roast"] .message-edited-label{background:#2b1b12;color:#f6e7d4;border-color:#664a35}body[data-dashboard-theme="current-roast"] .message-format-toolbar button{background:#3a2619;color:#f6e7d4;border-color:#725139}body[data-dashboard-theme="current-roast"] .message-format-toolbar button:hover,body[data-dashboard-theme="current-roast"] .message-format-toolbar button:focus-visible{background:#5a3522;color:#fff;border-color:#efad78}body[data-dashboard-theme="current-roast"] .message-actions button:hover{background:#3a2619;color:#fff}body[data-dashboard-theme="current-roast"] .message-actions button.danger{color:#ff9e91}
body[data-dashboard-theme="current-roast"] .topbar .icon-button,body[data-dashboard-theme="current-roast"] .button.ghost,body[data-dashboard-theme="current-roast"] .text-action{background:#2b1b12!important;border-color:#664a35!important;color:#f6e7d4!important}body[data-dashboard-theme="current-roast"] .topbar .icon-button:hover,body[data-dashboard-theme="current-roast"] .topbar .icon-button:focus-visible,body[data-dashboard-theme="current-roast"] .button.ghost:hover,body[data-dashboard-theme="current-roast"] .button.ghost:focus-visible,body[data-dashboard-theme="current-roast"] .text-action:hover,body[data-dashboard-theme="current-roast"] .text-action:focus-visible{background:#493020!important;border-color:#c99061!important;color:#fff!important}
body[data-dashboard-theme="current-roast"] .surface input,body[data-dashboard-theme="current-roast"] .surface select,body[data-dashboard-theme="current-roast"] .surface textarea,body[data-dashboard-theme="current-roast"] dialog input,body[data-dashboard-theme="current-roast"] dialog select,body[data-dashboard-theme="current-roast"] dialog textarea{background:#2b1b12!important;border-color:#664a35!important;color:#f6e7d4!important}body[data-dashboard-theme="current-roast"] option{background:#24170f!important;color:#f6e7d4!important}
body[data-dashboard-theme="current-roast"] .team-member-link{color:#efad78!important}body[data-dashboard-theme="current-roast"] .team-member-link small{color:#cbb398!important}body[data-dashboard-theme="current-roast"] .team-table-wrap tbody tr:has(.team-member-link:hover){background:#3a2619!important}
body[data-dashboard-theme="current-roast"] .customer-360-directory-item,body[data-dashboard-theme="current-roast"] .customer-document-card{background:#2b1b12;color:#f6e7d4;border-color:#664a35}body[data-dashboard-theme="current-roast"] .customer-document-card b{background:#493020;color:#ffd0ac}
body[data-dashboard-theme="current-roast"]{--theme-accent:#f2a06f;--blue:#f2a06f;--orange:#f2a06f;--green:#9bc982;--red:#ad2e2a}
body[data-dashboard-theme="current-roast"] .button.primary,body[data-dashboard-theme="current-roast"] .button:not(.ghost):not(.danger),body[data-dashboard-theme="current-roast"] .period-selector button.active,body[data-dashboard-theme="current-roast"] .dashboard-motion-controls button.active,body[data-dashboard-theme="current-roast"] .dashboard-scene-dots button.active{background:#ad3d2c!important;border-color:#c85b42!important;color:#fff!important}
body[data-dashboard-theme="current-roast"] .nav-count,body[data-dashboard-theme="current-roast"] .notification-button b{background:#9f2926!important;color:#fff!important}
body[data-dashboard-theme="current-roast"] .nav-item span,body[data-dashboard-theme="current-roast"] .command-kicker,body[data-dashboard-theme="current-roast"] .eyebrow,body[data-dashboard-theme="current-roast"] .dashboard-scene-kicker,body[data-dashboard-theme="current-roast"] .metric>i,body[data-dashboard-theme="current-roast"] .section-icon,body[data-dashboard-theme="current-roast"] .team-comparison-rank{color:#f2a06f!important}
body[data-dashboard-theme="current-roast"] .dashboard-scene-dots button{color:#f6e7d4!important}
body[data-dashboard-theme="current-roast"] .status-pill.warning{background:#fff3dc!important;color:#68420b!important;border-color:#c8a66b!important}body[data-dashboard-theme="current-roast"] .status-pill.danger{background:#fdeaea!important;color:#8f201d!important;border-color:#d9aaa5!important}
body[data-dashboard-theme="current-roast"] .decision-item>span:first-child{background:#493020!important;color:#ffd0ac!important}body[data-dashboard-theme="current-roast"] .decision-item>b{background:#8a5a12!important;color:#fff!important}
body[data-dashboard-theme="current-roast"] .role-badge{background:#f5e6dc!important;color:#812c1d!important}body[data-dashboard-theme="current-roast"] .target-progress-marker{background:#fff!important;color:#315f2a!important;border-color:#315f2a!important}
body[data-dashboard-theme="current-roast"] .period-toolbar button.active,body[data-dashboard-theme="current-roast"] .pulse-tabs button.active,body[data-dashboard-theme="current-roast"] .report-card-icon,body[data-dashboard-theme="current-roast"] .report-output-icon{background:#9e3427!important;border-color:#bd5842!important;color:#fff!important}
body[data-dashboard-theme="current-roast"] .rep-avatar,body[data-dashboard-theme="current-roast"] .message-row>span{background:#23685b!important;color:#fff!important}
body[data-dashboard-theme="current-roast"] .toggle-row>span{color:#f6e7d4!important}body[data-dashboard-theme="current-roast"] label>span[aria-hidden="true"]{color:#ffaaa3!important}

@media(max-width:900px){.nav-context-submenu{position:static;width:auto;max-height:300px;margin:4px 0 8px;opacity:1;visibility:visible;transform:none;display:none}.nav-flyout-group:focus-within>.nav-context-submenu,.nav-flyout-group:hover>.nav-context-submenu{display:grid}.customer-360-directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.customer-360-platform-intro,.credit-policy-result-head{align-items:stretch;flex-direction:column}.customer-360-directory-grid{grid-template-columns:1fr}.customer-page-controls{flex-wrap:wrap}.customer-page-controls span{order:-1;width:100%}}

/* Numbered customer-complaint ticketing workspace. */
.complaint-ticket-heading{align-items:flex-end}#complaint-ticket-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.complaint-ticket-create{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.complaint-ticket-create[hidden]{display:none}.complaint-ticket-create>.surface-title,.complaint-ticket-create>.complaint-ticket-description,.complaint-ticket-create>.form-error{grid-column:1/-1}.complaint-ticket-create label,.complaint-ticket-filters label,.complaint-manage-form label{display:grid;gap:6px;font-size:.8rem;font-weight:850}.complaint-ticket-create textarea{resize:vertical}.complaint-ticket-create>button[type="submit"]{align-self:end}
.complaint-sla-panel{margin:0 0 16px}.complaint-sla-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end}.complaint-sla-form label{display:grid;gap:6px;font-size:.78rem;font-weight:850}.complaint-sla-form>.form-error{grid-column:1/-1}.complaint-sla-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.complaint-sla-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.complaint-sla-row>div{display:grid;gap:3px}.complaint-sla-row small{color:var(--muted)}
.complaint-ticket-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(130px,.65fr));gap:10px;align-items:end;margin-bottom:16px}.complaint-ticket-filters .search-box{display:flex;align-items:center;gap:8px}.complaint-ticket-filters .search-box input{width:100%}.complaint-ticket-workspace{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);gap:16px;align-items:start}.complaint-ticket-list-panel{padding:0;overflow:hidden}.complaint-ticket-list-panel>.surface-title{padding:16px 17px 12px;border-bottom:1px solid var(--line)}.complaint-ticket-list{display:grid;gap:0;max-height:720px;overflow:auto}.complaint-ticket-card{position:relative;display:grid;gap:7px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--line);border-inline-start:4px solid transparent;background:var(--white);color:var(--ink);font:inherit;text-align:start;cursor:pointer}.complaint-ticket-card:hover,.complaint-ticket-card:focus-visible{background:var(--soft);outline:none}.complaint-ticket-card.active{background:color-mix(in srgb,var(--blue) 9%,var(--white));border-inline-start-color:var(--blue)}.complaint-ticket-card.overdue{border-inline-start-color:var(--red)}.complaint-ticket-card.priority-critical:not(.active){background:color-mix(in srgb,var(--red) 5%,var(--white))}.complaint-ticket-card-head,.complaint-ticket-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.complaint-ticket-code{direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;color:var(--blue)}.complaint-ticket-card h4{margin:0;font-size:.94rem}.complaint-ticket-card p{margin:0;color:var(--muted);font-size:.78rem}.complaint-ticket-card-meta{justify-content:flex-start;color:var(--muted);font-size:.69rem}.complaint-ticket-card-meta>*{padding:3px 7px;border-radius:999px;background:var(--soft)}.complaint-ticket-card-meta .priority-critical{background:#fee6e3;color:#92261f}.complaint-ticket-card-meta .priority-high{background:#fff0dc;color:#7a4506}.ticket-due{color:var(--muted)}.ticket-due.overdue{color:var(--red);font-weight:900}
.complaint-status{display:inline-flex;align-items:center;width:max-content;padding:4px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.68rem;font-weight:900}.complaint-status.status-new,.complaint-status.status-reopened{background:#fff0dd;color:#804b0b}.complaint-status.status-assigned,.complaint-status.status-in_progress{background:#e7f0ff;color:#244f8a}.complaint-status.status-waiting_customer{background:#f2ecff;color:#59358d}.complaint-status.status-resolved,.complaint-status.status-closed{background:#e5f4e9;color:#24613a}.complaint-ticket-detail{display:grid;gap:16px;min-height:420px}.complaint-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.complaint-detail-head h3{margin:6px 0 3px}.complaint-detail-head p{margin:0;color:var(--muted)}.complaint-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.complaint-detail-facts>div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.complaint-detail-facts span{font-size:.68rem;color:var(--muted)}.complaint-description{padding:13px 14px;border-inline-start:3px solid var(--blue);border-radius:10px;background:var(--soft)}.complaint-description h4,.complaint-description p{margin:0}.complaint-description p{margin-top:7px;white-space:pre-wrap;line-height:1.8}.complaint-manage-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.complaint-manage-note,.complaint-note-visibility,.complaint-manage-form>.form-error{grid-column:1/-1}.complaint-note-visibility{display:flex!important;align-items:center;justify-content:space-between}.complaint-note-visibility span{display:grid;gap:2px}.complaint-note-visibility small{color:var(--muted);font-weight:500}.complaint-manage-form>button{grid-column:1/-1;justify-self:start}.complaint-timeline{display:grid;gap:9px}.complaint-timeline h4{margin:0 0 4px}.complaint-timeline-event{position:relative;display:grid;grid-template-columns:15px 1fr;gap:10px;padding:0 0 12px}.complaint-timeline-event i{position:relative;width:10px;height:10px;margin-top:5px;border:2px solid var(--white);border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px var(--blue)}.complaint-timeline-event:not(:last-child) i::after{content:'';position:absolute;top:12px;right:3px;width:2px;height:calc(100% + 18px);background:var(--line)}.complaint-timeline-event>div{display:grid;gap:3px}.complaint-timeline-event b{color:var(--blue);font-size:.75rem}.complaint-timeline-event p{margin:3px 0;white-space:pre-wrap}.complaint-timeline-event small{color:var(--muted)}.complaint-ticket-metric.danger{border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.complaint-ticket-metric.danger strong{color:var(--red)}
body[data-dashboard-theme="current-roast"] .complaint-ticket-card{background:#24170f;color:#f6e7d4;border-color:#5b4330}body[data-dashboard-theme="current-roast"] .complaint-ticket-card:hover,body[data-dashboard-theme="current-roast"] .complaint-ticket-card:focus-visible{background:#3a2619;color:#fff}body[data-dashboard-theme="current-roast"] .complaint-ticket-card.active{background:#493020;color:#fff}body[data-dashboard-theme="current-roast"] .complaint-ticket-card p,body[data-dashboard-theme="current-roast"] .complaint-ticket-card-meta,body[data-dashboard-theme="current-roast"] .ticket-due{color:#cbb398}body[data-dashboard-theme="current-roast"] .complaint-ticket-card-meta>*{background:#2b1b12}body[data-dashboard-theme="current-roast"] .complaint-detail-facts>div,body[data-dashboard-theme="current-roast"] .complaint-description,body[data-dashboard-theme="current-roast"] .complaint-manage-form{background:#2b1b12;color:#f6e7d4;border-color:#664a35}body[data-dashboard-theme="current-roast"] .complaint-timeline-event i{border-color:#24170f}body[data-dashboard-theme="current-roast"] .complaint-status.status-new,body[data-dashboard-theme="current-roast"] .complaint-status.status-reopened{background:#71400f;color:#fff3dc}body[data-dashboard-theme="current-roast"] .complaint-status.status-assigned,body[data-dashboard-theme="current-roast"] .complaint-status.status-in_progress{background:#285475;color:#eef7ff}body[data-dashboard-theme="current-roast"] .complaint-status.status-waiting_customer{background:#5a4276;color:#f7efff}body[data-dashboard-theme="current-roast"] .complaint-status.status-resolved,body[data-dashboard-theme="current-roast"] .complaint-status.status-closed{background:#315f3d;color:#f0fff3}
body[data-dashboard-theme="current-roast"] .complaint-sla-row{background:#2b1b12;color:#f6e7d4;border-color:#664a35}body[data-dashboard-theme="current-roast"] .complaint-sla-row small{color:#cbb398}
@media(max-width:1100px){#complaint-ticket-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-ticket-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-ticket-filters .search-box{grid-column:1/-1}.complaint-ticket-workspace{grid-template-columns:1fr}.complaint-ticket-list{max-height:440px}}
@media(max-width:700px){#complaint-ticket-metrics,.complaint-ticket-create,.complaint-ticket-filters,.complaint-manage-form,.complaint-detail-facts,.complaint-sla-form,.complaint-sla-list{grid-template-columns:1fr}.complaint-ticket-create>.surface-title,.complaint-ticket-create>.complaint-ticket-description,.complaint-ticket-create>.form-error,.complaint-ticket-filters .search-box,.complaint-manage-note,.complaint-note-visibility,.complaint-manage-form>.form-error,.complaint-manage-form>button{grid-column:auto}.complaint-ticket-heading,.complaint-detail-head{align-items:stretch;flex-direction:column}.complaint-ticket-workspace{grid-template-columns:minmax(0,1fr)}}
/* Accounting and purchasing workspace */
.accounting-heading{align-items:flex-start;gap:24px}.accounting-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.accounting-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.accounting-metric{display:grid;gap:7px;padding:18px;border:1px solid var(--line,#dfe7e3);border-radius:18px;background:var(--surface,#fff);box-shadow:0 8px 26px rgba(27,64,55,.06)}.accounting-metric span,.accounting-metric small{color:var(--muted,#64746f)}.accounting-metric strong{font-size:1.45rem;color:var(--ink,#173b33)}.accounting-workspace{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px}.accounting-command-panel{min-width:0}.accounting-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.accounting-form label{display:grid;gap:6px}.accounting-field-wide{grid-column:1/-1}.accounting-register{margin-top:16px}.accounting-register-list{display:grid;gap:10px}.accounting-register-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line,#dfe7e3);border-radius:14px;background:color-mix(in srgb,var(--surface,#fff) 94%,#eef7f2)}.accounting-register-card>div:first-child{display:grid;gap:4px;min-width:0}.accounting-register-card p{margin:0;color:var(--muted,#64746f);white-space:normal}.accounting-document-kind{font-size:.75rem;font-weight:800;color:var(--accent,#2c7461)}.accounting-row-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.accounting-entry-amount{white-space:nowrap;color:var(--ink,#173b33)}.accounting-empty{margin:0;padding:22px;text-align:center;color:var(--muted,#64746f);border:1px dashed var(--line,#dfe7e3);border-radius:14px}.status-pill.danger{background:#fff0ef;color:#a43b34;border-color:#f1c8c3}
@media(max-width:1050px){.accounting-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-workspace{grid-template-columns:1fr}.accounting-register-card{grid-template-columns:minmax(0,1fr) auto}.accounting-row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:620px){.accounting-summary,.accounting-form{grid-template-columns:1fr}.accounting-field-wide{grid-column:auto}.accounting-register-card{grid-template-columns:1fr}.accounting-heading-actions{justify-content:flex-start}.accounting-entry-amount{white-space:normal}}

/* Supplier master data inside warehouse governance. */
.supplier-directory-panel{margin-bottom:16px}.supplier-master-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.supplier-master-form label{display:grid;gap:6px;font-size:.8rem;font-weight:850}.supplier-field-wide{grid-column:span 2}.supplier-form-actions{display:flex;gap:8px;align-items:center}.supplier-list-heading{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.supplier-directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supplier-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink)}.supplier-card-copy{display:grid;gap:5px;min-width:0}.supplier-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.supplier-card-head strong{font-size:.95rem}.supplier-policy-badge{padding:4px 8px;border-radius:999px;background:var(--soft);color:var(--blue);font-size:.68rem;font-weight:900}.supplier-card p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.65}.supplier-card-facts{display:flex;gap:6px;flex-wrap:wrap}.supplier-card-facts span{padding:4px 7px;border-radius:8px;background:var(--soft);color:var(--ink);font-size:.68rem}.supplier-card-actions{display:flex;align-items:flex-start}.supplier-card-actions .button{min-width:72px}.purchase-payment-tag{display:inline-flex;margin-inline-start:6px;padding:3px 7px;border-radius:999px;background:var(--soft);color:var(--blue);font-size:.68rem;font-weight:900}
body[data-dashboard-theme="current-roast"] .supplier-card{background:#24170f;color:#f6e7d4;border-color:#664a35}body[data-dashboard-theme="current-roast"] .supplier-card p{color:#cbb398}body[data-dashboard-theme="current-roast"] .supplier-card-facts span,body[data-dashboard-theme="current-roast"] .supplier-policy-badge,body[data-dashboard-theme="current-roast"] .purchase-payment-tag{background:#3a2619;color:#ffd0ac}
@media(max-width:1050px){.supplier-master-form{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-directory-list{grid-template-columns:1fr}}
@media(max-width:620px){.supplier-master-form{grid-template-columns:1fr}.supplier-field-wide{grid-column:auto}.supplier-card{grid-template-columns:1fr}.supplier-card-actions{justify-content:flex-start}}

/* Current Roast accessibility refresh: warm navigation with a light, legible workspace. */
body[data-dashboard-theme="current-roast"]{--theme-bg:#f4efe9;--theme-card:#fff;--theme-card-alt:#f8f3ee;--theme-line:#d9cbbf;--theme-text:#2f241d;--theme-muted:#6f6055;--theme-muted-2:#917d6d;--ink:#2f241d;--muted:#6f6055;--line:#d9cbbf;--border:#d9cbbf;--soft:#f7f2ed;--surface:#fff;--surface-soft:#f7f2ed;--white:#fff;background:linear-gradient(145deg,#f7f3ef 0%,#eee6de 100%);color:var(--theme-text)}
body[data-dashboard-theme="current-roast"] .workspace{background:transparent;color:var(--theme-text)}body[data-dashboard-theme="current-roast"] .topbar{background:rgba(255,252,249,.96);color:var(--theme-text);border-color:var(--theme-line);box-shadow:0 5px 18px rgba(57,39,28,.07)}body[data-dashboard-theme="current-roast"] .sidebar{background:linear-gradient(180deg,#211710 0%,#120d09 100%)!important;color:#f4e6d8;border-color:#4b3527}body[data-dashboard-theme="current-roast"] .sidebar .nav-item:not(.active){color:#eadccf}body[data-dashboard-theme="current-roast"] .sidebar .nav-item:hover{background:#352318;color:#fff}body[data-dashboard-theme="current-roast"] .sidebar-foot{border-color:#4b3527}
body[data-dashboard-theme="current-roast"] .surface,body[data-dashboard-theme="current-roast"] .metric,body[data-dashboard-theme="current-roast"] .command-banner,body[data-dashboard-theme="current-roast"] .period-toolbar{background:#fff;color:var(--theme-text);border-color:var(--theme-line);box-shadow:0 10px 28px rgba(57,39,28,.07)}
body[data-dashboard-theme="current-roast"] .topbar .icon-button,body[data-dashboard-theme="current-roast"] .button.ghost,body[data-dashboard-theme="current-roast"] .text-action{background:#fff!important;border-color:#d4c2b3!important;color:#3b2b22!important}body[data-dashboard-theme="current-roast"] .topbar .icon-button:hover,body[data-dashboard-theme="current-roast"] .topbar .icon-button:focus-visible,body[data-dashboard-theme="current-roast"] .button.ghost:hover,body[data-dashboard-theme="current-roast"] .button.ghost:focus-visible,body[data-dashboard-theme="current-roast"] .text-action:hover,body[data-dashboard-theme="current-roast"] .text-action:focus-visible{background:#f4e9df!important;border-color:#b97950!important;color:#632b1d!important}
body[data-dashboard-theme="current-roast"] .surface input,body[data-dashboard-theme="current-roast"] .surface select,body[data-dashboard-theme="current-roast"] .surface textarea,body[data-dashboard-theme="current-roast"] dialog input,body[data-dashboard-theme="current-roast"] dialog select,body[data-dashboard-theme="current-roast"] dialog textarea{background:#fffdfb!important;border-color:#cfc0b4!important;color:#2f241d!important;color-scheme:light}body[data-dashboard-theme="current-roast"] option{background:#fff!important;color:#2f241d!important}
body[data-dashboard-theme="current-roast"] .accounting-metric,body[data-dashboard-theme="current-roast"] .accounting-register-card{background:#fffaf6;color:#2f241d;border-color:#ded0c5}body[data-dashboard-theme="current-roast"] .accounting-metric span,body[data-dashboard-theme="current-roast"] .accounting-metric small,body[data-dashboard-theme="current-roast"] .accounting-register-card p{color:#6f6055}body[data-dashboard-theme="current-roast"] .accounting-metric strong,body[data-dashboard-theme="current-roast"] .accounting-entry-amount{color:#2f241d}body[data-dashboard-theme="current-roast"] .accounting-document-kind{color:#9b3f2c}body[data-dashboard-theme="current-roast"] .accounting-empty{background:#fffaf6;color:#67584e;border-color:#cfb9a8}body[data-dashboard-theme="current-roast"] .surface-title{border-color:#e4d9d0}body[data-dashboard-theme="current-roast"] .surface-title p{color:#6f6055}body[data-dashboard-theme="current-roast"] .supplier-card{background:#fffaf6;color:#2f241d;border-color:#ded0c5}body[data-dashboard-theme="current-roast"] .supplier-card p{color:#6f6055}body[data-dashboard-theme="current-roast"] .supplier-card-facts span,body[data-dashboard-theme="current-roast"] .supplier-policy-badge,body[data-dashboard-theme="current-roast"] .purchase-payment-tag{background:#f3e7dd;color:#7b3626}

/* Country e-invoicing compliance workspace. */
.einvoice-compliance-panel{margin-bottom:1.25rem;border-inline-start:4px solid #ad3d2c;background:#fffdfb}.einvoice-compliance-head{align-items:flex-start;gap:1rem}.einvoice-compliance-head .eyebrow{color:#ad3d2c;margin:0 0 .25rem}.einvoice-compliance-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:1.25rem;align-items:start}.einvoice-profile-form{margin:0}.einvoice-vat-toggle{min-height:46px;padding:.7rem .8rem;border:1px solid #ded0c5;border-radius:12px;background:#fffaf6}.einvoice-vat-toggle input{width:auto}.einvoice-readiness{padding:1rem;border:1px solid #ded0c5;border-radius:16px;background:#fffaf6;color:#2f241d}.einvoice-country-summary{display:grid;gap:.35rem;margin-bottom:1rem}.einvoice-country-summary strong{font-size:1.05rem}.einvoice-country-summary p,.einvoice-country-summary small{margin:0;line-height:1.7;color:#6f6055}.einvoice-progress{height:10px;overflow:hidden;border-radius:999px;background:#eadfd7;margin-bottom:.55rem}.einvoice-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ad3d2c,#d17551);transition:width .25s ease}.einvoice-readiness>strong{display:block;margin-bottom:.8rem}.einvoice-requirements{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.einvoice-requirements li{padding:.55rem .65rem;border-radius:10px;font-size:.9rem;line-height:1.45}.einvoice-requirements li.passed{background:#eaf6ee;color:#17683b}.einvoice-requirements li.missing{background:#fff0ed;color:#8e2c20}.einvoice-legal-note{margin:1rem 0 0;padding-top:.8rem;border-top:1px solid #ded0c5;color:#6f6055;font-size:.82rem;line-height:1.65}.status-pill.success{background:#eaf6ee;color:#17683b;border-color:#badfc6}@media(max-width:980px){.einvoice-compliance-layout{grid-template-columns:1fr}}