.production-board-surface { min-width:0; container-type:inline-size; }
.production-board-region { min-width:0; }
.production-board { display:grid; grid-template-columns:repeat(11,minmax(136px,1fr)); align-items:start; gap:6px; overflow-x:auto; padding:3px 1px 15px; min-width:0; scrollbar-color:#7c9ab5 #e6edf3; }
@container (min-width:1558px) { .production-board { grid-template-columns:repeat(11,minmax(0,1fr)); overflow-x:visible; } }
.production-column { min-width:0; background:#e4edf5; border:1px solid #c8d7e5; border-radius:7px; min-height:135px; padding:6px; }
.production-column h2 { min-width:0; font-size:14px; line-height:1.35; margin:3px 1px 9px; display:flex; justify-content:space-between; gap:5px; color:#152b41; overflow-wrap:anywhere; }
.production-column h2>span:last-child { flex:none; }
.production-cards { display:grid; gap:8px; min-width:0; min-height:80px; }
.production-card { min-width:0; border:1px solid #b9cbdc; background:white; border-radius:5px; overflow:hidden; box-shadow:0 1px 2px #15263812; }
.production-card-header { display:flex; align-items:start; min-height:44px; border-bottom:1px solid #0002; }
.production-card-title { flex:1; min-width:0; font:700 14px/1.35 Calibri,Carlito,'Segoe UI',Arial,sans-serif; text-align:left; color:inherit; border:0; background:none; padding:7px 6px; cursor:pointer; overflow-wrap:anywhere; }
.production-card-title:focus-visible { outline:3px solid #153f64; outline-offset:-3px; }
.production-drag { flex:none; cursor:grab; color:inherit; border:0; background:transparent; font-size:20px; padding:5px 4px; touch-action:none; }.production-drag:active { cursor:grabbing; }
.production-card-content { padding:7px 6px; min-width:0; }.production-card-content p { margin:0 0 6px; color:#14293c; font-size:14px; line-height:1.35; overflow-wrap:anywhere; }
.production-card-tools { display:grid; grid-template-columns:26px 26px minmax(0,1fr); gap:3px; padding:0 5px 6px; min-width:0; }.production-card-tools .btn { min-width:0; padding:4px 3px; min-height:28px; font-size:14px; line-height:1.25; white-space:normal; overflow-wrap:anywhere; }.production-card-tools [data-board-print] { grid-column:1/-1; }
.production-empty { min-height:70px; padding:8px 3px; color:#405972; font-size:14px; overflow-wrap:anywhere; }
[data-header-color=blue] { background:#4a86e8; color:#071f3b; }[data-header-color=green] { background:#71dd82; color:#10331b; }[data-header-color=yellow] { background:#ffdf58; color:#332800; }[data-header-color=red] { background:#d53532; color:white; }[data-header-color=gray] { background:#adb5be; color:#182432; }[data-header-color=pink] { background:#f19dc8; color:#3d1530; }
.production-card.dragging { opacity:.45; }.production-card.drop-before { box-shadow:0 -4px #1c689f; }.production-card.drop-after { box-shadow:0 4px #1c689f; }.production-column.drop-column,.production-extra.drop-column { outline:2px solid #286da1; }
.production-board-region[aria-busy=true] { opacity:.7; pointer-events:none; }
.production-extra-stages { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:12px; margin-top:8px; }
.production-extra { min-width:0; background:#e4edf5; border:1px solid #c8d7e5; border-radius:7px; padding:10px; }.production-extra summary { cursor:pointer; color:#152b41; font-size:14px; font-weight:700; line-height:1.4; overflow-wrap:anywhere; }.production-extra summary>span:last-child { margin-left:10px; }.production-extra[open] summary { margin-bottom:10px; }.production-extra>.production-column { border:0; padding:0; min-height:0; }.production-extra>.production-column>h2 { display:none; }.production-extra .production-cards { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
@container (max-width:650px) { .production-extra-stages { grid-template-columns:1fr; } }
.board-edit-dialog { width:min(560px,calc(100vw - 30px)); max-height:90vh; padding:22px; border:1px solid #8ba2b9; border-radius:12px; color:#152638; }.board-edit-dialog::backdrop { background:#122d4677; }.board-edit-dialog h2 { margin-top:0; font-size:21px; }.board-edit-dialog fieldset { border:1px solid #c4d0dd; margin:16px 0; padding:12px; }.board-color-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.board-color-options label { display:flex; gap:7px; align-items:center; font-size:14px; }.board-color-options span { width:25px; height:21px; border:1px solid #0002; border-radius:3px; }

.board-print-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px; margin:0 0 12px; border:1px solid #8aabc6; border-radius:8px; background:#dcecf8; color:#173f60; }.board-print-toolbar strong { margin-right:auto; font-size:16px; }.board-print-toolbar .btn { font-size:14px; min-height:36px; }.board-print-choice { grid-column:1/-1; display:flex; align-items:center; gap:7px; padding:6px 2px 1px; color:#18374e; font-size:14px; cursor:pointer; }.board-print-choice input { width:17px; height:17px; margin:0; flex:none; accent-color:#215f91; }

.board-header-select { flex:none; width:16px; height:16px; margin:8px 2px; accent-color:#173f60; cursor:pointer; }

.production-column{padding:5px}.production-column h2{font-size:13px;line-height:1.35;align-items:flex-start;gap:3px}.production-stage-label{flex:1;min-width:0}.production-stage-count{flex:none;font-variant-numeric:tabular-nums}.production-stage-rename{flex:none;width:20px;min-height:23px;padding:0;border:0;background:transparent;color:#254f70;font-size:17px;cursor:pointer}.production-card-title{font-size:13px}.production-card-content p{font-size:13px}.production-card-tools .btn{font-size:12px}.production-empty{font-size:13px}.board-stage-dialog{width:min(600px,calc(100vw - 32px));padding:22px;max-height:86vh}.board-stage-dialog h2{margin:0 0 18px;font-size:21px}.board-stage-dialog dl{display:grid;gap:10px;margin:0}.board-stage-dialog dl>div{padding:9px;border:1px solid #c4d0dd;border-radius:6px}.board-stage-dialog dt{font-size:13px;color:#526577}.board-stage-dialog dd{margin:5px 0 0;overflow-wrap:anywhere}

.appliance-readiness{display:block;width:100%;margin:6px 0;padding:5px 4px;border:1px solid #b9cbdc;border-radius:5px;background:#eef2f6;color:#40566a;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.appliance-readiness.ready{background:#e3f4e8;color:#185d30;border-color:#8ec59d}.appliance-readiness.pending{background:#fff3d4;color:#73510f;border-color:#d9b65a}.appliance-readiness.missing{background:#fff0e4;color:#86430e;border-color:#d5b18b}.appliance-readiness:focus-visible{outline:3px solid #215f91;outline-offset:1px}

.board-priority-controls{display:flex;align-items:center;gap:4px;margin:5px 0;min-width:0;font-size:12px}.board-priority-controls select{min-width:0;width:100%;padding:4px 2px;font-size:12px}.board-star{padding:1px 2px;border:0;background:none;color:#506b7c;font-size:21px;line-height:1;cursor:pointer}.board-star[aria-pressed=true]{color:#936308}.board-priority-controls span{overflow-wrap:anywhere}
.production-column>h2[data-column-header]{position:relative;padding-right:4px;cursor:grab;user-select:none}
.production-column>h2 [data-column-resize]{position:absolute;right:-9px;top:-8px;bottom:-8px;width:8px;cursor:col-resize;touch-action:none;z-index:3}
.production-column>h2 [data-column-resize]:focus-visible{outline:2px solid #315d80}
.production-column>h2 [data-column-name-input]{width:100%;min-width:0;font:inherit}

.production-progress .step.done,.production-progress .step.now{background:var(--production-progress-color)}.production-progress .step.now{box-shadow:0 0 0 2px #ccd6d9}.production-progress[aria-valuenow="9"] .step{box-shadow:none}