*{box-sizing:border-box}body{margin:0;color:#222;font-family:Arial,sans-serif}.production-head{padding:22px 4vw;display:flex;align-items:center;justify-content:space-between}.production-head nav{display:flex;gap:18px;flex-wrap:wrap}.production-head nav a{color:#fff;font-weight:800;text-decoration:none}main{max-width:1450px;margin:auto;padding:32px 4vw 70px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.page-head h2{font-size:40px;margin:4px 0;text-transform:uppercase}.done-toggle{font-weight:800;background:#fff;padding:12px;border:1px solid #d7d2c8}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.metrics>div{background:#fff;border:1px solid #d7d2c8;padding:18px}.metrics b{display:block;font-size:29px}.metrics span{font-size:11px;font-weight:900;color:#666}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:start}.board>section{background:#e7e3dc;border-top:5px solid #333;padding:10px;min-height:260px}.board>section:nth-child(2){border-top-color:#b31217}.board>section:nth-child(3){border-top-color:#b98117}.board>section:nth-child(4){border-top-color:#507047}.board h3{margin:4px 4px 12px;text-transform:uppercase;font-size:15px}.column{display:grid;gap:10px}.order-card{background:#fff;border:1px solid #d3cec4;padding:13px;text-align:left;cursor:pointer}.order-card:hover{box-shadow:0 5px 14px #0002}.order-card strong{display:block;font-size:16px}.order-card .customer{display:block;margin:4px 0 8px}.order-card small{display:block;color:#666;line-height:1.45}.due-late{color:#a51216!important;font-weight:900}.assigned{margin-top:8px;padding-top:8px;border-top:1px solid #eee;font-weight:800;font-size:12px}dialog{border:0;padding:0;width:min(1050px,95vw);max-height:92vh;overflow:auto;box-shadow:0 20px 80px #0007}dialog::backdrop{background:#0009}.dialog-body{padding:28px}.dialog-body>.x{float:right;border:0;background:none;font-size:34px;cursor:pointer}.dialog-body h2{font-size:32px;margin:5px 0}.material-strip{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 20px}.material-strip span{background:#eee4dc;border-left:4px solid #b31217;padding:7px 9px;font-weight:800}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.box{border:1px solid #d7d2c8;background:#f8f7f3;padding:17px}.box h3{margin-top:0}.box select,.box textarea{width:100%;padding:11px;font:inherit}.box button{background:#222;color:#fff;border:0;padding:11px 14px;font-weight:900;margin-top:9px}.inline{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.person-chip{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border:1px solid #ddd;padding:8px;margin:6px 0}.person-chip button{margin:0;padding:5px 8px}.session,.note{padding:9px 0;border-top:1px solid #ddd}.session small,.note small{display:block;color:#666;margin-top:3px}.session.running{background:#e3eee0;padding:9px}.session button{margin:6px 0 0}.empty{color:#777;font-style:italic}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#222;color:#fff;padding:12px 18px;font-weight:800;display:none;z-index:99}@media(max-width:1100px){.board{grid-template-columns:1fr 1fr}}@media(max-width:700px){.production-head,.page-head{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.board{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.inline{grid-template-columns:1fr}.production-head nav{font-size:13px}}
.attention-box{border-left:5px solid #b31217}
.attention-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}
.attention-checks label{background:#f1eee8;padding:9px;font-weight:800}
.attention-checks input{width:auto}
.attention-reminder{display:grid;gap:5px;font-weight:800;margin:10px 0}
.attention-reminder input{padding:9px}
@media(max-width:650px){.attention-checks{grid-template-columns:1fr}}

.customer-link-box{border-left:5px solid #507047}
.portal-link-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}
.portal-link-row input{width:100%;padding:10px;font:inherit}
.customer-update-entry{padding:9px 0;border-top:1px solid #ddd}
.customer-update-entry small{display:block;color:#666;margin-top:3px}
@media(max-width:700px){.portal-link-row{grid-template-columns:1fr}}

.closeout-box{border-left:5px solid #507047}
.closeout-link{display:inline-block;margin-top:9px;font-weight:900}

.ops-box{border-left:5px solid #5b4b7a}
.ops-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.comm-grid{display:grid;grid-template-columns:180px 1fr;gap:8px;margin:10px 0}
.comm-grid select,.comm-grid input{padding:9px;font:inherit}
.timeline-item{border-left:4px solid #ccc;padding:7px 10px;margin:7px 0;background:#fff}
.timeline-item.communication{border-left-color:#5b4b7a}
.timeline-item.customer_update{border-left-color:#507047}
.timeline-item.work_session{border-left-color:#b98117}
.timeline-item.quote_approved,.timeline-item.production_completed,.timeline-item.fulfilled{border-left-color:#b31217}
.timeline-item b{display:block}
.timeline-item small{display:block;color:#666;margin-top:3px}
@media(max-width:700px){.comm-grid{grid-template-columns:1fr}}

.ready-preview-label{display:grid;gap:5px;font-weight:900;margin:10px 0}
.ready-preview-label textarea{width:100%;padding:10px;font:inherit;background:#fff}
.copy-ready-status{min-height:18px;font-size:12px;font-weight:900;color:#507047;margin-top:-4px;margin-bottom:8px}

.order-overview-box{border-left:5px solid #333}.order-overview{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-overview>div{background:#fff;border:1px solid #ddd;padding:9px}.order-overview b{display:block;font-size:11px;text-transform:uppercase;color:#666;margin-bottom:3px}.payment-box{border-left:5px solid #507047}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.payment-summary>div{background:#fff;border:1px solid #ddd;padding:10px}.payment-summary b{display:block;font-size:19px}.payment-summary span{font-size:9px;font-weight:900;color:#666}.payment-entry{display:grid;grid-template-columns:120px 1fr 1fr 1fr;gap:7px}.payment-entry select,.payment-entry input,.payment-box>input{width:100%;padding:10px;font:inherit}.payment-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ddd;padding:9px 0}.payment-row.refund strong{color:#a51216}.payment-row small{display:block;color:#666}.attachments-box{border-left:5px solid #b98117}.attachments-box input{width:100%;padding:9px;background:#fff;border:1px solid #ccc}.file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ddd;padding:8px 0}.file-row a{font-weight:900;color:#222}.file-row button{margin:0;padding:6px 8px;background:#8f1519}.duplicate-confirm{font-size:12px;color:#666}@media(max-width:700px){.order-overview{grid-template-columns:1fr}.payment-summary{grid-template-columns:1fr}.payment-entry{grid-template-columns:1fr}}

.customer-message-box{border-left:5px solid #4d6f88}.customer-message-box label{display:grid;gap:5px;font-weight:900;margin:9px 0}.customer-message-box input,.customer-message-box select,.customer-message-box textarea{width:100%;padding:10px;font:inherit}.message-controls{display:grid;grid-template-columns:1fr auto;gap:8px}.link-management{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.link-management label{display:flex;align-items:center;gap:7px;margin:0}.link-management input{width:auto}@media(max-width:700px){.message-controls{grid-template-columns:1fr}}

/* Sprint 23.1 — make customer link controls impossible to miss */
.customer-link-switch{
  margin-top:14px;
  padding:12px;
  border:1px solid #cfc8bc;
  background:#f4f1eb;
}
.customer-link-switch>div:first-child{flex:1 1 260px}
.customer-link-switch small{display:block;color:#666;margin-top:3px}
.switch-label{
  display:flex!important;
  align-items:center;
  gap:8px;
  margin:0!important;
  padding:9px 12px;
  background:#fff;
  border:1px solid #bbb;
}
.switch-label input{width:auto!important}

.customer-link-admin{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:center;margin:12px 0 14px;padding:12px;background:#f4f1eb;border:1px solid #cfc8bc}.customer-link-admin small{display:block;color:#666;margin-top:3px}.customer-link-admin .switch-label{display:flex!important;align-items:center;gap:7px;margin:0!important;white-space:nowrap}.customer-link-admin .switch-label input{width:auto!important}@media(max-width:900px){.customer-link-admin{grid-template-columns:1fr}}

.order-tasks-box{border-left:5px solid #b98117}.box-head-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.box-head-row h3{margin:0}.box-head-row a{font-weight:900}.order-task-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid #ddd;padding:8px 0}.order-task-row:first-child{border-top:0}.order-task-row small{display:block;color:#666;margin-top:3px}.order-task-row button{padding:7px 9px}.quick-task{display:grid;grid-template-columns:1fr 180px 145px auto;gap:7px;margin-top:10px}.quick-task input,.quick-task select{padding:9px;font:inherit}@media(max-width:900px){.quick-task{grid-template-columns:1fr 1fr}.order-task-row{grid-template-columns:1fr auto}}@media(max-width:600px){.quick-task{grid-template-columns:1fr}}