.commercial-center{padding:0!important;background:var(--surface,#fff)!important}.commercial-center>:not(.cc-shell){display:none!important}.cc-shell{padding:20px;min-height:calc(100vh - 170px);color:var(--text,#192f55)}.cc-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.cc-heading small{color:#4a9698;font-weight:800;font-size:11px;letter-spacing:.1em}.cc-heading h2{font-size:22px;margin:4px 0}.cc-heading p,.cc-note{font-size:12px;color:var(--muted,#647381);margin:4px 0}.cc-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:14px 0}.cc-filters label{display:grid;gap:4px;font-size:12px;font-weight:600}.cc-filters input,.cc-filters select{height:32px;min-width:160px;border:1px solid var(--border,#dce3e7);border-radius:6px;padding:4px 8px;background:var(--surface,#fff);color:inherit}.cc-status{min-height:18px;font-size:12px;color:#4d7e80;margin:0 0 10px}.cc-error{color:#aa3d34}.cc-metrics{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:10px;margin-bottom:16px}.cc-metrics>article,.cc-metric{border:1px solid var(--border,#dce3e7);border-radius:10px;padding:14px;background:var(--surface,#fff);color:inherit;text-align:left;display:flex;flex-direction:column;gap:6px;min-width:0}.cc-metrics small{font-size:12px;font-weight:700}.cc-metrics strong{font-size:22px;font-weight:800;overflow-wrap:anywhere}.cc-metrics span{font-size:11px;color:var(--muted,#647381)}.cc-metric[aria-pressed=true]{border-color:#4a9698;background:#e9f7f7}.cc-content{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:14px}.cc-block{border:1px solid var(--border,#dce3e7);border-radius:10px;min-width:0;background:var(--surface,#fff)}.cc-block>header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border,#dce3e7)}.cc-block h3{font-size:14px;margin:0}.cc-block header small{font-size:11px;color:var(--muted,#647381)}.cc-block-body{padding:10px}.cc-block-body>p{font-size:12px;color:var(--muted,#647381);padding:8px}.cc-pending{grid-column:1;grid-row:1}.cc-recent{grid-column:1;grid-row:2}.cc-deliveries{grid-column:2;grid-row:1}.cc-quick{grid-column:2;grid-row:2}.cc-block[hidden]{display:none!important}.cc-table-wrap{overflow:auto;max-height:420px}.cc-table-wrap table{min-width:900px;width:100%;font-size:12px;border-spacing:3px}.cc-table-wrap th{background:#2d2b83;color:#fff;border-radius:6px;padding:8px;text-align:left;white-space:nowrap}.cc-table-wrap td{border:1px solid var(--border,#dce3e7);border-radius:6px;padding:6px;max-width:220px;overflow-wrap:anywhere}.cc-overdue td{background:#fff4eb;color:#7e491c}.cc-delivery{display:grid;gap:5px;border-bottom:1px solid var(--border,#dce3e7);padding:10px;font-size:12px}.cc-delivery small{color:var(--muted,#647381)}.cc-delivery button{justify-self:start}.cc-quick .cc-block-body{display:flex;flex-direction:column;align-items:start;gap:8px}.cc-note{padding:14px 0}.commercial-center .rd-appearance form{display:grid;gap:14px}.commercial-center .rd-appearance label{display:flex;align-items:center;gap:10px}.commercial-center .rd-appearance input[type=checkbox]{width:18px;height:18px}:root[data-theme=dark] .cc-metric[aria-pressed=true]{background:#254b53}:root[data-theme=dark] .cc-overdue td{background:#49372c;color:#ffe1b4}@media(max-width:1100px){.cc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-content{grid-template-columns:1fr}.cc-block{grid-column:auto;grid-row:auto}.cc-heading{align-items:start;flex-direction:column}}@media(max-width:600px){.cc-shell{padding:12px}.cc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-metrics>article{grid-column:1/-1}.cc-filters label{flex:1}.cc-filters input,.cc-filters select{min-width:0;width:100%}.cc-heading h2{font-size:19px}.cc-heading .standard-command-set{flex-wrap:wrap}.cc-metrics strong{font-size:19px}}@media print{.cc-filters,.cc-heading .standard-command-set,.cc-table-wrap button{display:none}.cc-table-wrap{max-height:none;overflow:visible}.cc-table-wrap table{min-width:0}.cc-content{display:block}.cc-block{margin-bottom:12px}}
.commercial-center{--surface:var(--paper);--text:var(--ink);--border:var(--line)}
.commercial-center .grid-appearance-editor>p,.commercial-center .grid-appearance-headings{display:none}
.commercial-center .cc-content{grid-template-columns:minmax(0,3fr) minmax(260px,1fr);align-items:start}
.cc-monthly{grid-column:1;grid-row:1}.cc-distribution{grid-column:2;grid-row:1}.cc-pending{grid-row:2}.cc-recent{grid-row:3}.cc-deliveries{grid-row:2}.cc-quick{grid-row:3}
.commercial-center .cc-table-wrap{min-height:0;max-height:320px;border-radius:10px}
.commercial-center .cc-table-wrap .standard-table{border-collapse:separate;table-layout:fixed;font-size:12px}
.commercial-center .cc-table-wrap .standard-table th{height:30px;min-height:0;padding:4px 7px;line-height:1.2}
.commercial-center .cc-table-wrap .standard-table td{height:36px;min-height:0;padding:1px 7px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.commercial-center .cc-table-wrap .standard-table th:nth-child(2){width:24%}.commercial-center .cc-table-wrap .standard-table th:nth-child(7){width:18%}
.commercial-center .cc-table-wrap .standard-command-set{display:flex;align-items:center;margin:0}
.commercial-center .cc-quick .cc-block-body{align-items:stretch}.commercial-center .cc-quick button{justify-content:flex-start;width:100%}
.commercial-center .cc-quick button[aria-pressed=true]{border-color:#4c9899;background:var(--brand-turquoise-pale);color:var(--ink)}
.cc-chart-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.cc-chart-controls select{height:28px;min-width:72px;padding:3px 7px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:12px}
.cc-chart-controls small,.cc-monthly .cc-block-body>small,.cc-distribution .cc-block-body>small{font-size:11px;color:var(--muted);display:block;line-height:1.5}
.cc-monthly-svg{display:block;width:100%;height:auto;min-height:150px}.cc-chart-grid{stroke:var(--line);stroke-width:1}.cc-chart-baseline{stroke:var(--muted);stroke-width:1}
.cc-axis-label{fill:var(--muted);font-size:11px}.cc-donut-track{stroke:var(--line)}.cc-donut-total{fill:var(--ink);font-size:24px;font-weight:800}
.cc-distribution-svg{display:block;width:100%;height:174px}.cc-chart-legend{list-style:none;padding:0;margin:4px 0 12px;display:grid;gap:7px;font-size:12px}
.cc-chart-legend li{display:flex;align-items:center;gap:7px}.cc-chart-legend i{width:9px;height:9px;border-radius:3px;flex-shrink:0}.cc-chart-legend strong{margin-left:auto;color:var(--ink)}
.cc-monthly details{font-size:12px;margin:7px 0}.cc-monthly summary{cursor:pointer;color:var(--ink)}.cc-chart-values{font-size:12px;width:100%;margin-top:8px;border-collapse:collapse}.cc-chart-values caption{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.cc-chart-values :is(th,td){height:auto!important;padding:4px 7px!important;border-bottom:1px solid var(--line)}.cc-chart-values td{text-align:right}
@media(max-width:1100px){.commercial-center .cc-content{grid-template-columns:1fr}.commercial-center .cc-block{grid-column:auto;grid-row:auto}.cc-monthly-svg{min-width:650px;min-height:0}.cc-monthly .cc-block-body{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.commercial-center *{scroll-behavior:auto!important}}
.commercial-center .cc-chart-controls select{width:96px;min-height:28px;flex:0 0 96px}
.commercial-center .cc-chart-controls small{white-space:nowrap}
.commercial-center .cc-filters :is(input,select){min-height:32px}
.cc-month-choice{cursor:pointer;outline:none}.cc-month-choice:hover .cc-month-hit,.cc-month-choice:focus .cc-month-hit{fill:color-mix(in srgb,#4c9899 12%,transparent)}
.cc-month-choice[aria-pressed=true] .cc-month-hit{fill:color-mix(in srgb,#4c9899 18%,transparent);stroke:#4c9899;stroke-width:1}
.cc-month-choice:focus .cc-month-hit{stroke:#2d2b83;stroke-width:2}.cc-month-choice[aria-pressed=true] .cc-axis-label{fill:var(--ink);font-weight:800}
.cc-distribution-svg [role=button]{cursor:pointer;outline:none}.cc-distribution-svg [role=button]:focus{stroke-width:23}
.cc-chart-legend li>button{box-sizing:border-box;display:flex;align-items:center;gap:7px;width:100%;min-height:28px;padding:3px 5px;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.cc-chart-legend button:is(:hover,:focus-visible,[aria-pressed=true]){border-color:#4c9899;background:var(--brand-turquoise-pale)}.cc-chart-legend button:disabled{cursor:default;opacity:.55}
.cc-list-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 10px;font-size:12px;border-bottom:1px solid var(--line);color:var(--ink);background:var(--brand-turquoise-pale)}.cc-list-filter[hidden]{display:none}
.cc-chart-values th button{font:inherit;color:var(--ink);background:transparent;min-height:28px;padding:2px 6px;border:1px solid var(--line);border-radius:4px;cursor:pointer}
.cc-chart-values th button[aria-pressed=true]{border-color:#4c9899;background:var(--brand-turquoise-pale)}
