#managerQualityOpen{font-size:12px;white-space:nowrap}
#managerQualityBanner{position:fixed;right:18px;bottom:22px;z-index:1000;padding:13px 18px;border-radius:14px;border:1px solid #eeaf6d;background:#503421;color:#fff3e5;box-shadow:0 5px 25px #0007;cursor:pointer;font-weight:700}
#managerQualityBanner[hidden]{display:none!important}
#managerQualityDialog{width:min(860px,calc(100vw - 28px));max-height:85dvh;padding:22px;background:#192535;color:#e4edf8;border:1px solid #557194;border-radius:20px;overflow:auto;box-sizing:border-box}
#managerQualityDialog::backdrop{background:#030915bb}
#managerQualityDialog .mq-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#managerQualityDialog h2{font-size:22px;margin:0}
#managerQualityDialog p{font-size:12px;line-height:1.6;color:#b5c8e0}
.mq-tabs,.mq-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.mq-tabs .active{border-color:#a0c7fb;background:#315175;color:#fff}
#mqSearch{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:8px}
#mqSearch input,#mqSearch select{min-width:0;width:100%;padding:12px;border:1px solid #587594;border-radius:10px;background:#101c2c;color:#eef6ff}
.mq-error,.mq-change,.mq-ok{padding:15px;border:1px solid #526c8b;border-radius:12px;margin:10px 0;overflow-wrap:anywhere}
.mq-error{border-color:#916547;background:#382c28}.mq-ok{color:#a4e8c6;background:#193b30}
.mq-error small,.mq-change summary span,.mq-change summary small{display:block;color:#b7c8dd;margin-top:5px;font-size:12px}
.mq-change summary{cursor:pointer;min-height:44px}.mq-change summary b{font-size:15px}
.mq-diff{margin-top:15px}.mq-diff>div{display:grid;grid-template-columns:160px minmax(0,1fr) 20px minmax(0,1fr);gap:8px;font-size:12px;padding:10px 0;border-top:1px solid #ffffff15}.mq-diff span{color:#b5c7dd}.mq-diff strong{color:#9ae0be}.mq-diff i{font-style:normal}
@media(max-width:1100px){
  #dashboardUnified .du-major,#dashboardUnified .du-panel,#dashboardUnified .du-kpi{border-radius:17px;border:1px solid #3b5069;background:linear-gradient(135deg,#26384f,#192637);box-shadow:0 6px 20px #0002}
  #dashboardUnified .du-major.revenue{background:linear-gradient(135deg,#234638,#182d29);border-color:#496e59}
  #dashboardUnified .du-major.orders{background:linear-gradient(135deg,#2d4265,#1a2b43)}
  #dashboardUnified .du-major::before{right:15px;top:15px;width:30px;height:30px;opacity:.35}
  #dashboardUnified .du-major{padding:18px!important;min-width:0}
  #dashboardUnified .pc-month-chart{margin-top:12px}
  #dashboardUnified .pc-month-comparison{font-size:10px;white-space:normal}
  #dashboardUnified .pc-month-plot{height:48px}
  #dashboardUnified .pc-stock-panel{padding:17px;border-radius:17px;margin:0}
  #dashboardUnified .pc-stock-heading{gap:10px;align-items:flex-start;margin-bottom:18px}
  #dashboardUnified .pc-stock-heading h2{font-size:18px}
  #dashboardUnified .pc-stock-status{white-space:normal;font-size:10px;padding:6px 8px}
  #dashboardUnified .pc-stock-content{grid-template-columns:1fr;gap:16px}
  #dashboardUnified .pc-stock-chart{justify-content:center;gap:18px}
  #dashboardUnified .pc-stock-ring{width:120px;height:120px}
  #dashboardUnified .pc-stock-ring>div{width:92px;height:92px}
  #dashboardUnified .pc-stock-ring strong{font-size:25px}
  #dashboardUnified .pc-stock-legend{min-width:0}
  #dashboardUnified .pc-open-orders{max-width:100%}
  #dashboardUnified .du-live-list{max-height:360px;overflow-y:auto;overscroll-behavior:contain}
  #articles .article-card{background:linear-gradient(125deg,#26384d,#1b2839)!important;border:1px solid #3f5772!important;border-radius:15px!important;margin:0 0 10px;padding:14px 40px 14px 12px!important;min-width:0}
  #articles .article-card-head{min-width:0}
  #articles .article-card-head>div{min-width:0}
  #articles .article-card .product-location-stock{font-size:10px;line-height:1.5;white-space:normal;color:#b5cee8}
  #articles .article-card .product-variants{grid-column:1/-1;width:100%;min-width:0}
  #articles .product-variants>summary{min-height:44px;display:flex;align-items:center}
  #articles .product-variant-row{grid-template-columns:38px minmax(0,1fr);gap:10px}
  #articles .product-variant-row .product-variant-edit{grid-column:2;justify-self:start;position:static;min-height:44px;padding:8px 14px;background:#2b4768;border:1px solid #6c8eaf}
  #articles .product-variant-row b{white-space:normal;overflow-wrap:anywhere}
  #articles #mobileProductCategories{border:1px solid #415b79;border-radius:14px;background:linear-gradient(120deg,#26394f,#1b293b);margin-bottom:12px}
  #articles #mobileProductCategories .mobile-category-body button{border-radius:9px;min-height:46px;border-color:#3b526b}
  #articles #mobileProductCategories>summary{padding:10px 13px}
  #articles #lagerSummary{background:linear-gradient(130deg,#213b35,#1c2c31);border:1px solid #44685b;border-radius:17px}
  #shopAdminOrders .shop-order-admin{border-radius:16px;border-color:#425b79}
  #shopAdminOrders .order-admin-final-actions{padding:14px;border:1px solid #4d6a8a;border-radius:12px;background:#203149;gap:10px}
  #shopAdminOrders .order-save-button{min-height:48px;width:100%;font-weight:800}
  .page .btn,dialog .btn,.page select,dialog select{min-height:44px}
  dialog input:not([type=checkbox]):not([type=radio]):not([type=hidden]),dialog select,dialog textarea{font-size:16px}
  #articleDialog .actions{position:sticky;bottom:-1px;background:#1b2738;padding:12px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid #46617e;z-index:3;display:flex;flex-wrap:wrap;gap:8px}
  #articleDialog .actions .primary{flex:1;min-width:110px}
  #managerQualityOpen{font-size:10px;padding:7px 9px;white-space:normal;max-width:130px;min-height:44px}
  #managerQualityBanner{bottom:calc(82px + env(safe-area-inset-bottom));right:12px;max-width:calc(100vw - 24px);font-size:12px}
  #managerQualityDialog{padding:16px;max-height:90dvh}
  #managerQualityDialog h2{font-size:18px}
  #mqSearch{grid-template-columns:1fr 1fr}#mqSearch input{grid-column:1/-1}
  .mq-diff>div{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.mq-diff>div>b{grid-column:1/-1}
}
@media(max-width:720px){
  #dashboardUnified .pc-stock-table{display:table;width:100%;table-layout:auto;min-width:0}
  #dashboardUnified .pc-stock-table thead{display:table-header-group}
  #dashboardUnified .pc-stock-table tbody{display:table-row-group}
  #dashboardUnified .pc-stock-table tr{display:table-row;position:static;padding:0;border:0}
  #dashboardUnified .pc-stock-table th,#dashboardUnified .pc-stock-table td{display:table-cell;position:static;padding:10px 5px;font-size:11px;border-bottom:1px solid #ffffff12}
  #dashboardUnified .pc-stock-table td:first-child{padding-right:5px}
  #dashboardUnified .pc-stock-table td:before{display:none}
  #dashboardUnified .pc-stock-table th{font-size:10px}
}
@media(max-width:430px){#dashboardUnified .du-major strong{font-size:clamp(18px,5.1vw,23px)!important;white-space:nowrap;letter-spacing:-.025em}#dashboardUnified .pc-stock-heading{flex-wrap:wrap}#dashboardUnified .pc-stock-heading small{font-size:9px}}
@media(prefers-reduced-motion:reduce){#managerQualityDialog *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:360px){#dashboardUnified .du-major{padding:12px!important}#dashboardUnified .du-major strong{font-size:18px!important}}
/* Long action names must remain readable with Android font scaling. */
@media(max-width:1100px){
  #dashboardUnified .du-quick-grid{min-width:0}
  #dashboardUnified .du-quick-grid .du-button{min-width:0;max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.35;text-align:left}
  #dashboardUnified .du-quick-grid .du-button>span,#dashboardUnified .du-quick-grid .du-button>b{min-width:0;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:600px){
  #dashboardUnified .du-quick-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px}
  #dashboardUnified .du-quick-grid .du-button{grid-column:1/-1!important;width:100%;min-height:58px;padding:12px 14px;gap:12px}
  #dashboardUnified .du-quick-grid i{width:30px;height:30px}
}