.production-demand-badge{display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:100%;white-space:normal;text-align:left;padding:8px 12px;border:1px solid #dfd4bb;border-radius:999px;background:#fcf8ee;color:#66512d;font:inherit;font-size:.82rem;cursor:pointer}
.production-demand-badge--high_demand{background:#f7ecd7;border-color:#cfb582;color:#684814}
.production-demand-badge--extended_wait{background:#f6e7d1;border-color:#b89259;color:#684814}
.production-demand-badge--timing_unavailable{background:#f5f6f8;color:#505968;border-color:#d9dde3}
[data-production-item]{margin:8px 0}[data-production-item]:empty,[data-production-customizer]:empty{display:none}
.production-demand-cart{padding:0 16px 14px}
.production-demand-modal{box-sizing:border-box;border:1px solid #dedede;border-radius:18px;background:#fff;color:#242424;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;box-shadow:0 18px 65px #0003;overflow-wrap:anywhere;font:16px/1.55 system-ui,sans-serif}
.production-demand-modal::backdrop{background:#0007}.production-demand-modal h2{font-size:1.25rem;margin:0 0 8px}.production-demand-modal h3{font-size:1rem}.production-demand-modal p{margin:12px 0}.production-demand-supplier{font-weight:600}
.production-demand-modal button,.production-demand-banner button{min-height:44px;border-radius:9px;padding:10px 16px;background:#252525;color:#fff;border:1px solid #252525;font:inherit;cursor:pointer}
.production-demand-badge:focus-visible,.production-demand-modal button:focus-visible,.production-demand-banner button:focus-visible,.production-demand-banner input:focus-visible{outline:3px solid #92764d;outline-offset:3px}
.production-demand-banner{box-sizing:border-box;margin:0;padding:12px 16px;border:1px solid #dfd4bb;border-radius:12px;background:#fcf8ee;color:#34312a;box-shadow:0 6px 22px #0002;position:relative;animation:production-demand-enter .18s ease-out;font:13px/1.4 system-ui,sans-serif}
.production-demand-banner-title{display:flex;align-items:center;gap:7px;font-size:14px}
.production-demand-banner p{margin:6px 0}.production-demand-banner label{display:flex;align-items:center;gap:8px;min-height:44px}.production-demand-banner input{width:20px;height:20px;flex:none;margin:0}.production-demand-banner .production-demand-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 16px;margin-top:2px}.production-demand-banner .production-demand-dismiss-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-left:auto;max-width:100%}
.production-demand-banner .production-demand-details{background:transparent;border-color:transparent;color:#66512d;padding:8px 0;text-decoration:underline;font-size:12px}
/* Stay in the shell (20), below header menus (1000+) and critical overlays. */
[data-production-customizer]{position:fixed;top:calc(var(--production-demand-header-bottom,0px) + 12px);left:50%;transform:translateX(-50%);width:max-content;max-width:min(520px,calc(100vw - 28px));box-sizing:border-box;z-index:900;pointer-events:none}
.production-demand-banner{pointer-events:auto;max-height:min(320px,calc(100dvh - var(--production-demand-header-bottom,0px) - 28px));overflow:auto;overscroll-behavior:contain}
@keyframes production-demand-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.production-demand-banner{animation:none}}
@media(max-width:520px){.production-demand-modal{padding:18px}.production-demand-banner{padding:10px 12px}.production-demand-cart{padding:0 12px 12px}}