:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142b42;background:#f4f7fb;color-scheme:light;line-height:1.5;font-size:16px}*{box-sizing:border-box}body{margin:0}.top{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#102a43;color:#fff;gap:12px}.brand{color:#fff;text-decoration:none;font-weight:750;letter-spacing:.07em}.brand span{font-weight:400;display:inline-block;margin-left:6px}.top div{display:flex;gap:8px}.top button{background:transparent;color:#fff;border-color:#5e7489;padding:8px 12px}main{max-width:760px;margin:32px auto;padding:0 24px 48px}h1{font-size:clamp(1.55rem,4vw,2rem);line-height:1.25;margin:8px 0}h2{font-size:1.25rem}.eyebrow{color:#506478;font-size:.85rem}#intro{color:#506478;margin-bottom:24px}#steps{list-style:none;padding:0;display:flex;gap:6px;margin:0 0 20px}#steps li{flex:1;border-top:4px solid #d5e1eb;padding-top:8px;font-size:.8rem;color:#506478}#steps li.active{border-color:#356fd6;color:#142b42;font-weight:700}#steps li.done{border-color:#278b56}#work{background:#fff;border:1px solid #d5e1eb;border-radius:12px;padding:24px}label,legend{font-weight:650;display:block;margin-bottom:7px}fieldset{border:0;padding:0;margin:20px 0}input,select,textarea{font:inherit;width:100%;min-height:48px;padding:10px 12px;border:1px solid #a7bacb;border-radius:6px;color:inherit;background:#fff}textarea{resize:vertical;min-height:110px}input[type=radio]{width:20px;min-height:20px;height:20px;flex-shrink:0;margin:3px 0}.field{margin:18px 0}.choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #b8c8d7;border-radius:8px;min-height:52px;padding:14px;margin-bottom:10px;cursor:pointer;font-weight:500}.choice:has(input:checked){border:2px solid #356fd6;background:#f1f6ff;padding:13px}button{font:inherit;min-height:46px;border:1px solid #a7bacb;border-radius:7px;padding:10px 20px;color:inherit;background:#fff;cursor:pointer}button.primary{background:#245bc0;color:#fff;border-color:#245bc0}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}#actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}#error,#connection{border-left:4px solid #bd3737;background:#fff0ef;padding:14px;color:#8e2424}#error:empty{display:none}.machine{border-bottom:1px solid #d5e1eb;padding-bottom:14px;margin-bottom:22px;font-weight:650}.machine small{display:block;font-weight:400;color:#506478}.hint{font-size:.9rem;color:#506478}.notice{padding:14px 0;border-bottom:1px solid #d5e1eb}.notice strong{display:block}.notice p{margin:6px 0}.tag{display:inline-block;border-radius:4px;font-size:.8rem;background:#fff0ce;padding:3px 8px}.summary dt{font-weight:650;margin-top:14px}.summary dd{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.success{border-top:4px solid #278b56;padding-top:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}[hidden]{display:none!important}@media(max-width:500px){.top{padding:12px;align-items:flex-start}.brand span{display:block;margin-left:0;font-size:.7rem}.top button{font-size:.85rem;padding:8px}main{margin:22px auto;padding:0 14px 30px}#work{padding:18px}#steps li{font-size:.7rem}.row{grid-template-columns:1fr}input,select,textarea{max-width:100%;min-width:0}#next{flex:1}}

.notices-board{padding:20px;border:1px solid #c5d8cc;border-radius:12px;background:#f1f8f3;margin:0 0 28px}.notices-board h2{margin-top:0}.notices-board.has-open{border:2px solid #b52e35;border-top:7px solid #b52e35;background:#fff4f3}.notices-board.has-open>h2{color:#8f2028;font-size:1.5rem}.fault-card{background:#fff;padding:18px;border:1px solid #e0bcbc;border-radius:8px;margin-top:16px}.fault-card h3{margin:0 0 12px}.fault-card button{margin:10px 10px 0 0}.unresolved .tag{background:#fff0ce;color:#713f00}.has-open .unresolved .tag{background:#ffe0df;color:#8f2028;font-weight:700}.resolved .tag{background:#dff2e5;color:#1d6137}.review-flag{font-weight:650;color:#8f2028}.acknowledged{color:#1d6137;font-weight:600}.ack-button{border:2px solid #8f2028}.completion-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-block;border:1px solid #a7bacb;border-radius:7px;padding:10px 20px;text-decoration:none}.button.primary{background:#245bc0;color:#fff;border-color:#245bc0}details{margin-top:14px}summary{cursor:pointer;font-weight:650;min-height:36px}.history-entry{padding:12px 0 12px 14px;border-left:3px solid #c8d8e5;margin:12px 0}.notice{overflow-wrap:anywhere}.history-entry p{white-space:pre-wrap}.top{position:sticky;top:0;z-index:5}#notices:empty{display:none}@media(max-width:500px){.notices-board{padding:14px}.fault-card{padding:12px}.completion-actions button,.fault-card button{width:100%;margin-right:0}}

.assignment{font-weight:600;color:#164e78;}

.outage-signal{border-left:5px solid;padding:10px 14px;font-weight:650;border-radius:4px}.outage-0{background:#e9f5ed;color:#225a35;border-color:#2d8249}.outage-1{background:#fff0d7;color:#844900;border-color:#d98100}.outage-2{background:#ffe7e7;color:#a51e27;border-color:#ba2430}.outage-unset{background:#edf1f5;color:#455969;border-color:#8697a5}.fault-card.timer-0{border-top-color:#2d8249}.fault-card.timer-1{border-top-color:#d98100}.fault-card.timer-2{border-top-color:#ba2430}

.automation-panel{margin-top:1rem;padding:1rem;border:1px solid #c6d7e8;border-radius:10px;background:#f6f9fd}.automation-panel summary{cursor:pointer;font-weight:600}.automation-panel li{margin:.6rem 0}

/* Technician workspace only. Other roles keep their existing desktop layout. */
.technician-workspace .service-jump{display:inline-flex;align-items:center;min-height:48px;margin:0 0 16px;color:#174f9e;text-underline-offset:3px}
.technician-workspace #work,.technician-workspace #error{scroll-margin-top:100px}
.technician-workspace .step-title{margin:0 0 18px;font-size:1.1rem}
.technician-workspace .fault-card,.technician-workspace .machine,.technician-workspace .automation-panel{overflow-wrap:anywhere;min-width:0}
.technician-workspace summary{padding:8px 0;min-height:48px}
.technician-workspace button{touch-action:manipulation;white-space:normal}
.technician-workspace input[type=checkbox]{width:24px;height:24px;min-height:24px;flex-shrink:0}
.technician-workspace .choice{align-items:center;min-height:56px}
@media(max-width:600px){
 .technician-workspace .top{position:static;flex-wrap:wrap;padding:12px}
 .technician-workspace .top button{min-height:44px}
 .technician-workspace main{margin:18px auto;padding:0 12px 24px}
 .technician-workspace #work{padding:16px;scroll-margin-top:12px}
 .technician-workspace #error{scroll-margin-top:12px}
 .technician-workspace #steps{gap:4px}
 .technician-workspace #steps li{overflow-wrap:anywhere;font-size:.75rem}
 .technician-workspace input,.technician-workspace select,.technician-workspace textarea{font-size:16px;min-width:0;max-width:100%}
 .technician-workspace textarea{min-height:140px}
 .technician-workspace #actions{position:sticky;bottom:0;background:#f4f7fb;padding:12px 0 max(12px,env(safe-area-inset-bottom));z-index:4}
 .technician-workspace #actions button{min-height:52px;min-width:0;padding:12px}
 .technician-workspace .fault-card button,.technician-workspace .completion-actions>*{width:100%;margin-right:0}
 .technician-workspace .row{grid-template-columns:1fr}
}