/* Six-stage board and communication panel layout overrides. */
.metrics{grid-template-columns:repeat(6,minmax(125px,1fr));gap:12px}
.board{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:start;overflow-x:visible}
.lane{min-width:0;height:520px;min-height:0;padding:10px;overflow-y:auto;scrollbar-width:thin}
.lane-head{position:sticky;top:-10px;z-index:1;gap:5px;margin:-10px -10px 12px;padding:12px 10px 9px;background:#eef1f6;font-size:12px;line-height:1.15}
.lane-head span{flex:0 0 auto;padding:3px 7px}
.job-card{min-width:0;padding:11px;margin-bottom:9px;overflow-wrap:anywhere}
.job-card .ref{font-size:12px}.job-card .customer{margin:7px 0 3px;font-size:13px}.job-card .meta{font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.communication-panel{margin-top:24px}.message-form{margin-top:18px;padding:18px;background:#f5f7fb;border:1px solid #e4e7ec;border-radius:10px}.message-form h3{margin-bottom:4px}.message-form button{width:100%;margin-top:14px}.message-row{padding:13px;border:1px solid #e4e7ec;border-left:4px solid #0f6fff;border-radius:9px;margin:9px 0;background:#fff}.message-row.unread{border-left-color:#f59e0b}.message-row strong,.message-row small{display:block}.message-row p{margin:7px 0;font-size:13px}.message-row small{color:#667085;font-size:11px}
.hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.customer-hero .outline{background:transparent;color:#fff;border-color:#9fc9ff}.reference-confirmation{padding:30px;text-align:center}.reference-message{margin-top:20px}.reference-number{margin:12px 0 18px;padding:18px;background:#eaf2ff;border:2px solid #0f6fff;border-radius:10px;color:#081b3d;font-size:26px;font-weight:900;letter-spacing:.04em}.reference-confirmation .primary{margin-top:12px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.board{grid-template-columns:repeat(3,minmax(0,1fr))}.lane{height:360px}}
@media(max-width:650px){.board{grid-template-columns:1fr}.lane{height:320px}}