/* Maricota 2.0: visual tokens and component proportions from the Lamark prototype. */
:root {
    --v2-accent-blue:#2563eb;
    --v2-accent-indigo:#6366f1;
    --v2-accent-violet:#9333ea;
    --v2-accent-amber:#b77908;
    --v2-accent-orange:#ea580c;
    --v2-accent-teal:#0d9488;
    --v2-accent-pink:#db2777;
    --v2-olive-light:#ededed;
    --v2-panel-shadow:0 16px 60px #22222214;
}
:root[data-theme="dark"] {
    --color-bg:#101010;
    --color-surface:#1c1c1c;
    --color-text:#f2f2f2;
    --color-muted:#ababab;
    --color-border:#383838;
    --color-gold:#dedede;
    --color-gold-soft:#303030;
    --color-sidebar:#dedede;
    --color-form-panel:#181818;
    --color-form-highlight:#303030;
    --v2-olive-light:#303030;
    --v2-panel-shadow:0 16px 60px #0008;
    color-scheme:dark;
}
body.with-sidebar {background:var(--color-bg)}
body.with-sidebar .app-shell {min-height:100vh}
body.with-sidebar .sidebar {
    width:242px;
    background:var(--color-surface);
    color:var(--color-muted);
    border-right:1px solid var(--color-border);
    padding:34px 19px 20px;
    overflow:hidden;
}
body.with-sidebar .sidebar-brand {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:0 8px 22px;
    margin:0;
    border:0;
}
body.with-sidebar .sidebar-brand img {display:block;width:132px;height:auto;max-width:100%}
body.with-sidebar .sidebar-brand small {display:block;margin-top:7px;color:#939393;font:600 7px/1.2 var(--font-body);letter-spacing:3px}
body.with-sidebar .sidebar-nav {flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}
body.with-sidebar .nav-caption {padding:12px 15px 9px;color:#a4a4a4;font-size:10px;font-weight:700;letter-spacing:1.6px}
body.with-sidebar .sidebar-group {padding:7px 0;flex-shrink:0}
body.with-sidebar .sidebar-group + .sidebar-group {border-top:1px solid var(--color-border);margin-top:8px;padding-top:15px}
body.with-sidebar .nav-item {display:flex;align-items:center;gap:13px;min-height:45px;padding:12px 15px;margin:3px 0;border-radius:8px;color:var(--color-muted);font-size:13px;font-weight:500;line-height:1.4;text-decoration:none}
body.with-sidebar .nav-item:hover {background:#f8f9f5;color:var(--color-text)}
body.with-sidebar .nav-item.is-active {background:var(--v2-olive-light);color:var(--color-text);font-weight:700}
body.with-sidebar .nav-item .icon {width:19px;height:19px;stroke-width:1.7;flex-shrink:0}
body.with-sidebar .nav-item[data-nav-kind="dashboard"] .icon {color:var(--v2-accent-blue)}
body.with-sidebar .nav-item[data-nav-kind="kits"] .icon {color:var(--v2-accent-amber)}
body.with-sidebar .nav-item[data-nav-kind="loads"] .icon {color:var(--v2-accent-orange)}
body.with-sidebar .nav-item[data-nav-kind="conference"] .icon,
body.with-sidebar .nav-item[data-nav-kind="stock"] .icon {color:var(--v2-accent-violet)}
body.with-sidebar .nav-item[data-nav-kind="representatives"] .icon {color:var(--v2-accent-indigo)}
body.with-sidebar .nav-item[data-nav-kind="consultants"] .icon {color:var(--v2-accent-pink)}
body.with-sidebar .nav-item[data-nav-kind="products"] .icon {color:var(--v2-accent-violet)}
body.with-sidebar .nav-item[data-nav-kind="reports"] .icon,
body.with-sidebar .nav-item[data-nav-kind="commission"] .icon {color:#8c8c8c}
body.with-sidebar .nav-dot {width:6px;height:6px;margin-left:auto;border-radius:50%;background:#8d8d8d;flex-shrink:0}
body.with-sidebar .nav-item.is-unavailable {opacity:.62;font-size:11px}
body.with-sidebar .nav-item.is-unavailable .icon {color:var(--color-muted)}
body.with-sidebar .nav-soon {font-size:9px;color:var(--color-muted)}
body.with-sidebar .sidebar-bottom {flex-shrink:0}
body.with-sidebar .sidebar-note {margin:13px 5px 18px;padding:16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);color:var(--color-muted);font-size:11px;line-height:1.6}
body.with-sidebar .sidebar-user {display:flex;align-items:center;gap:10px;padding:19px 8px 0;border-top:1px solid var(--color-border);min-width:0}
body.with-sidebar .sidebar-user>div {min-width:0;overflow:hidden}
body.with-sidebar .sidebar-user b {display:block;color:var(--color-text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.with-sidebar .sidebar-user small {display:block;color:var(--color-muted);font-size:10px;margin-top:3px}
body.with-sidebar .avatar {width:35px;height:35px;background:#e5e5e5;color:#737373;font:700 11px/1 var(--font-body)}
body.with-sidebar .sidebar-logout {display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 12px);min-height:42px;margin:17px 6px 0;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:12px;font-weight:600}
body.with-sidebar .sidebar-logout:hover {background:var(--v2-olive-light)}
body.with-sidebar .sidebar-logout .icon {width:16px;height:16px}
body.with-sidebar .app-content {margin-left:242px}
body.with-sidebar .topbar {min-height:77px;height:77px;padding:0 38px;border-bottom:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:12px}
body.with-sidebar .topbar-location {display:flex;align-items:center;min-width:0;gap:0}
body.with-sidebar .topbar-brand {display:inline-flex;align-items:center;flex-shrink:0}
body.with-sidebar .topbar-brand img {display:block;width:58px;height:34px;object-fit:contain}
body.with-sidebar .topbar-divider {margin:0 12px;color:#cbcbcb}
body.with-sidebar .breadcrumb {font-size:12px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.with-sidebar .topbar-right {display:flex;align-items:center;gap:20px;margin-left:auto;white-space:nowrap}
body.with-sidebar .topbar-right time {color:var(--color-muted);font-size:11px}
body.with-sidebar .theme-switch,
body.with-sidebar .topbar-logout {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:35px;padding:7px 11px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);font-size:11px;font-weight:600}
body.with-sidebar .theme-switch:hover,
body.with-sidebar .topbar-logout:hover {background:var(--v2-olive-light)}
body.with-sidebar .theme-switch .icon,
body.with-sidebar .topbar-logout .icon {width:16px;height:16px}
body.with-sidebar .topbar-logout .icon {color:#d95d5d}
body.with-sidebar .topbar-online {display:inline-flex;align-items:center;gap:7px;color:var(--color-muted);font-size:11px}
body.with-sidebar .topbar-online::before {content:"";width:6px;height:6px;border-radius:50%;background:#898989}
body.with-sidebar .main-content {max-width:1700px;min-height:calc(100vh - 123px);margin:auto;padding:34px 38px 45px}
body.with-sidebar .page-footer {max-width:1700px;margin:auto;padding:0 38px 30px;border:0;color:#a3a3a3;font-size:10px}
body.with-sidebar .page-heading {align-items:center;gap:16px;margin-bottom:29px}
body.with-sidebar .page-heading .eyebrow,
body.with-sidebar .eyebrow {color:#989898;font-size:10px;font-weight:700;letter-spacing:1.7px;margin-bottom:9px}
body.with-sidebar .page-heading h1 {font:750 27px/1.2 var(--font-display);letter-spacing:-1px;color:var(--color-text)}
body.with-sidebar .page-heading p {margin-top:8px;color:var(--color-muted);font-size:12px;line-height:1.6}
body.with-sidebar .page-heading-actions {gap:10px}
body.with-sidebar :is(.button,.button--primary,.button--secondary) {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:10px 16px;border-radius:7px;font-size:12px;font-weight:600;line-height:1.3;white-space:normal;text-decoration:none}
body.with-sidebar :is(.button-primary,.button--primary) {background:#414141;color:#fff;border:1px solid #414141}
body.with-sidebar :is(.button-primary,.button--primary):hover {background:#333;border-color:#333;color:#fff}
body.with-sidebar :is(.button-secondary,.button--secondary) {background:var(--color-surface);border:1px solid var(--color-border);color:#555}
body.with-sidebar :is(.button-secondary,.button--secondary):hover {background:var(--v2-olive-light);color:var(--color-text)}
body.with-sidebar .button .icon {width:16px;height:16px}
body.with-sidebar .card,
body.with-sidebar :is(.overview-metric,.kit-metric,.summary-metric,.work-kit,.work-delivery) {background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:none}
body.with-sidebar .card-header {padding:23px 24px 18px}
body.with-sidebar .card-header h2 {font-size:14px;font-weight:750}
body.with-sidebar .card-header p {margin-top:6px;color:var(--color-muted);font-size:11px}
body.with-sidebar .metric {padding:22px 21px}
body.with-sidebar .metric-label {color:#878787;font-size:11px}
body.with-sidebar .metric-value {margin:15px 0 0;color:var(--color-text);font:750 27px/1.25 var(--font-display);letter-spacing:-.8px}
body.with-sidebar .metric-note {color:#9d9d9d;font-size:10px}
body.with-sidebar .overview-metric .metric-value,
body.with-sidebar .summary-metric strong {color:var(--color-text);font:750 27px/1.25 var(--font-display);letter-spacing:-.8px}
body.with-sidebar :is(.overview-metric,.kit-metric,.summary-metric) h2 {color:var(--color-muted);font:500 11px/1.4 var(--font-body)}
body.with-sidebar .overview-primary-metrics>:first-child {background:#414141;border-color:#414141;color:#fff}
body.with-sidebar .overview-primary-metrics>:first-child h2,
body.with-sidebar .overview-primary-metrics>:first-child .metric-value,
body.with-sidebar .overview-primary-metrics>:first-child p {color:#fff}
body.with-sidebar .overview-primary-metrics>:first-child .icon {color:#e2e2e2}
body.with-sidebar .overview-metric .icon,
body.with-sidebar .kit-symbol .icon {width:17px;height:17px}
body.with-sidebar .table-scroll {max-width:100%;overflow-x:auto}
body.with-sidebar main table {width:100%;border-collapse:collapse;text-align:left}
body.with-sidebar main caption {padding:18px 24px;color:var(--color-muted);font-size:11px;font-weight:500}
body.with-sidebar main :is(th,td) {padding:16px 24px;border-bottom:1px solid var(--color-border);font-size:12px;vertical-align:middle}
body.with-sidebar main thead th {background:var(--color-bg);color:#959595;font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}
body.with-sidebar main tbody tr:last-child :is(th,td) {border-bottom:0}
body.with-sidebar main tbody tr:hover {background:color-mix(in srgb,var(--color-bg) 65%,transparent)}
body.with-sidebar .field label {font-size:12px;font-weight:600;color:#6a6a6a}
body.with-sidebar :is(.input,input:not([type="checkbox"]):not([type="radio"]),select,textarea) {border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);box-shadow:none}
body.with-sidebar :is(.input,input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {border-color:#959595;box-shadow:0 0 0 3px #90909018;outline:0}
body.with-sidebar :is(.input,input:not([type="checkbox"]):not([type="radio"]),select,textarea)::placeholder {color:#999}
body.with-sidebar .input {min-height:43px;padding:10px 12px;font-size:12px}
body.with-sidebar .badge {display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:0;border-radius:5px;background:#f3f3f3;color:#7c7c7c;font-size:10px;font-weight:500}
body.with-sidebar .badge::before {content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
body.with-sidebar .empty-state {min-height:230px;padding:42px 20px;color:#929292}
body.with-sidebar .empty-icon {width:42px;height:42px;margin-bottom:14px;border:0;background:transparent;color:var(--v2-accent-amber)}
body.with-sidebar .empty-icon .icon {width:30px;height:30px}
body.with-sidebar .empty-state h3 {font:700 13px/1.4 var(--font-display);color:#6e6e6e}
body.with-sidebar .empty-state p {margin:8px 0 17px;font-size:11px;line-height:1.7;color:#929292}
body.with-sidebar .alert {padding:14px 17px;border-radius:8px;font-size:11px;line-height:1.7}
body.with-sidebar .pagination-footer {border-top:1px solid var(--color-border)}
body.with-sidebar .pagination-link {border-radius:7px;font-size:12px}
body.with-sidebar .pagination-link.is-current {background:#414141;border-color:#414141;color:#fff}
body.with-sidebar .app-drawer {background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--v2-panel-shadow)}
body.with-sidebar .app-drawer::backdrop {background:#27272770;backdrop-filter:blur(3px)}
body.with-sidebar .app-drawer-header {padding:23px 24px 18px;border-bottom:1px solid var(--color-border)}
body.with-sidebar .app-drawer-header h2 {font-size:14px;font-weight:750}
body.with-sidebar .app-drawer .button {min-height:41px;border-radius:7px;font-size:12px}
body.with-sidebar .app-drawer :is(.product-form-footer,.operation-form-footer) {background:var(--color-bg);padding:18px 24px}
body.with-sidebar .modal {border:1px solid var(--color-border);border-radius:13px;background:var(--color-surface);box-shadow:var(--v2-panel-shadow)}
body.with-sidebar .sidebar-overlay {background:#27272770;backdrop-filter:blur(3px)}
/* The prototype's split login uses the same logo, typography, spacing, and neutral palette. */
.auth-shell {display:block;min-height:100vh;padding:0;background:var(--color-bg)}
.auth-main {display:grid;grid-template-columns:1fr 1fr;max-width:none;min-height:100vh;width:100%;border:0;border-radius:0;box-shadow:none;background:var(--color-bg)}
.auth-identity {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:50px 70px;min-height:100vh;border-radius:0;overflow:hidden;background:#e8e8e8}
.auth-brand {width:170px;max-width:100%;border-radius:0;text-decoration:none}
.auth-brand img {width:170px;max-width:100%;height:auto}
.auth-brand small {display:block;margin-top:7px;text-align:center;color:#939393;font-size:8px;letter-spacing:4px}
.auth-identity h1 {position:relative;z-index:1;margin-top:130px;max-width:450px;color:#565656;font:400 52px/1.17 Georgia,serif;letter-spacing:-1px}
.auth-identity p {position:relative;z-index:1;max-width:390px;margin-top:25px;color:#888;font-size:13px;line-height:1.7}
.auth-identity footer {position:absolute;bottom:50px;color:#999;font-size:10px;letter-spacing:.3px}
.auth-ornament {width:450px;height:450px;left:50%;bottom:-220px;top:auto;transform:none;border:1px solid #bbb;box-shadow:none}
.auth-ornament::before,.auth-ornament::after {content:"";position:absolute;inset:35px;border:1px solid #bbb;border-radius:50%}
.auth-ornament::after {inset:70px}
.auth-form {display:grid;place-content:center;position:relative;width:100%;padding:45px;background:var(--color-bg)}
.auth-form-inner {width:350px;max-width:min(350px,85vw)}
.auth-theme {position:absolute;top:28px;right:30px}
.auth-theme .theme-switch {display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);font-size:11px;font-weight:600}
.auth-theme .theme-switch .icon {width:16px;height:16px}
.auth-form .eyebrow {color:#989898;font-size:10px;font-weight:700;letter-spacing:1.7px;margin-bottom:9px}
.auth-form h1,.auth-form h2 {font:750 25px/1.3 var(--font-display);letter-spacing:-.7px;margin-bottom:9px}
.auth-form>.muted,.auth-form-inner>.muted {color:var(--color-muted);font-size:12px;margin-bottom:34px}
.auth-form .form-stack {gap:18px}
.auth-form .field label {color:#6a6a6a;font-size:12px;font-weight:600}
.auth-form .input {width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-text);font-size:12px;box-shadow:none}
.auth-form .input:focus {outline:0;border-color:#959595;box-shadow:0 0 0 3px #90909018}
.auth-form .button-full {width:100%;min-height:44px;margin-top:16px;border-radius:7px;background:#414141;color:#fff;font-size:12px}
.auth-form .auth-password-toggle {color:var(--color-text);font-size:11px}
.auth-form .auth-password .input {padding-right:9.5rem}
.auth-form .auth-remember {font-size:12px;min-height:28px}
.auth-form .auth-help {margin-top:24px;font-size:11px}
.auth-form .auth-welcome-icon {display:none}
.auth-mobile-brand {display:none}
:root[data-theme="dark"] .sidebar {background:var(--color-surface)}
:root[data-theme="dark"] body.with-sidebar .nav-item:hover {background:#2b2b2b}
:root[data-theme="dark"] body.with-sidebar .sidebar-brand small {color:#aaa}
:root[data-theme="dark"] body.with-sidebar .sidebar-note {background:#272727;color:#b0b0b0}
:root[data-theme="dark"] body.with-sidebar .avatar {background:#3a3a3a;color:#d5d5d5}
:root[data-theme="dark"] body.with-sidebar .topbar-divider {color:#777}
:root[data-theme="dark"] body.with-sidebar :is(.button-primary,.button--primary) {background:#dedede;border-color:#dedede;color:#171717}
:root[data-theme="dark"] body.with-sidebar :is(.button-secondary,.button--secondary) {background:#292929;border-color:#4e4e4e;color:#dcdcdc}
:root[data-theme="dark"] body.with-sidebar .overview-primary-metrics>:first-child {background:#303030;border-color:#666}
:root[data-theme="dark"] body.with-sidebar main thead th {background:#252525;color:#bcbcbc}
:root[data-theme="dark"] body.with-sidebar main tbody tr:hover {background:#262626}
:root[data-theme="dark"] body.with-sidebar .badge {background:#363636;color:#cfcfcf}
:root[data-theme="dark"] body.with-sidebar .empty-state h3 {color:#c2c2c2}
:root[data-theme="dark"] body.with-sidebar .app-drawer :is(.product-form-footer,.operation-form-footer) {background:#252525}
:root[data-theme="dark"] .auth-identity {background:#282828}
:root[data-theme="dark"] .auth-identity h1 {color:#dadada}
:root[data-theme="dark"] .auth-identity p,
:root[data-theme="dark"] .auth-identity footer {color:#b2b2b2}
:root[data-theme="dark"] .auth-ornament,
:root[data-theme="dark"] .auth-ornament::before,
:root[data-theme="dark"] .auth-ornament::after {border-color:#6d6d6d}
:root[data-theme="dark"] .auth-form .button-full {background:#e5e5e5;color:#171717}
:root[data-theme="dark"] .auth-form .field label {color:#cdcdcd}
:root[data-theme="dark"] .auth-form .input {background:#181818;border-color:#494949;color:#e8e8e8}
:root[data-theme="dark"] .auth-form .input:focus {border-color:#adadad;box-shadow:0 0 0 3px #b0b0b022}
:root[data-theme="dark"] :is(.sidebar-brand img,.topbar-brand img,.auth-brand img,.auth-mobile-brand img) {filter:brightness(0) invert(1)}
@media(max-width:1100px) {
    body.with-sidebar .topbar-right {gap:10px}
    body.with-sidebar .topbar-online {display:none}
    body.with-sidebar .main-content {padding-inline:25px}
}
@media(max-width:850px) {
    body.with-sidebar .topbar-right time {display:none}
    .auth-identity {padding:40px}
    .auth-identity h1 {font-size:39px}
    .auth-form {padding:25px}
}
@media(min-width:651px) and (max-width:800px) {
    body.with-sidebar .sidebar {transform:none;transition:none}
    body.with-sidebar .app-content {margin-left:242px}
    body.with-sidebar .menu-toggle {display:none}
}
@media(max-width:650px) {
    body.with-sidebar .sidebar {width:242px;max-width:calc(100vw - 36px);transform:translateX(-100%);transition:transform .2s;box-shadow:var(--v2-panel-shadow)}
    body.with-sidebar .sidebar.is-open {transform:translateX(0)}
    body.with-sidebar .app-content {margin-left:0;width:100%}
    body.with-sidebar .menu-toggle {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:12px;border:0}
    body.with-sidebar .topbar {height:63px;min-height:63px;padding:0 18px}
    body.with-sidebar .topbar-brand img {width:48px;height:29px}
    body.with-sidebar .topbar-right {gap:7px}
    body.with-sidebar .topbar-right time,
    body.with-sidebar .topbar-online {display:none}
    body.with-sidebar .theme-switch {width:36px;min-width:36px;height:36px;padding:7px}
    body.with-sidebar .theme-switch [data-theme-label] {display:none}
    body.with-sidebar .topbar-logout {width:36px;min-width:36px;height:36px;padding:7px}
    body.with-sidebar .topbar-logout span {display:none}
    body.with-sidebar .main-content {padding:25px 17px}
    body.with-sidebar .page-heading {align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:24px}
    body.with-sidebar .page-heading h1 {font-size:24px}
    body.with-sidebar .page-heading-actions {width:100%;flex-wrap:wrap}
    body.with-sidebar .page-heading-actions .button {min-height:44px}
    body.with-sidebar main :is(th,td) {padding:13px 15px}
    body.with-sidebar .page-footer {padding:0 17px 25px;flex-wrap:wrap}
    body.with-sidebar .input {font-size:16px}
    .auth-main {grid-template-columns:1fr}
    .auth-identity {min-height:285px;padding:30px}
    .auth-brand {display:block}
    .auth-identity h1 {margin-top:40px;font-size:28px}
    .auth-identity p,.auth-identity footer {display:none}
    .auth-ornament {width:300px;height:300px;left:auto;right:-100px;bottom:-210px}
    .auth-form {min-height:calc(100vh - 285px);padding:43px 25px 40px}
    .auth-form-inner {width:min(350px,calc(100vw - 78px));max-width:100%}
    .auth-mobile-brand {display:block;width:145px;max-width:65%;margin:0 auto 22px}
    .auth-theme {top:16px;right:17px}
    .auth-theme .theme-switch {width:auto;min-height:36px;padding:7px 11px}
    .auth-form .input {font-size:16px}
}
/* Catalog tabs and empty lists follow the prototype's panel layout. */
body.with-sidebar .catalog-tabs {display:flex;align-items:center;gap:23px;margin:0 0 22px;padding:0;border-bottom:1px solid var(--color-border)}
body.with-sidebar .catalog-tabs a {display:inline-flex;align-items:center;min-height:44px;padding:0 3px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;color:#999;font-size:12px;text-decoration:none}
body.with-sidebar .catalog-tabs a[aria-current="page"] {color:var(--color-text);border-bottom-color:#414141;font-weight:700;background:transparent}
body.with-sidebar .catalog-empty-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:18px 24px;border-bottom:1px solid var(--color-border);color:var(--color-muted);font-size:11px}
body.with-sidebar .catalog-empty-toolbar span:first-child {color:var(--color-muted)}
body.with-sidebar .catalog-empty-toolbar + .empty-state {min-height:230px}
body.with-sidebar .catalog-empty-toolbar + .empty-state .button {margin-top:0}
@media(max-height:900px) and (min-width:651px) {
    body.with-sidebar .sidebar-note {display:none}
    body.with-sidebar .sidebar-group {padding-block:4px}
    body.with-sidebar .sidebar-group + .sidebar-group {margin-top:5px;padding-top:10px}
}
/* Dashboard uses the prototype's four-card summary and full-width best-seller panel. */
body.with-sidebar .dashboard-overview .page-heading {margin-bottom:29px}
body.with-sidebar .dashboard-overview h1 {font-size:27px}
body.with-sidebar .overview-section-title {margin:0 0 16px;font:750 14px/1.4 var(--font-display)}
body.with-sidebar .overview-primary-metrics {grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:0}
body.with-sidebar .overview-primary-metrics .overview-metric {min-height:156px;padding:22px 21px;border:1px solid var(--color-border);border-radius:10px}
body.with-sidebar .overview-primary-metrics .overview-metric:first-child {border-color:#414141}
body.with-sidebar .overview-metric-heading {align-items:flex-start;gap:12px}
body.with-sidebar .overview-metric-heading .icon {width:17px;height:17px;flex-shrink:0}
body.with-sidebar .overview-metric .metric-value {display:block;margin:17px 0 0;font-size:27px;line-height:1.25}
body.with-sidebar .overview-metric p {margin:10px 0 0;color:#9d9d9d;font-size:10px;line-height:1.5}
body.with-sidebar .overview-profit-note {display:flex;align-items:center;gap:7px;min-height:30px;margin:8px 0 21px;color:var(--color-muted);font-size:11px}
body.with-sidebar .overview-profit-note .icon {width:14px;height:14px}
body.with-sidebar .overview-best-sellers {margin-bottom:22px}
body.with-sidebar .overview-best-sellers .overview-ranking {min-height:315px;padding:0}
body.with-sidebar .overview-best-sellers .overview-ranking>header {padding:23px 24px 18px}
body.with-sidebar .overview-best-sellers .overview-ranking .empty-state {min-height:230px}
body.with-sidebar .overview-ranking {padding:23px 24px;min-width:0}
body.with-sidebar .overview-ranking>header {display:flex;align-items:center;justify-content:space-between;gap:12px}
body.with-sidebar .overview-ranking>header h2 {font-size:14px}
body.with-sidebar .overview-ranking>header span {color:#9d9d9d;font-size:10px}
body.with-sidebar .overview-ranking-list {margin-top:13px}
body.with-sidebar .overview-ranking-list li {padding:14px 0;font-size:12px}
body.with-sidebar .overview-position {border-radius:9px;background:var(--v2-olive-light);color:var(--color-text)}
body.with-sidebar .overview-ranking .empty-state {min-height:165px;padding:24px 12px}
body.with-sidebar .overview-chart {margin-bottom:22px;padding:23px 24px}
body.with-sidebar .overview-chart h2 {font-size:14px}
body.with-sidebar .overview-chart-empty {min-height:220px;font-size:12px}
body.with-sidebar .overview-rankings {gap:22px;margin-bottom:22px}
body.with-sidebar .overview-administrative {margin-top:22px}
:root[data-theme="dark"] body.with-sidebar .overview-primary-metrics .overview-metric:first-child {background:#303030;border-color:#666}
@media(max-width:1200px) {
    body.with-sidebar .overview-primary-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px) {
    body.with-sidebar .overview-primary-metrics {gap:11px}
    body.with-sidebar .overview-primary-metrics .overview-metric {min-height:140px;padding:17px 14px}
    body.with-sidebar .overview-metric .metric-value {font-size:23px}
    body.with-sidebar .overview-best-sellers .overview-ranking>header {padding:20px}
    body.with-sidebar .overview-chart {padding:20px}
}
@media(max-width:380px) {
    body.with-sidebar .overview-primary-metrics {grid-template-columns:1fr}
}
body.with-sidebar .kit-catalog-notice {display:flex;align-items:center;gap:9px;margin-bottom:20px;padding:14px 17px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-muted);font-size:11px;line-height:1.7}
body.with-sidebar .kit-catalog-notice .icon {width:17px;height:17px;flex-shrink:0;color:var(--v2-accent-teal)}
body.with-sidebar .kit-catalog-list:has(>.empty-state) {min-height:230px}
body.with-sidebar .kit-catalog-list>.empty-state {min-height:230px}
body.with-sidebar .kit-catalog-list>.empty-state .button {margin-top:0}
/* Existing operational pages use the prototype's neutral cards and table states. */
body.with-sidebar .routes-catalog-count {padding:18px 24px;color:var(--color-muted);font-size:11px;border-bottom:1px solid var(--color-border)}
body.with-sidebar .routes-catalog>.empty-state {min-height:235px}
body.with-sidebar .representatives-metrics,
body.with-sidebar .checkout-catalog-metrics,
body.with-sidebar .operation-dashboard-metrics {gap:17px;margin-bottom:22px}
body.with-sidebar :is(.representative-metric,.checkout-catalog-metric,.kit-metric) {background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:none;color:var(--color-text)}
body.with-sidebar :is(.representative-metric,.checkout-catalog-metric,.kit-metric)>div>span {color:var(--color-muted);font-size:11px;font-weight:500}
body.with-sidebar :is(.representative-metric,.checkout-catalog-metric,.kit-metric) strong {color:var(--color-text);font:750 25px/1.25 var(--font-display);letter-spacing:-.6px}
body.with-sidebar .representatives-metrics>:first-child {background:#414141;border-color:#414141}
body.with-sidebar .representatives-metrics>:first-child :is(span,strong) {color:#fff}
body.with-sidebar .representatives-metrics>:first-child .representative-metric-icon {color:#dedede;background:#ffffff20}
body.with-sidebar .operation-dashboard-metrics>:first-child {background:#414141;border-color:#414141}
body.with-sidebar .operation-dashboard-metrics>:first-child :is(span,strong) {color:#fff}
body.with-sidebar .operation-overview>h2,body.with-sidebar .operation-current h2 {font:700 17px/1.3 var(--font-display);letter-spacing:-.25px;margin:0 0 16px}
body.with-sidebar .operation-current {padding:17px;margin-bottom:22px}
body.with-sidebar .operation-current-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
body.with-sidebar .operation-current-heading h2 {margin:0}
body.with-sidebar .operation-current-metrics {margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}
body.with-sidebar .operation-current-metrics>:first-child {background:var(--color-surface);border-color:var(--color-border)}
body.with-sidebar .operation-current-metrics>:first-child :is(span,strong) {color:var(--color-text)}
body.with-sidebar .representative-metric-icon,
body.with-sidebar .checkout-catalog-symbol {width:36px;height:36px;background:var(--v2-olive-light);color:#929292;border-radius:8px}
body.with-sidebar .representative-metric-icon .icon,
body.with-sidebar .checkout-catalog-symbol .icon {width:18px;height:18px}
body.with-sidebar .representative-metric-blue .representative-metric-icon {color:var(--v2-accent-indigo)}
body.with-sidebar .checkout-catalog-metric-success .checkout-catalog-symbol {color:var(--v2-accent-teal)}
body.with-sidebar .checkout-catalog-metric-gold .checkout-catalog-symbol {color:var(--v2-accent-amber)}
body.with-sidebar .representatives-list>.empty-state {min-height:235px}
body.with-sidebar .representatives-list-note {font-size:10px;line-height:1.6;color:var(--color-muted)}
body.with-sidebar .checkout-catalog .page-heading h1 {font:750 27px/1.2 var(--font-display)}
body.with-sidebar .checkout-catalog-list {overflow:hidden}
body.with-sidebar .checkout-catalog-filters {background:var(--color-surface)}
body.with-sidebar .checkout-list-heading {padding:22px 24px 17px}
body.with-sidebar .checkout-list-heading h2 {font-size:14px;font-weight:750}
body.with-sidebar .checkout-catalog-table th,
body.with-sidebar .checkout-catalog-table td {font-size:12px}
body.with-sidebar .checkout-catalog-table thead th {font-size:10px}
body.with-sidebar .consultants-list {overflow:hidden}
body.with-sidebar .consultants-list-count {padding:14px 18px;border-bottom:1px solid var(--color-border);color:var(--color-muted);font-size:11px;text-align:right}
body.with-sidebar .consultants-list .work-empty {min-height:230px}
body.with-sidebar .operation-filters {background:var(--color-surface);border-color:var(--color-border)}
body.with-sidebar .work-tabs {gap:23px;border-bottom:1px solid var(--color-border);margin-bottom:22px}
body.with-sidebar .work-tabs a {border-radius:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-muted);font-size:12px}
body.with-sidebar .work-tabs a[aria-current="page"] {border-bottom-color:#414141;color:var(--color-text);font-weight:700}
body.with-sidebar .work-kit-grid {gap:18px}
body.with-sidebar .work-kit {padding:22px}
body.with-sidebar .work-kit h2 {font-size:15px}
body.with-sidebar .work-kit p {font-size:11px;color:var(--color-muted)}
body.with-sidebar .work-kit-top>.icon {color:var(--v2-accent-amber)}
body.with-sidebar .work-empty {color:var(--color-muted);font-size:12px}
body.with-sidebar .kit-panel summary {font-size:13px}
:root[data-theme="dark"] body.with-sidebar .representatives-metrics>:first-child {background:#303030;border-color:#666}
:root[data-theme="dark"] body.with-sidebar .operation-dashboard-metrics>:first-child {background:#303030;border-color:#666}
@media(max-width:650px) {
    body.with-sidebar .operation-current-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
    body.with-sidebar .operation-current {padding:16px}
    body.with-sidebar .representatives-metrics,
    body.with-sidebar .checkout-catalog-metrics,
    body.with-sidebar .operation-dashboard-metrics {gap:11px}
    body.with-sidebar :is(.representative-metric,.checkout-catalog-metric,.kit-metric) {padding:16px 13px}
    body.with-sidebar :is(.representative-metric,.checkout-catalog-metric,.kit-metric) strong {font-size:22px}
    body.with-sidebar .representatives-list>.empty-state {min-height:225px}
    body.with-sidebar .routes-catalog-count {padding:16px}
}