/* Muye system UI baseline — product data procurement center is the reference surface. */
:root{
  --ui-font:13px;--ui-small:11px;--ui-title:18px;--ui-page-title:22px;
  --ui-control-h:38px;--ui-gap:12px;--ui-panel-pad:14px;--ui-radius:15px;
  --ui-line:#e7ecf1;--ui-muted:#74818e;--ui-ink:#202a36;--ui-orange:#f28a43;
}
html{font-size:var(--ui-font)}
body{font-size:var(--ui-font);line-height:1.55;color:var(--ui-ink);text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit;font-size:13px;line-height:1.35}
small,.helper,.hint{font-size:var(--ui-small);line-height:1.45}

/* Shared page framing */
.content{padding:14px 18px 28px;max-width:none}
.topbar{height:58px;padding:0 18px;gap:16px}.topbar h1,.page-id h1{font-size:18px}.topbar p,.page-id p{font-size:10px}
.combined-hero,.hero{padding:12px 16px;margin-bottom:11px;border-radius:var(--ui-radius)}
.combined-hero h2,.hero h2{font-size:21px;line-height:1.3}.combined-hero p,.hero p{font-size:11px;line-height:1.55}
/* Every primary module header shares the procurement-center footprint. */
.compass-hero,.ops-hub-head,.ops-channel-head,.ops-decision-hero{
  min-height:0!important;padding:12px 16px!important;margin:0 0 11px!important;
  border-radius:var(--ui-radius)!important;box-shadow:0 6px 20px rgba(34,49,67,.045)!important;
}
.compass-hero h2,.ops-hub-head h2,.ops-channel-head h2,.ops-decision-hero h2{margin:3px 0!important;font-size:21px!important;line-height:1.3!important}
.compass-hero p,.ops-hub-head p,.ops-channel-head p,.ops-decision-hero p{font-size:11px!important;line-height:1.55!important}
.compass-hero>div>span,.ops-hub-head small,.ops-channel-head small,.ops-decision-hero small{font-size:10px!important;letter-spacing:.1em!important}
.compass-hero aside{padding:8px 11px!important;border-radius:10px!important;font-size:11px!important}
.compass-hero aside small{font-size:10px!important;margin-top:2px!important}
.ops-hub-update{font-size:10px!important;gap:8px!important}.ops-hub-update i{width:8px!important;height:8px!important;box-shadow:0 0 0 3px #dff4ee!important}
.ops-channel-head>button{padding:0 0 8px!important;font-size:11px!important}.ops-channel-head .ops-hub-mark{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:15px}
.ops-channel-updated{right:16px!important;top:13px!important;font-size:10px!important}
.section-head{margin:13px 0 9px;min-height:25px}.section-head h2,.section-head h3,.panel h2{font-size:var(--ui-title);line-height:1.35}.section-head span,.section-head p{font-size:var(--ui-small)}

/* One surface language */
.card,.panel,.v2-panel,.pm-panel{border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:0 6px 20px rgba(34,49,67,.045)}
.panel,.v2-panel{padding:var(--ui-panel-pad)}
.kpis,.v2-kpis,.data-summary,.exec-kpis,.ops-decision-kpis,.ops-live-grid{gap:10px;margin:12px 0}
.kpi,.v2-kpi,.exec-kpi,.ops-decision-kpis article,.ops-live-metric{padding:14px;min-height:0}
.kpi .label,.v2-kpi-head,.exec-kpi .exec-label,.ops-decision-kpis span{font-size:11px}
.kpi .value,.v2-kpi strong,.exec-kpi strong,.ops-decision-kpis strong,.ops-live-metric strong{font-size:23px;line-height:1.15;margin:9px 0 5px}

/* Controls use the same height, radius and interaction feedback everywhere. */
.center-tabs,.data-tabs,.product-tabs,.v2-tabs,.insight-nav{gap:7px;margin-bottom:11px;padding:7px}
.center-tabs button,.data-tabs button,.product-tabs button,.v2-tabs button,.insight-nav button,.chip{min-height:var(--ui-control-h);padding:8px 13px;border-radius:9px;font-size:12px}
.toolbar,.v2-toolbar,.v2-search,.data-toolbar,.exec-toolbar,.maintenance-filters,.daily-sales-controls{gap:8px;margin:8px 0 11px}
.toolbar input,.toolbar select,.v2-toolbar input,.v2-toolbar select,.v2-search input,.v2-search select,.data-toolbar input,.data-toolbar select,.exec-toolbar input,.exec-toolbar select,.maintenance-filters select,.daily-sales-controls input{min-height:var(--ui-control-h);height:var(--ui-control-h);padding:7px 11px;border-radius:9px}
.toolbar button,.v2-toolbar button,.v2-search button,.data-toolbar button,.exec-toolbar button,.summary-actions button,.primary,.secondary,.btn-primary,.btn-secondary{min-height:var(--ui-control-h);padding:8px 13px;border-radius:9px;font-size:12px;font-weight:700}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffb27c;outline-offset:2px}

/* Tables follow the procurement-center density and hierarchy. */
.table-wrap,.data-table-scroll,.exec-table-wrap{border-radius:12px}
table{font-size:12px}table th,.v2-table th,.pm-table th{padding:9px 10px;font-size:11px;line-height:1.35;font-weight:700;color:#66737d}table td,.v2-table td,.pm-table td{padding:10px;font-size:12px;line-height:1.45;vertical-align:middle}
table td small,.v2-table td small,.pm-table td small{font-size:10px;line-height:1.4;margin-top:2px}
.filters{padding:10px 12px;gap:7px}.tag,.state,.maintenance-tag{font-size:10px;padding:4px 8px}

/* Dialogs: compact frame, generous working area, consistent footer actions. */
.daily-trend-modal,.ops-modal,.delivery-plan-modal,.category-create-overlay{padding:16px}
.daily-trend-dialog,.ops-modal-dialog,.delivery-plan-dialog,.category-create-dialog{border-radius:19px}
.daily-trend-dialog>header,.ops-modal-dialog>header,.delivery-plan-dialog>header{padding:14px 18px}
.daily-trend-dialog>header b,.ops-modal-dialog>header b,.delivery-plan-dialog>header h2{font-size:18px}
.daily-trend-body,.ops-modal-body,.delivery-plan-body{padding:13px 16px 17px}
.tool-drawer-head{padding:16px 18px}.tool-drawer-body{padding:16px 18px}.tool-drawer-foot{padding:12px 16px}

/* Keep chat prose readable even though surrounding UI is dense. */
.assistant-turn-content,.bubble,.assistant-rich{font-size:13px;line-height:1.7}.assistant-turn-content{padding:13px 15px}

@media(max-width:1100px){.content{padding:12px 14px 24px}.kpis,.v2-kpis,.data-summary,.ops-decision-kpis{gap:9px}}
@media(max-width:760px){:root{--ui-font:14px}.content{padding:10px 10px 22px}.topbar{height:56px;padding:0 12px}.combined-hero,.hero{padding:11px 13px}.combined-hero h2,.hero h2{font-size:20px}.daily-trend-modal,.ops-modal,.delivery-plan-modal,.category-create-overlay{padding:5px}button,input,select,textarea{font-size:14px}table td,.v2-table td,.pm-table td{font-size:13px}}