:root{color-scheme:light;--ink: #162129;--muted: #5d6b73;--paper: #f2f2ed;--surface: #ffffff;--line: #cfd4d2;--steel: #2f4954;--steel-dark: #1f343c;--blue: #255f78;--signal: #f3c544;--danger: #b24737;--success: #32715b;font-family:Aptos,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid rgba(37,95,120,.35);outline-offset:2px}.systems-hero{color:#fff;background:linear-gradient(120deg,#17272e,#263f49 68%,#315866);border-bottom:5px solid var(--signal)}.hero-inner,.systems-shell,.role-bar>div,.role-bar>p{width:min(1240px,calc(100% - 40px));margin-inline:auto}.hero-inner{padding:24px 0 42px}.brand{display:inline-flex;gap:8px;color:#fff;text-decoration:none;letter-spacing:.1em;font-size:.8rem;font-weight:800}.brand span{color:var(--signal)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:54px;align-items:end;margin-top:54px}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.systems-hero .eyebrow{color:#f6d775}h1,h2,h3,p{margin-top:0}h1{max-width:850px;margin-bottom:18px;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.04em}.lead{max-width:790px;margin-bottom:0;color:#dbe4e6;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.6}.hero-note{padding:22px;border:1px solid rgba(255,255,255,.24);border-left:4px solid var(--signal);background:#ffffff0f}.hero-note strong{font-size:1.05rem}.hero-note p{margin:8px 0 0;color:#dbe4e6;line-height:1.55}.role-bar{display:grid;grid-template-columns:1fr auto;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 20px #192a3014}.role-bar>div{display:flex;gap:0;margin:0 0 0 max(20px,calc((100vw - 1240px)/2));width:auto}.role-bar button{min-width:210px;padding:17px 24px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;cursor:pointer}.role-bar button:first-child{border-left:1px solid var(--line)}.role-bar button span,.role-bar button small{display:block}.role-bar button span{color:var(--ink);font-weight:800}.role-bar button small{margin-top:3px}.role-bar button.active{background:var(--steel-dark)}.role-bar button.active span,.role-bar button.active small{color:#fff}.role-bar>p{display:flex;align-items:center;gap:9px;width:auto;margin:0 max(20px,calc((100vw - 1240px)/2)) 0 20px;color:var(--muted);font-size:.85rem}.live-dot{width:9px;height:9px;border-radius:50%;background:#42a67c;box-shadow:0 0 0 4px #42a67c24}.systems-shell{padding:34px 0 54px}.loading,.fatal{width:min(700px,calc(100% - 40px));margin:70px auto;padding:28px;background:#fff;border:1px solid var(--line)}.fatal button,.error-banner+button{padding:10px 16px}.error-banner{margin-bottom:20px;padding:14px 18px;color:#7f2f25;background:#fff3ef;border-left:4px solid var(--danger)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:34px}.summary article{min-height:130px;padding:20px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--steel)}.summary article.attention{border-top-color:var(--signal);background:#fffdf3}.summary span,.summary small{display:block;color:var(--muted)}.summary strong{display:block;margin:8px 0 3px;font-size:2.25rem;line-height:1}.summary small{font-size:.8rem}.section-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.section-title h2{margin-bottom:0;font-size:clamp(1.6rem,3vw,2.45rem);letter-spacing:-.025em}.export{padding:11px 15px;color:#fff;background:var(--blue);text-decoration:none;font-weight:700}.leader-list{display:grid;gap:10px}.order-row{display:grid;grid-template-columns:1.6fr .75fr 1.1fr auto;gap:20px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--steel)}.order-row.status-väntar-underhåll,.order-row.status-väntar-kvalitet{border-left-color:var(--signal)}.order-row.status-klar{border-left-color:var(--success)}.order-main{display:grid;grid-template-columns:82px 1fr;gap:15px;align-items:center}.order-code span,.order-code strong{display:block}.order-code span{margin-bottom:5px;color:var(--danger);font-size:.72rem;font-weight:800;text-transform:uppercase}.order-code strong{font-size:.9rem}.order-main h3{margin-bottom:5px;font-size:1.05rem}.order-main p,.order-status small{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.quantities{display:flex;gap:16px}.quantities span{font-weight:800}.quantities small{display:block;margin-bottom:3px;color:var(--muted);font-size:.68rem;font-weight:600;text-transform:uppercase}.order-status>span{display:inline-block;margin-bottom:6px;padding:5px 8px;color:#fff;background:var(--steel);font-size:.75rem;font-weight:800}.order-status small{display:block;max-width:260px}.row-actions{display:flex;flex-direction:column;gap:6px}.row-actions button,.operator-actions button,.demo-footer button{padding:9px 12px;border:1px solid #9ba7ab;color:var(--ink);background:#fff;font-weight:700;cursor:pointer}.row-actions button:hover,.operator-actions button:hover{background:#eef1f1}button:disabled{cursor:wait;opacity:.55}.admin-note{margin-top:18px;padding:22px;background:#dfe8ea;border-left:5px solid var(--blue)}.admin-note p{max-width:880px;margin:7px 0 0;color:#42545b;line-height:1.55}.operator-view{max-width:900px;margin-inline:auto}.section-title label{display:grid;gap:5px;color:var(--muted);font-size:.78rem;font-weight:700}.section-title select{min-width:240px;padding:10px;border:1px solid var(--line);background:#fff}.operator-card{background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px #192a301a}.operator-head{display:flex;justify-content:space-between;gap:20px;padding:28px;color:#fff;background:var(--steel-dark)}.operator-head .priority{color:#f6d775;font-size:.75rem;font-weight:800;text-transform:uppercase}.operator-head h3{margin:8px 0 3px;font-size:2.5rem}.operator-head p{margin:0;color:#cdd9dc}.operator-head .state{align-self:flex-start;padding:7px 10px;color:var(--ink);background:var(--signal);font-size:.78rem;font-weight:800}.target,.instruction{padding:24px 28px;border-bottom:1px solid var(--line)}.target>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.target strong{font-size:2rem}.target strong small{color:var(--muted);font-size:1rem}.target>p{margin:8px 0 0;color:var(--muted);font-size:.78rem}.progress{height:12px;margin-top:14px;overflow:hidden;background:#dfe4e3}.progress span{display:block;height:100%;background:var(--success);transition:width .25s ease}.instruction>span{color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.instruction p{margin:7px 0;font-size:1.05rem}.instruction small{color:var(--muted)}.operator-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:28px}.operator-actions button{min-height:54px}.operator-actions .primary{color:#fff;border-color:var(--success);background:var(--success)}.operator-actions .support{border-left:5px solid var(--signal)}.activity{margin-top:48px}.activity ol{display:grid;gap:0;margin:0;padding:0;list-style:none;background:#fff;border:1px solid var(--line)}.activity li{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.activity li:last-child{border-bottom:0}.activity time{color:var(--muted);font-variant-numeric:tabular-nums}.activity span{color:var(--blue);font-size:.72rem;font-weight:800;text-transform:uppercase}.activity p{margin:4px 0}.activity small{color:var(--muted)}.demo-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:26px;padding:22px;color:#dce5e7;background:var(--steel-dark)}.demo-footer p{max-width:780px;margin:5px 0 0;color:#b9c7cb;line-height:1.5}.demo-footer button{flex:0 0 auto;color:#fff;border-color:#88999f;background:transparent}.demo-footer button.armed{color:var(--ink);border-color:var(--signal);background:var(--signal)}@media (max-width: 980px){.hero-grid{grid-template-columns:1fr;gap:26px}.summary{grid-template-columns:repeat(2,1fr)}.order-row{grid-template-columns:1fr 1fr}.row-actions{flex-direction:row;flex-wrap:wrap}}@media (max-width: 680px){.hero-inner,.systems-shell{width:min(100% - 24px,1240px)}.hero-inner{padding-top:18px}.hero-grid{margin-top:38px}h1{font-size:2.55rem}.role-bar{display:block}.role-bar>div{width:100%;margin:0}.role-bar button{min-width:0;width:50%;padding:14px 12px}.role-bar>p{width:auto;margin:0;padding:10px 12px;border-top:1px solid var(--line)}.systems-shell{padding-top:20px}.summary{grid-template-columns:repeat(2,1fr);gap:8px}.summary article{min-height:112px;padding:14px}.summary strong{font-size:1.8rem}.section-title{align-items:stretch;flex-direction:column;gap:12px}.section-title select{width:100%;min-width:0}.export{text-align:center}.order-row{grid-template-columns:1fr;gap:14px;padding:16px}.order-main{grid-template-columns:74px 1fr}.row-actions{display:grid;grid-template-columns:1fr}.operator-head,.target,.instruction,.operator-actions{padding:20px}.operator-head h3{font-size:2rem}.operator-actions{grid-template-columns:1fr}.activity li{grid-template-columns:55px 1fr;padding:14px}.demo-footer{align-items:stretch;flex-direction:column}.demo-footer button{width:100%}}