/* Presentation only. Keep geometry, table surfaces, status colours and print rules. */
@media screen {
 html:root:root body.pc-workspace #main-content :is(.overview-model-panel,.sales-model-summary) table .model-total-heading {
  width:76px!important;min-width:76px!important;max-width:76px!important;white-space:normal!important;padding-left:5px!important;padding-right:5px!important;
 }
 html:root:root body.pc-workspace #main-content :is([data-model-production-total],[data-model-sales-total]) {white-space:nowrap!important;padding-left:5px!important;padding-right:5px!important}
 html:root:root body.pc-workspace #main-content :is(.overview-model-panel,.sales-model-summary) table tr > :is([data-model-production-total],[data-model-sales-total],.model-total-heading) {
  background:#e4e9ff!important;color:#293b83!important;font-weight:800!important;
  box-shadow:inset 2px 0 #7b8cd8!important;
 }
 html:root:root[data-ui-theme=dark] body.pc-workspace #main-content :is(.overview-model-panel,.sales-model-summary) table tr > :is([data-model-production-total],[data-model-sales-total],.model-total-heading) {
  background:#35436c!important;color:#f2f4ff!important;box-shadow:inset 2px 0 #a9b9ff!important;
 }
}
@media screen {
 html:root body.pc-workspace {
  --glass-fill:rgba(255,255,255,.68);--glass-ink:#142d49;
  --glass-edge:rgba(134,170,208,.65);--glass-shine:rgba(255,255,255,.86);
  --glass-shadow:rgba(34,73,122,.12);--glass-reflect:rgba(255,255,255,.48);
 }
 html:root[data-ui-theme=dark] body.pc-workspace {
  --glass-fill:rgba(16,35,57,.52);--glass-ink:#edf5ff;
  --glass-edge:rgba(143,190,239,.65);--glass-shine:rgba(210,234,255,.48);
  --glass-shadow:rgba(0,8,22,.40);--glass-reflect:rgba(154,205,255,.26);
 }
 html:root body.pc-workspace #main-content {
  background-image:radial-gradient(ellipse at 12% 5%,#438fff19,transparent 48%),radial-gradient(ellipse at 72% 24%,#a874ff14,transparent 44%),radial-gradient(ellipse at 88% 68%,#16c4c91a,transparent 48%)!important;
 }
 html:root body.pc-workspace #main-content :is(.card,.mes-data-panel,.mes-list-card,.lot-board):not(.card .card) {
  background:linear-gradient(120deg,var(--glass-reflect),transparent 32%,transparent 76%,var(--glass-reflect)),var(--glass-fill)!important;
  border-color:var(--glass-edge)!important;
  box-shadow:inset 0 1px 0 var(--glass-shine),inset 1px 0 0 var(--glass-shine),0 4px 14px var(--glass-shadow)!important;
 }
 /* Blur only the four small KPI surfaces and open dialogs, not every data panel. */
 html:root body.pc-workspace.mes-redesigned.production-approved-design #main-content .mes-status-cards .production-kpi {
  background:linear-gradient(125deg,rgba(255,255,255,.65),transparent 37%,transparent 66%,rgba(255,255,255,.26)),color-mix(in srgb,var(--kpi-fill,#edf5ff) 76%,transparent)!important;
  backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);
  box-shadow:inset 0 1px 0 var(--glass-shine),inset 1px 0 0 var(--glass-shine),0 5px 16px var(--glass-shadow),0 0 9px color-mix(in srgb,var(--card-accent) var(--neon-near,12%),transparent)!important;
 }
 html:root[data-ui-theme=dark] body.pc-workspace.mes-redesigned.production-approved-design #main-content .mes-status-cards .production-kpi {
  background:linear-gradient(120deg,rgba(206,233,255,.30),rgba(192,226,255,.08) 25%,transparent 26%,transparent 64%,rgba(173,219,255,.15)),linear-gradient(155deg,color-mix(in srgb,var(--card-accent) 24%,transparent),transparent 75%),color-mix(in srgb,var(--kpi-fill,#1b2a40) 65%,transparent)!important;
 }
 html:root:root body.pc-workspace :is(dialog,.modal-content) {
  background:linear-gradient(125deg,var(--glass-reflect),transparent 34%,transparent 76%,var(--glass-reflect)),var(--glass-fill)!important;
  color:var(--glass-ink)!important;border-color:var(--glass-edge)!important;
  box-shadow:inset 0 1px 0 var(--glass-shine),inset 1px 0 0 var(--glass-shine),0 18px 60px var(--glass-shadow),0 0 14px #548dcb24!important;
  backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);
 }
 html:root body.pc-workspace dialog::backdrop {background:rgba(12,30,51,.28)}
 html:root[data-ui-theme=dark] body.pc-workspace dialog::backdrop {background:rgba(1,8,20,.28)}
 html:root:root body.pc-workspace :is(dialog,.modal-content) :is(.overview-dialog-header,.dialog-heading,.modal-header) {
  background:transparent!important;color:var(--glass-ink)!important;border-color:var(--glass-edge)!important;
 }
 html:root:root body.pc-workspace :is(dialog,.modal-content) :is(.overview-dialog-body,.modal-body,.overview-popup-content) {background:transparent!important}
 html:root:root body.pc-workspace :is(dialog,.modal-content) .card {background:var(--glass-fill)!important;color:var(--glass-ink)!important;border-color:var(--glass-edge)!important}
 /* Keep the glass visible through nested popup shells; table cells retain their opaque theme. */
 html:root[data-ui-theme=dark] body.pc-workspace #main-content {
  background-image:radial-gradient(ellipse at 8% 6%,#398bff38,transparent 48%),radial-gradient(ellipse at 70% 20%,#9970fa2b,transparent 44%),radial-gradient(ellipse at 90% 70%,#12becb30,transparent 48%)!important;
 }
 html:root:root[data-ui-theme=dark] body.pc-workspace :is(#main-content,dialog,.modal-content) :is(.card,.mes-data-panel,.mes-list-card,.shipment-donut-card) {
  background:linear-gradient(120deg,var(--glass-reflect),transparent 30%,transparent 72%,rgba(138,195,247,.12)),var(--glass-fill)!important;
  border-color:var(--glass-edge)!important;
  box-shadow:inset 0 1px 0 var(--glass-shine),inset 1px 0 0 #c6e4ff24,0 5px 18px var(--glass-shadow)!important;
 }
 html:root:root[data-ui-theme=dark] body.pc-workspace :is(#main-content,dialog,.modal-content) .overview-popup-content {background:transparent!important;box-shadow:none!important}
 /* Preserve the six equipment-status hues instead of the generic dark link surface. */
 html:root[data-ui-theme=dark] body.pc-workspace #main-content .shipment-total-four .shipment-model-total {--status-glass:#234f83}
 html:root[data-ui-theme=dark] body.pc-workspace #main-content .shipment-total-four .shipment-model-total:nth-child(2) {--status-glass:#155b49}
 html:root[data-ui-theme=dark] body.pc-workspace #main-content .shipment-total-four .shipment-model-total:nth-child(3) {--status-glass:#503475}
 html:root[data-ui-theme=dark] body.pc-workspace #main-content .shipment-total-four .shipment-model-total:nth-child(4) {--status-glass:#764b18}
 html:root[data-ui-theme=dark] body.pc-workspace #main-content .shipment-total-four .shipment-model-total:nth-child(5) {--status-glass:#175568}
 html:root[data-ui-theme=dark] body.pc-workspace #main-content .shipment-total-four .shipment-model-total:nth-child(6) {--status-glass:#3d4a60}
 html:root[data-ui-theme=dark] body.pc-workspace #main-content .shipment-total-four .shipment-model-total {
  background:linear-gradient(125deg,#d9eeff26,transparent 42%,transparent 70%,#b8dfff10),var(--status-glass)!important;
  color:#f1f6ff!important;box-shadow:inset 0 1px 0 #d2eaff55,inset 0 0 0 1px #c6e4ff2b,0 3px 9px #07132130!important;
 }
 html:root[data-ui-theme=dark] body.pc-workspace #main-content .shipment-total-four .shipment-model-total :is(span,strong,small) {color:#f1f6ff!important}
 /* Opaque data and inputs keep a stable reading surface over the translucent shell. */
 html:root:root body.pc-workspace :is(dialog,.modal-content) :is(.table-responsive,.overview-dialog-body) {color:var(--glass-ink)}
 html:root:not([data-ui-theme=dark]) body.pc-workspace :is(dialog,.modal-content) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) {background-color:#fff;color:#142d49}
 @supports not (backdrop-filter:blur(1px)) {
  html:root body.pc-workspace {--glass-fill:#f5f9ff}
  html:root[data-ui-theme=dark] body.pc-workspace {--glass-fill:#192d45}
 }
}
@media screen and (prefers-reduced-transparency:reduce) {
 html:root body.pc-workspace {--glass-fill:#f5f9ff}
 html:root[data-ui-theme=dark] body.pc-workspace {--glass-fill:#192d45}
 html:root:root body.pc-workspace :is(dialog,.modal-content,.production-kpi) {backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}