/* Production browser only: device surfaces and physical label layouts are unchanged. */
.production-web .web-order-card:has(.order-issue-note-text) .web-customer-identity > :is(strong,small:first-of-type),
.production-web .web-order-card:has(.material-path-problem) .web-customer-identity > :is(strong,small:first-of-type),
.production-web .web-order-card:has(.production-print-warning) .web-customer-identity > :is(strong,small:first-of-type),
.production-web .material-path-problem,
.production-web .production-print-warning,
.production-web .order-issue-note-inbox > article:has(.order-issue-note-text) > strong,
.production-web .order-issue-note :is(strong,.order-issue-note-text),
.production-web .room-issue-preview.order-issue-note-text { color:#b42318; }
body.production-web { --web-green:#087c59; --web-ink:#1d1d1f; --web-muted:#6e6e73; --web-line:#e6e7ea; margin:0; background:#f5f5f7; color:var(--web-ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; font-size:16px; line-height:1.5; }
.production-web * { box-sizing:border-box; }
.production-web [hidden] { display:none!important; }
.production-web main { max-width:none; padding:0; margin:0; min-height:100vh; display:flow-root; }
.production-web button,.production-web input,.production-web select { font:inherit; font-size:.875rem; min-height:40px; border-radius:10px; }
.production-web button { background:var(--web-green); padding:9px 16px; border:1px solid transparent; cursor:pointer; transition:background .15s,color .15s; }
.production-web button:hover:not(:disabled) { filter:brightness(.96); }
.production-web button:disabled { opacity:.45; cursor:not-allowed; }
.production-web button.secondary { background:#edf3f0; color:var(--web-green); }
.production-web input,.production-web select { background:#fff; border:1px solid #d5d7da; padding:10px 13px; color:var(--web-ink); min-width:0; }
.production-web input[type=checkbox] { width:16px; height:16px; min-height:16px; accent-color:var(--web-green); }
.production-web :is(button,a,input,select,summary):focus-visible { outline:3px solid #319d7c; outline-offset:3px; }
.production-web .card { border:1px solid var(--web-line); border-radius:16px; box-shadow:0 2px 10px #1d1d1f03; padding:24px; background:#fff; }
.production-web .web-brand { display:block; width:126px; height:48px; flex:0 0 126px; background:var(--web-green); -webkit-mask:url('/brand-logo-cutout.png?v=1') center/contain no-repeat; mask:url('/brand-logo-cutout.png?v=1') center/contain no-repeat; }
.production-web .entry-loading { min-height:100svh; gap:12px; padding:32px 20px; background:radial-gradient(ellipse at 50% 45%,#e5eee9 0,transparent 48%); }
.production-web .entry-scene { position:relative; width:320px; max-width:100%; height:300px; perspective:850px; }
.production-web .entry-logo-orbit { position:absolute; top:18px; left:50%; margin-left:-110px; width:220px; height:220px; border:0; background:none; box-shadow:none; transform-style:preserve-3d; transform:rotateX(14deg) rotateY(-28deg); animation:entry-depth-float 5s ease-in-out infinite; }
.production-web .entry-rim,.production-web .entry-face { position:absolute; inset:0; border-radius:50%; }
.production-web .entry-rim { background:linear-gradient(135deg,#b6e0ca,#087c59 40%,#034f3a 78%,#86c8aa); border:1px solid #91bbaa; }
.production-web .entry-rim-1 { transform:translateZ(-16px); box-shadow:0 14px 22px #0d483222; }
.production-web .entry-rim-2 { transform:translateZ(-12px); }
.production-web .entry-rim-3 { transform:translateZ(-8px); }
.production-web .entry-rim-4 { transform:translateZ(-4px); }
.production-web .entry-face { display:grid; place-items:center; background:radial-gradient(circle at 30% 20%,#fff 0,#f6faf7 44%,#d5e9dd 100%); border:1px solid #fff; box-shadow:inset 0 0 0 7px #e5f1e9,inset 0 0 0 8px #b6d6c4,inset -8px -14px 24px #88b59b30,inset 3px 4px 6px #fff; transform:translateZ(1px); }
.production-web .entry-face::after { content:""; position:absolute; inset:12px; border-radius:50%; border:1px solid #fff9; pointer-events:none; }
.production-web .entry-logo { width:156px; height:60px; animation:none; transform:translateZ(2px); filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 1px #064c3020); }
.production-web .entry-ground { position:absolute; width:185px; height:25px; left:50%; bottom:20px; margin-left:-92px; border-radius:50%; background:radial-gradient(ellipse,#16463130,transparent 70%); }
.production-web .entry-loading p { font-size:1rem; font-weight:500; letter-spacing:.03em; color:var(--web-green); }
.production-web .entry-loading[data-state="error"] .entry-logo-orbit { animation:none; }
@keyframes entry-depth-float { 0%,100% { transform:translateY(0) rotateX(14deg) rotateY(-28deg); } 50% { transform:translateY(-10px) rotateX(7deg) rotateY(-12deg); } }
@media(prefers-reduced-motion:reduce) { .production-web .entry-logo-orbit { animation:none; } }
@media(max-width:520px) { .production-web .entry-scene { transform:scale(.9); height:280px; } }
.production-web #login { width:min(420px,calc(100% - 40px)); margin:clamp(48px,13vh,160px) auto 48px; padding:36px; border:0; box-shadow:0 12px 60px #1d1d1f08; text-align:center; }
.production-web #login .web-brand { width:166px; height:66px; margin:0 auto 24px; }
.production-web #login h1 { font-size:2rem; letter-spacing:-1px; margin:0 0 6px; font-weight:650; }
.production-web #login>p { color:var(--web-muted); margin:0 0 30px; }
.production-web #login form { text-align:left; display:grid; gap:17px; }
.production-web #login label { display:grid; gap:7px; margin:0; font-size:.875rem; }
.production-web #login input { width:100%; margin:0; min-height:46px; }
.production-web #login .remember-login { display:flex; align-items:center; gap:8px; color:var(--web-muted); }
.production-web #login input[type=checkbox] { width:16px; min-height:16px; }
.production-web #login-submit { width:100%; min-height:46px; }
.production-web #login small { display:block; color:var(--web-muted); margin-top:24px; font-size:.8125rem; }
.production-web #login #login-error { color:#b42318; margin:14px 0 0; font-size:.875rem; }
.production-web .web-header { display:flex; align-items:center; gap:22px; min-height:76px; padding:12px 32px; background:#fff; border-bottom:1px solid var(--web-line); position:sticky; top:0; z-index:50; }
.production-web #web-top-nav { display:flex; align-items:stretch; gap:4px; flex:1; }
.production-web .web-nav-link { background:transparent; color:#55555a; border:0; font-weight:500; padding:10px 15px; text-align:left; }
.production-web .web-nav-link[aria-current=page] { background:#e7f1ec; color:var(--web-green); font-weight:650; }
.production-web #web-top-nav .web-nav-link { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; }
.production-web #web-top-nav .web-nav-link[aria-current=page] { background:transparent; color:var(--web-green); box-shadow:inset 0 -2px var(--web-green); border-radius:0; }
.production-web #web-user { color:var(--web-muted); font-size:.8125rem; overflow:hidden; text-overflow:ellipsis; max-width:130px; white-space:nowrap; }
.production-web #logout { background:transparent; padding:8px; color:var(--web-muted); }
.production-web #web-menu-toggle { display:none; }
.production-web .web-layout { display:grid; grid-template-columns:218px minmax(0,1fr); max-width:1920px; margin:0 auto; min-height:calc(100vh - 76px); }
.production-web .web-sidebar { display:flex; flex-direction:column; padding:28px 16px; border-right:1px solid var(--web-line); background:#f8f8fa; gap:36px; }
.production-web #web-side-nav { display:grid; gap:6px; position:sticky; top:104px; }
.production-web #web-side-nav button { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; }
.production-web #web-side-nav button.web-todo-link { justify-content:flex-start; gap:0; padding-inline:4px; white-space:nowrap; }
.production-web .web-todo-link small { font-size:.6875rem; }
.production-web .web-nav-count { color:var(--web-muted); font-variant-numeric:tabular-nums; font-size:.8125rem; }
.production-web #web-health-link { display:block; color:var(--web-muted); font-size:.875rem; padding:10px 15px; margin-top:auto; text-decoration:none; }
.production-web .web-content { padding:30px 36px 48px; min-width:0; }
.production-web .web-page-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
.production-web #web-breadcrumb { color:var(--web-muted); font-size:.8125rem; margin:0 0 6px; }
.production-web #web-page-title { font-size:2rem; letter-spacing:-.6px; margin:0; line-height:1.3; font-weight:650; }
.production-web #message { margin:0 0 16px; padding:10px 14px; border:1px solid #d9e8e0; background:#edf5f1; color:var(--web-green); border-radius:10px; font-size:.875rem; overflow-wrap:anywhere; }
.production-web #message:empty { display:none; }
.production-web .web-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.production-web .web-overview small { color:var(--web-muted); font-size:.75rem; overflow-wrap:anywhere; }
.production-web .web-quantity-summary { color:var(--web-green); background:#edf5f1; padding:10px 14px; border-radius:10px; font-size:.875rem; }
.production-web .web-todo-heading { margin:18px 10px 4px; color:var(--web-muted); font-size:.7rem; }
.production-web .web-progress-warning { color:#8a5500; background:#fff8e9; border-radius:8px; padding:10px; font-size:.8rem; }
.production-web .state-unconfirmed .production-process-stage-fact { background:#fff8e9; border-color:#e6bd77; }
.production-web .web-manual-production summary { color:var(--web-muted); cursor:pointer; font-size:.8rem; }
.production-web .web-manual-production button { display:block; margin-top:8px; }
.production-web .web-overview button { background:#fff; border:1px solid var(--web-line); border-radius:16px; padding:18px 22px; display:grid; gap:4px; }
.production-web .web-overview span { font-size:.875rem; color:var(--web-muted); }
.production-web .web-overview strong { font-size:2rem; color:var(--web-ink); font-weight:600; font-variant-numeric:tabular-nums; }
.production-web #review-staging-section { background:transparent; padding:0; border:0; box-shadow:none; }
.production-web #review-staging-list { min-width:0; }
.production-web .review-category-tabs { display:none; }
.production-web .purchase-stage-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.production-web .purchase-stage-tabs button { width:auto; min-width:140px; }
.production-web .production-order-search { background:transparent; border:0; padding:0; margin:0 0 20px; }
.production-web .production-order-search-heading { display:none; }
.production-web .production-order-search-form { margin:0; grid-template-columns:minmax(180px,1fr) auto auto; }
.production-web .production-order-search-form input { max-width:680px; }
.production-web .production-category-list { gap:12px; }
.production-web :is(.production-category-section,.production-category-list,.pending-handling-list,.supplier-purchase-groups,.customer-purchase-groups,.purchase-navigation) { min-width:0; max-width:100%; }
.production-web :is(.production-product-category-tabs,.pending-print-customer-category-tabs,.pending-handling-category-tabs,.purchase-view-tabs,.web-order-filters) { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px; border:0; }
.production-web :is(.production-product-category-tabs,.pending-print-customer-category-tabs,.pending-handling-category-tabs,.purchase-view-tabs) button { min-height:36px; padding:7px 15px; }
.production-web :is(.production-category-heading,#review-staging-list>h3,.pending-handling-list>h3) { font-size:1rem; font-weight:550; color:var(--web-muted); margin:0 0 14px; }
.production-web .table { max-width:100%; overflow:auto; border:1px solid var(--web-line); border-radius:14px; background:#fff; white-space:normal!important; }
.production-web .table table { border-collapse:collapse; width:100%; }
.production-web .table :is(th,td) { border-bottom:1px solid #eeeeef; padding:14px 16px; font-size:.875rem; line-height:1.5; text-align:left; vertical-align:top; }
.production-web .table th { color:var(--web-muted); font-weight:550; background:#fafafb; white-space:nowrap; }
.production-web .table tr:last-child td { border-bottom:0; }
.production-web .table tbody tr:hover { background:#fafcfb; }
.production-web .table td button { font-size:.875rem; min-height:34px; padding:6px 10px; }
.production-web .table td .actions { margin:0; gap:6px; }
.production-web .pending-release-table table { min-width:950px; }
.production-web .pending-release-issues { min-width:240px; max-width:380px; }
.production-web .pending-release-issue { font-size:.875rem; }
.production-web .production-category-table table { min-width:880px; }
.production-web .production-category-table :is(td,th) { min-width:130px; }
.production-web .production-category-table td:nth-child(2) { width:36%; min-width:300px; }
.production-web .production-search-line-summary { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:4px 10px; padding:8px 0; }
.production-web .production-search-line-identity { flex:0 0 100%; }
.production-web .production-search-line-toggle { flex:0 0 auto; text-align:left; white-space:nowrap; }
.production-web .production-process-route { padding:10px; }
.production-web .production-process-route-line { display:flex; flex-wrap:wrap; gap:12px 10px; min-width:0; width:auto; }
.production-web .production-process-route-caption { flex-wrap:wrap; justify-content:flex-start; gap:4px 10px; }
.production-web .production-search-line>.production-process-route .production-process-route-caption>span { display:block; }
.production-web .production-process-stage { flex:0 0 130px; min-width:0; margin-right:0; }
.production-web .production-process-stage::after { display:none; }
.production-web .production-process-stage-heading { gap:6px; }
.production-web .production-process-stage-heading strong { font-size:14px; }
.production-web .production-process-stage-marker { width:26px; height:26px; flex:0 0 26px; font-size:14px; }
.production-web .production-process-stage-fact { padding:8px; min-height:58px; }
.production-web .production-process-stage.state-skipped .production-process-stage-fact { background:#fff7e8; border-color:#e0ba78; color:#865600; }
.production-web .web-production-actions { display:flex; flex-wrap:wrap; align-items:flex-start; gap:6px; }
.production-web .web-customer-identity { display:grid; gap:5px; }
.production-web .web-customer-identity strong { font-weight:550; }
.production-web .web-customer-identity small { color:var(--web-muted); font-size:.8125rem; }
.production-web .web-pagination { display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:18px 0; font-size:.875rem; color:var(--web-muted); }
.production-web .web-pagination>span { margin-right:auto; }
.production-web .purchase-navigation { margin:0; border:0; padding:0; }
.production-web .purchase-view-tabs { justify-content:flex-end; margin:0 0 14px auto; width:auto; padding:0; }
.production-web .purchase-view-tabs button { width:auto; }
.production-web .purchase-feedback-line>button { width:auto; white-space:normal; grid-column:1/-1; justify-self:start; }
.production-web .web-purchase-filters { display:grid; grid-template-columns:minmax(180px,1fr) 180px auto auto; gap:10px; align-items:center; margin-bottom:24px; }
.production-web .web-purchase-filters :is(input,select) { margin:0; width:100%; }
.production-web .supplier-purchase-groups,.production-web .customer-purchase-groups { display:grid; gap:22px; }
.production-web .supplier-purchase-group { border:1px solid var(--web-line); border-radius:16px; padding:22px; background:#fff; overflow:hidden; }
.production-web .supplier-purchase-heading-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 18px; }
.production-web .supplier-purchase-heading { font-size:1.0625rem; font-weight:650; margin:0; flex:1; min-width:180px; }
.production-web .supplier-purchase-heading-row button { font-size:.875rem; }
.production-web .supplier-purchase-group .table { border:0; border-radius:0; }
.production-web .purchase-table-pending table { min-width:1040px; }
.production-web .purchase-table-pending :is(th,td) { padding:12px 10px; }
.production-web .purchase-table-pending td:nth-child(2) { min-width:170px; }
.production-web .purchase-table-pending td:nth-last-child(2) { min-width:190px; }
.production-web .web-purchase-total { text-align:right; font-size:.875rem; color:var(--web-muted); margin:16px 0 0; padding-top:16px; border-top:1px solid var(--web-line); }
.production-web .customer-purchase-order { margin-top:16px; }
.production-web .customer-purchase-order-heading { color:var(--web-muted); font-size:.875rem; font-weight:500; }
.production-web #warehouse-section .card { margin-bottom:22px; }
.production-web #workspace[data-web-section=WAREHOUSE] #review-staging-section { display:none; }
.production-web #workspace[data-web-section=WORKSHOP] .smart-workshop-section-nav { display:none; }
.production-web #workspace[data-web-section=LOGISTICS] .purchase-navigation { display:none; }
.production-web #aftercare-treatment-section>.section-heading h2 { font-size:1.125rem; }
@media(max-width:1100px) {
  .production-web .web-header { gap:12px; padding:12px 20px; }
  .production-web #web-top-nav .web-nav-link { padding:9px 12px; }
  .production-web #web-user { display:none; }
  .production-web .web-layout { grid-template-columns:184px minmax(0,1fr); }
  .production-web .web-content { padding:26px 24px; }
  .production-web .web-overview { gap:10px; }
  .production-web .web-overview button { padding:14px; }
}
@media(max-width:760px) {
  .production-web .web-header { min-height:66px; flex-wrap:wrap; gap:10px; }
  .production-web .web-header .web-brand { width:110px; flex-basis:110px; height:40px; margin-right:auto; }
  .production-web #web-menu-toggle { display:block; }
  .production-web #web-top-nav { display:none; order:5; flex:1 0 100%; flex-wrap:wrap; }
  .production-web #web-top-nav.is-open { display:flex; }
  .production-web .web-layout { display:block; }
  .production-web .web-sidebar { display:block; padding:12px 16px; border-right:0; border-bottom:1px solid var(--web-line); }
  .production-web #web-side-nav { display:flex; position:static; overflow:auto; gap:5px; }
  .production-web #web-side-nav button { width:auto; flex:0 0 auto; white-space:nowrap; padding:8px 11px; }
  .production-web #web-health-link { padding:8px 10px 0; font-size:.8125rem; }
  .production-web .web-content { padding:22px 16px 40px; }
  .production-web #web-page-title { font-size:1.65rem; }
  .production-web .web-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .production-web .web-overview strong { font-size:1.75rem; }
  .production-web .production-order-search-form { grid-template-columns:minmax(0,1fr) auto; }
  .production-web .production-order-search-form button { width:auto; }
  .production-web .web-purchase-filters { grid-template-columns:minmax(0,1fr) auto; }
  .production-web .web-purchase-filters input { grid-column:1/-1; }
  .production-web .supplier-purchase-group { padding:16px; }
  .production-web .supplier-purchase-heading { flex:1 0 100%; }
  .production-web .supplier-purchase-heading-row button { max-width:100%; white-space:normal; text-align:left; }
  .production-web .web-pagination { flex-wrap:wrap; }
  .production-web .card { padding:18px; }
}
@media(prefers-reduced-motion:reduce) { .production-web * { scroll-behavior:auto!important; transition:none!important; } .production-web .entry-logo { animation:none!important; } }
/* Procurement status uses the existing read-only inventory endpoints. */
.production-web .web-inventory-matching { padding: 12px 16px; border: 1px solid #dce9e3; border-radius: 12px; margin: 12px 0; background: #f7faf8; min-width: 0; }
.production-web .web-inventory-matching > p { margin: 0 0 8px; overflow-wrap: anywhere; }
.production-web .web-inventory-matching details { margin-top: 8px; min-width: 0; }
.production-web .web-inventory-matching summary { cursor: pointer; color: #087c59; padding: 8px 0; }
.production-web .web-inventory-matching details > div { max-height: 420px; overflow: auto; }
.production-web:has(#smart-workshop-overview) #web-refresh { display: none; }
.production-web .web-order-card { border:1px solid #dce5df; border-radius:16px; background:#fff; margin:0 0 20px; min-width:0; overflow:hidden; }
.production-web .web-order-card-header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding:22px 24px; border-bottom:1px solid #e3ebe6; }
.production-web .web-order-card .web-customer-identity { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; min-width:0; overflow-wrap:anywhere; }
.production-web .web-order-card .web-customer-identity strong { font-size:1.15rem; font-weight:600; }
.production-web .web-order-address { flex-basis:100%; margin:3px 0 0; color:#667b71; font-size:.875rem; }
.production-web .web-order-stage { color:#087c59; font-size:.8rem; }
.production-web .web-order-primary { display:grid; gap:12px; justify-items:end; flex-shrink:0; font-size:.875rem; }
.production-web .web-order-primary>.section-heading { flex-wrap:wrap; }
.production-web .web-order-card-body { padding:18px 24px; min-width:0; }
.production-web .web-order-product-heading { font-size:.875rem; color:#087c59; margin:0 0 14px; }
.production-web .web-product-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; align-items:start; }
.production-web .web-product-grid>.storage-location-actions { grid-column:1 / -1; margin:0; }
.production-web .web-product-grid>.storage-location-actions:empty { display:none; }
.production-web .web-product-grid>.production-search-line { min-width:0; margin:0; padding:14px; border:1px solid #dce5df; border-radius:12px; background:linear-gradient(#fff,#fbfdfc); overflow-wrap:anywhere; }
.production-web .web-product-grid>details.production-search-line[open] { grid-column:auto; align-self:start; }
.production-web .web-product-grid .production-search-line-summary { display:flex; align-items:flex-start; gap:7px; padding:0; min-width:0; list-style:none; }
.production-web .web-product-grid summary::-webkit-details-marker { display:none; }
.production-web .web-product-grid .production-search-line-identity { display:grid; gap:10px; min-width:0; }
.production-web .web-product-grid .production-search-line-identity strong { font-size:1rem; font-weight:550; }
.production-web .web-product-grid .production-line-meta { color:#667b71; font-size:.8rem; margin:0; }
.production-web .web-product-quantity { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px; color:#667b71; font-size:.8rem; }
.production-web .web-product-grid .production-search-line-status { flex-basis:100%; font-size:.8rem; line-height:1.5; border-top:1px solid #e3ebe6; padding-top:10px; margin-top:4px; }
.production-web .web-product-grid .production-search-line-toggle { font-size:.75rem; margin:0; flex-basis:100%; order:1; text-align:left; }
.production-web .web-product-grid .production-search-line-summary>.production-line-meta { flex-basis:100%; }
.production-web .web-product-grid .production-process-route { max-width:100%; margin:12px 0 0; padding:8px; }
.production-web .web-product-grid .production-process-route-line { flex-wrap:nowrap; gap:8px; width:max-content; min-width:100%; }
.production-web .web-product-grid .production-process-stage { flex:0 0 130px; }
.production-web .web-product-grid .production-process-route-caption { font-size:.75rem; }
.production-web .web-product-grid .production-process-route-caption strong { font-size:.8rem; }
.production-web .web-order-card-footer { border-top:1px solid #e3ebe6; padding:12px 24px; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:10px; color:#708278; font-size:.8rem; background:#fcfefd; }
.production-web .web-order-reasons,.production-web .web-order-empty { color:#856015; font-size:.8rem; margin:12px 0 0; }
.production-web .web-order-delivery-info { display:flex; flex-wrap:wrap; gap:8px 20px; padding-top:16px; font-size:.8rem; color:#667b71; }
.production-web .web-order-card .pending-release-issues { min-width:0; max-width:100%; margin-top:12px; }
.production-web .web-order-card .web-production-actions :is(button,a.button) { font-size:.8rem; padding:6px 10px; min-height:34px; }
.production-web .web-order-card-footer>.web-production-actions { grid-column:2; justify-content:center; }
.production-web .web-order-card-footer>.web-order-tools { grid-column:3; justify-self:end; }
@media(max-width:900px) {
  .production-web .web-order-card-footer { grid-template-columns:1fr; }
  .production-web .web-order-card-footer>:is(.web-production-actions,.web-order-tools) { grid-column:1; }
}
.production-web .web-order-tools summary { cursor:pointer; }
.production-web .web-order-tools button { margin-top:8px; }
@media(max-width:1100px) {
  .production-web .web-order-card-header { padding:16px; }
  .production-web .web-order-card-body { padding:14px; }
  .production-web .web-product-grid { gap:8px; }
  .production-web .web-product-grid>.production-search-line { padding:10px 8px; }
  .production-web .web-product-grid .production-search-line-identity strong { font-size:.875rem; }
  .production-web .web-product-grid :is(.production-line-meta,.web-product-quantity,.production-search-line-status) { font-size:.75rem; }
  .production-web .web-order-card-footer { padding:12px 16px; }
}
@media(max-width:540px) {
  .production-web .web-order-card-header { flex-wrap:wrap; gap:12px; }
  .production-web .web-order-primary { display:flex; width:100%; justify-content:space-between; align-items:center; flex-wrap:wrap; }
}
@media(max-width:440px) {
  .production-web .web-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.web-product-preparation{display:grid;flex-basis:100%;gap:5px;color:#895900;font-size:14px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.web-external-logistics{display:grid;gap:8px;margin-top:14px}.web-external-logistics:empty{display:none}.web-external-logistics-row{display:flex;flex-wrap:wrap;gap:5px 10px;margin:0;padding:9px 12px;background:#f1f7f4;border-radius:8px;line-height:1.6;overflow-wrap:anywhere}.web-external-logistics-row strong{color:#087c59}.web-external-logistics-row span{color:#526b61}

.web-material-purchase .web-material-tracking{flex-basis:100%}.web-material-purchase-link{color:#087c59;font-weight:700;text-decoration:underline;text-underline-offset:3px}

.production-web .web-warehouse-shortage{display:inline-block;padding:10px 16px;margin-bottom:16px;min-height:44px;border:1px solid #bad4c6;border-radius:10px;background:#edf3f0;color:var(--web-green);text-decoration:none;font-size:.875rem;font-weight:600}.production-web #web-side-nav a.web-nav-link{text-decoration:none;font-size:.875rem;border-radius:10px}

.order-issue-note{padding:14px;margin-bottom:16px;border:1px solid #d6e3de;border-radius:10px;background:#fff9eb}.order-issue-note p{margin:8px 0}.order-issue-note-text{white-space:pre-wrap;overflow-wrap:anywhere}.order-issue-note textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;padding:10px;margin-top:8px;font:inherit;resize:vertical}.order-issue-note summary{cursor:pointer;font-weight:600;padding:6px 0}.order-issue-note-inbox{padding:16px;margin-bottom:16px;background:white;border:1px solid #d6e3de;border-radius:12px}.order-issue-note-inbox>article{margin-top:12px}.order-issue-note-inbox>summary{cursor:pointer;font-weight:600}

.production-web .web-product-grid .production-search-line-summary:has(.room-issue-button)>.production-search-line-toggle{flex-basis:auto;flex-grow:1}
.production-web .web-product-grid .room-issue-button{order:1;margin:0 0 0 auto;padding:5px 10px;min-height:32px;font-size:.8rem}
.production-web .web-product-grid .room-issue-preview{order:2;flex-basis:100%;font-size:.8rem;font-weight:400;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1100px){.production-web .web-product-grid .room-issue-preview{font-size:.75rem}}
.room-issue-preview:empty{display:none}.room-issue-dialog{box-sizing:border-box;width:min(620px,95vw);max-height:90vh;overflow:auto;padding:20px;border:1px solid #b8ccc2;border-radius:14px}.room-issue-dialog::backdrop{background:#0005}.room-issue-dialog>button{float:right}.room-issue-dialog h3{margin:8px 60px 20px 0}.room-issue-dialog .order-issue-note{clear:both}

/* Room-level AI evidence stays inside the existing card typography. */
.ai-followup-summary { display:grid; gap:.3rem; width:100%; min-width:0; border-top:1px solid var(--border, #dce6e1); padding-top:.6rem; margin-top:.4rem; font-size:inherit; white-space:normal; overflow-wrap:anywhere; }
.ai-followup-problem { color:#b53028; }
.ai-followup-next { color:var(--muted, #687c73); font-size:inherit; }
.ai-followup-open { justify-self:start; font-size:inherit; padding:.2rem 0; background:transparent; color:var(--primary, #087e60); border:0; }
.ai-followup-panel { padding:.7rem; border-top:1px solid var(--border, #dce6e1); min-width:0; font-size:inherit; overflow-wrap:anywhere; }
.ai-followup-panel[hidden] { display:none!important; }
.ai-followup-panel p { margin:.4rem 0; white-space:pre-wrap; }
.ai-followup-task + .ai-followup-task { border-top:1px solid var(--border, #dce6e1); margin-top:.7rem; padding-top:.7rem; }
.ai-followup-evidence { border-left:2px solid var(--border, #dce6e1); padding-left:.6rem; margin:.6rem 0; }
.ai-followup-panel form { display:grid; gap:.5rem; margin-top:.6rem; }
.ai-followup-panel label { display:grid; gap:.2rem; }
.ai-followup-panel input,.ai-followup-panel textarea,.ai-followup-panel select { width:100%; min-width:0; box-sizing:border-box; font-size:inherit; }
.ai-followup-panel summary { cursor:pointer; }
.ai-followup-saved { color:var(--primary, #087e60); }
.production-web .web-product-grid :is(.ai-followup-summary,.ai-followup-panel) { font-size:.8rem; line-height:1.5; }
.production-web .web-product-grid .ai-followup-summary { order:3; flex-basis:100%; }
.production-web .web-product-grid :is(.ai-followup-summary,.ai-followup-panel) :is(button,input,textarea,select,p,strong,summary,label) { font-size:inherit; }
@media(max-width:1100px) { .production-web .web-product-grid :is(.ai-followup-summary,.ai-followup-panel) { font-size:.75rem; } }