/* TrailSurge Workshop — presentation layer only. Existing data and email logic unchanged. */
:root{--navy:#102b42;--blue:#078dbd;--bg:#f5f7fa;--line:#e1e8ee}
body{color:#203549}
.portal-workspace-top{background:#102b42!important;box-shadow:none!important;border-bottom:1px solid #254257;padding-top:13px!important;padding-bottom:13px!important}
.portal-back:hover,.portal-signout:hover{color:#fff!important}
.portal-top-label{font-weight:800;letter-spacing:.7px}
.app-navigation{border-bottom:1px solid #e3eaf1!important;box-shadow:none!important;gap:8px!important}
.app-navigation>button{background:transparent;border:1px solid #e2e8ee!important;color:#61768a!important;min-height:41px;padding:10px 14px!important;font-size:12px}
.app-navigation>button:hover{background:#f0f8fb!important;color:#1b759a!important}
.app-navigation>button[aria-pressed=true]{background:#eaf8fd!important;color:#047dad!important;border-color:#d5f0f9!important}
.shift-picker{margin-left:auto;color:#667b8b}.shift-picker select{border-radius:8px!important;background:#fff!important;padding:10px!important}
.head{padding-top:25px!important}.head h1{font-weight:800;letter-spacing:-.7px;color:#19344d}.wrap{max-width:870px!important}.subtitle{color:#8a9ca9!important}
.card{box-shadow:0 2px 13px #19385006!important;border-color:#e2e9ef!important;padding:20px 23px!important}.card h2{color:#294056;font-weight:800}
.card h2 b{background:#edf7fc;color:#0b8ab8;border-radius:8px}
input:not([type=file]):not([type=checkbox]),textarea,select{border-color:#dce5ed;color:#243b52}
input:not([type=file]):not([type=checkbox]):focus,textarea:focus,select:focus{outline:2px solid #0a9ac94a;outline-offset:0;border-color:#079bcb}
button,.upload{border-radius:8px!important}button:hover:not(:disabled),.upload:hover{filter:brightness(.99)}.primary,.primary:hover{background:#0d3855!important;border-color:#0d3855!important;color:#fff!important}
.repair-shortcuts{gap:7px}.repair-shortcuts button{background:#f0f7fa;border-color:#e2ecf1;color:#325d74}
#workshopBoard,#readyEmailDialog{background:#f7f9fb!important;border:1px solid #dce5ef!important;box-shadow:0 20px 65px #0b253d29;max-height:94vh!important}
#workshopBoard h2,#readyEmailDialog h2{font-weight:800;color:#1d3549;font-size:25px}
.board-heading{padding-bottom:5px}.board-heading .eyebrow{color:#098ab7}.board-filters{box-shadow:0 1px 5px #233b4b06;border:1px solid #e5ecf3}
.workshop-job{box-shadow:0 2px 9px #0e263e05;border:1px solid #e1eaf1!important;border-radius:13px!important;padding:19px 20px}
.job-ref{color:#0688b5;font-weight:800}.job-model{color:#1c354a}.job-meta{border-top:1px solid #f0f3f7;padding-top:12px;margin:13px 0}.job-manage{border-top:1px solid #f0f3f7;padding-top:8px}.job-manage>summary{color:#197eaa;font-weight:800}.job-management{background:#f8fafc;border:1px solid #e9eff5}
.stage-in-progress{background:#e7f7fe;color:#0982ac}
.stage-ready{background:#e8f7ef;color:#23784c}.stage-waiting-for-parts{background:#fff2e2;color:#99672c}
.job-card-actions button,.job-secondary-actions button{border-radius:8px!important}.job-secondary-actions button{font-weight:700}
.ready-preview{background:#ecf2f6}.preview-reference{background:#e8f7ff;color:#087da8}
/* The original print path creates a separate job-tag container. Keep it simple to cut out and attach. */
@media print{
 .portal-workspace-top,.app-navigation{display:none!important}
 body.print-tag{background:#fff!important}
 body.print-tag .tag-sheet{display:block!important;border:2px solid #18334c!important;border-radius:8px;padding:12mm!important;width:105mm;min-height:180mm;max-width:100%;margin:3mm auto;font:15px/1.4 Arial,sans-serif!important;box-shadow:none!important;break-inside:avoid}
 body.print-tag .tag-sheet .tag-brand{font-size:16px;font-weight:900;letter-spacing:1px;border-bottom:2px solid #19364e;padding-bottom:8mm;margin:0 0 7mm}
 body.print-tag .tag-sheet .tag-caption{font-size:10px;letter-spacing:1.3px;color:#667;text-transform:uppercase;margin:4mm 0 1mm}
 body.print-tag .tag-sheet .tag-reference{font-size:27px;font-weight:900;margin:0 0 7mm;word-break:break-word}
 body.print-tag .tag-sheet .tag-model{font-size:17px;font-weight:bold;margin:0 0 4mm;word-break:break-word}
 body.print-tag .tag-sheet .tag-customer{font-size:14px;word-break:break-word}
 body.print-tag .tag-sheet .tag-internal{border-top:1px solid #c5cfd6;margin-top:13mm;padding-top:6mm;font-size:12px}
 body.print-tag .tag-sheet .tag-internal p{margin-bottom:8mm}
}
@media(max-width:760px){#workshopBoard,#readyEmailDialog{padding:15px!important}.board-filters{gap:10px}.app-navigation{overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start}.app-navigation>button{white-space:nowrap}.shift-picker{white-space:nowrap}.workshop-job{padding:16px!important}}
@media(max-width:580px){.head{padding:18px 14px 5px!important}.card{padding:15px!important}.app-navigation{top:53px!important}}

/* V4 — clearly distinguish appointments from signed check-ins */
.board-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0 17px}
.board-help{color:#667b8d;font-size:12px;line-height:1.55;max-width:650px}
.board-create-booking{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-decoration:none;color:#0d6e91;background:#edf9fd;border:1px solid #cfeaf4;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:800}
.board-create-booking:hover{background:#e3f5fb}
.job-type-line{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:5px}
.job-type-tag{display:inline-flex;align-items:center;max-width:100%;font:800 9px/1.4 Arial,sans-serif;letter-spacing:.75px;padding:5px 7px;border-radius:6px}
.booking-type{color:#82631c;background:#fff4d9;border:1px solid #f2e3b9}
.dropoff-type{color:#277094;background:#ecf6fb;border:1px solid #d3e8f3}
.booking-job{border-left:3px solid #d8af49!important}
.stage-booked{background:#fff5d8;color:#88631d}
.stage-cancelled{background:#f1f2f4;color:#697988}
.booking-draft-indicator{color:#9b732e;font-weight:700}
@media(max-width:650px){.board-shortcuts{align-items:stretch;flex-direction:column}.board-create-booking{width:100%}}