:root{--bg:#071014;--surface:#0c171c;--surface2:#101f25;--surface3:#14262e;--text:#f5f8f9;--muted:#aebcc1;--accent:#ff641f;--accent2:#ffb224;--line:#263941;--green:#4fd187;--red:#ff6b6b;--blue:#63b3ff;--radius:18px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:#050b0e;border-right:1px solid var(--line);overflow:auto}.app-brand{display:flex;gap:11px;align-items:center;font-weight:900;text-decoration:none;margin:0 8px 26px}.app-brand b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111}.app-brand small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.nav-group{display:grid;gap:4px}.nav-group a{padding:11px 12px;border-radius:11px;text-decoration:none;color:#cfdbdf;font-weight:700}.nav-group a:hover,.nav-group a.active{background:#14232a;color:#fff}.side-foot{margin-top:30px;padding:14px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.app-main{min-width:0}.app-top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 24px;background:rgba(7,16,20,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.app-top h1{font-size:18px;margin:0}.app-top small{color:var(--muted)}.mobile-nav{display:none}.content{padding:28px;max-width:1440px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.page-head h2{font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.045em;margin:0}.page-head p{margin:4px 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:11px;background:linear-gradient(135deg,var(--accent),#ff851c);color:#111;text-decoration:none;font-weight:900;cursor:pointer}.btn.secondary{background:transparent;color:#fff;border-color:var(--line)}.btn.danger{background:transparent;color:#ff9a9a;border-color:#704044}.btn.small{min-height:36px;padding:7px 11px;font-size:13px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.kpi{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface2),var(--surface))}.kpi strong{display:block;font-size:30px;letter-spacing:-.05em}.kpi span{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px}.panel h3{margin:0 0 14px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:#0b161b}.table tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#172831;color:#d9e6ea;font-size:11px;font-weight:900;text-transform:uppercase}.status.ok{background:rgba(79,209,135,.13);color:#91edb7}.status.warn{background:rgba(255,178,36,.13);color:#ffd47a}.status.bad{background:rgba(255,107,107,.13);color:#ff9c9c}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800}.field small{color:var(--muted)}input,select,textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid #31464f;border-radius:11px;background:#081318;color:#fff;font:inherit}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(255,178,36,.22);border-color:var(--accent2)}.flash{padding:12px 14px;border-radius:11px;margin-bottom:18px;border:1px solid}.flash.ok{background:rgba(79,209,135,.08);border-color:rgba(79,209,135,.4)}.flash.err{background:rgba(255,107,107,.08);border-color:rgba(255,107,107,.4)}.empty{padding:30px;text-align:center;color:var(--muted)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(255,100,31,.14),transparent 35%),var(--bg)}.auth-card{width:min(100%,520px);padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--surface2),#081318);box-shadow:0 28px 70px rgba(0,0,0,.36)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.auth-brand b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 22px}.install-steps span{padding:8px;border-radius:9px;background:#101f25;color:var(--muted);font-size:12px;text-align:center}.install-steps span.active{background:rgba(255,100,31,.13);color:#ffc08b}.vehicle-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vehicle-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);text-decoration:none}.vehicle-card strong{font-size:19px;display:block}.vehicle-card span{color:var(--muted)}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.subnav a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:#d4dfe3}.security-note{padding:13px 15px;border-left:3px solid var(--accent2);background:#101d22;color:#cbd6da;border-radius:8px}.muted{color:var(--muted)}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:inline-flex}.kpis{grid-template-columns:1fr 1fr}.vehicle-cards{grid-template-columns:1fr 1fr}.content{padding:20px}.app-top{padding:14px 18px}}
@media(max-width:650px){.kpis,.grid2,.form-grid,.vehicle-cards{grid-template-columns:1fr}.field.full{grid-column:auto}.page-head{align-items:stretch;flex-direction:column}.page-head .btn{width:100%}.content{padding:16px}.table-wrap{border:0;overflow:visible}.table{min-width:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:8px}.table td{border:0;padding:7px 9px}.table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.auth-card{padding:22px}.install-steps{grid-template-columns:1fr}}

.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.tabs a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:#dce7ea}.tabs a.active{border-color:var(--accent);background:rgba(255,100,31,.1)}.money{font-variant-numeric:tabular-nums}.summary-total{font-size:1.5rem;font-weight:900}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-row{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.check-row strong{display:block;margin-bottom:7px}.inline-form{display:grid;grid-template-columns:2fr .7fr 1fr .8fr auto;gap:8px;align-items:end}.file-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.file-card{border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--surface2)}.file-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;margin-bottom:8px}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.perm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.perm{padding:12px;border:1px solid var(--line);border-radius:10px}.metric-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid var(--line)}.metric-row:last-child{border:0}.sticky-actions{position:sticky;bottom:10px;z-index:10;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(12,23,28,.94);backdrop-filter:blur(10px);display:flex;gap:8px;justify-content:flex-end}.pillbar{display:flex;gap:7px;flex-wrap:wrap}.owner-report{max-width:900px}.hero-owner{padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface2),var(--surface));border-radius:20px;margin-bottom:18px}
@media(max-width:1000px){body.nav-open .sidebar{display:block;position:fixed;z-index:100;left:0;top:0;width:min(86vw,310px);box-shadow:20px 0 60px rgba(0,0,0,.55)}body.nav-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90}.sidebar{z-index:110}.inline-form{grid-template-columns:1fr 1fr}.inline-form>*:first-child{grid-column:1/-1}.file-list{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.check-grid,.perm-grid,.file-list,.inline-form{grid-template-columns:1fr}.inline-form>*:first-child{grid-column:auto}.timeline-item{grid-template-columns:1fr;gap:2px}.sticky-actions{justify-content:stretch}.sticky-actions .btn{flex:1}}

.plan-feature-editor{display:grid;gap:9px}.plan-feature-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.plan-feature-row label{display:flex;gap:9px;align-items:center}.admin-section-note{padding:12px;border-radius:12px;background:rgba(99,179,255,.08);border:1px solid rgba(99,179,255,.26);color:#cfe7ff}@media(max-width:650px){.plan-feature-row{grid-template-columns:1fr}}

.settings-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.settings-card.add{border-style:dashed;border-color:rgba(255,178,36,.45)}@media(max-width:850px){.settings-cards{grid-template-columns:1fr}}

/* V4 */
.save-confirm{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:18px;border:1px solid rgba(79,209,135,.48);border-radius:13px;background:rgba(79,209,135,.10);box-shadow:0 8px 26px rgba(0,0,0,.16)}.save-confirm strong{color:#9af0bc;font-size:16px}.save-confirm span{color:#d9eee1}.flash strong{display:block;margin-bottom:4px}.flash ul{margin:6px 0 0 18px}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.admin-card strong{display:block;font-size:22px}.admin-card small{color:var(--muted)}.code-pill{display:inline-flex;padding:3px 7px;border:1px solid var(--line);border-radius:7px;background:#071014;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.notice{padding:13px 15px;border:1px solid rgba(99,179,255,.3);border-radius:12px;background:rgba(99,179,255,.08);color:#d4eaff}.invoice-status{font-weight:900}.invoice-status.paid{color:#91edb7}.invoice-status.overdue{color:#ff9c9c}.invoice-status.sent{color:#ffd47a}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}


.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 28px}.choice{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}.choice input{width:auto;min-height:auto;margin-top:4px}.choice strong,.choice span{grid-column:2}.choice span{color:var(--muted);font-size:13px}.billing-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.billing-option-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface2)}.billing-choice{display:grid;gap:8px;border-top:1px solid var(--line);padding:13px 0}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:900px){.choice-grid,.billing-option-grid,.admin-plan-grid{grid-template-columns:1fr}}

.app-brand img,.auth-brand img{display:block;border-radius:10px;flex:0 0 auto}.app-brand{align-items:center}.auth-brand{align-items:center}

/* V8: tydligare verkstadsflöde */
.sidebar-mobile-head{display:none}.nav-backdrop{display:none;border:0}.nav-close{border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}.workflow-intro{padding:14px 16px;border:1px solid rgba(255,178,36,.28);background:rgba(255,178,36,.06);border-radius:14px;margin-bottom:18px}.workflow-section{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:20px;margin-bottom:18px}.workflow-section>h3{margin:0 0 5px}.workflow-section>.section-help{margin:0 0 16px;color:var(--muted)}.choice{background:var(--surface2)}.choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,100,31,.08);background:rgba(255,100,31,.07)}.batch-checks{display:grid;gap:8px}.batch-check{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(150px,.8fr) minmax(180px,1.4fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.batch-check strong{font-size:14px}.batch-check input,.batch-check select{min-height:40px}.entry-list{display:grid;gap:10px}.entry-row{display:grid;grid-template-columns:minmax(220px,2.2fr) .65fr 1fr .7fr auto;gap:9px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.entry-row.parts{grid-template-columns:1fr 2fr .65fr 1fr .7fr auto}.entry-row .field label{font-size:12px;color:var(--muted)}.entry-row input,.entry-row select{min-height:40px}.section-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0 8px}.section-toolbar h4{margin:0}.owner-order-list{display:grid;gap:12px}.owner-order-card{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);text-decoration:none}.owner-order-card:hover{border-color:rgba(255,100,31,.55);transform:translateY(-1px)}.owner-order-card strong{display:block;font-size:17px}.owner-order-card small{display:block;color:var(--muted);margin-top:3px}.owner-order-card .arrow{font-size:22px;color:var(--accent2)}.owner-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 20px}.owner-summary>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.owner-summary span{display:block;color:var(--muted);font-size:12px}.owner-summary strong{display:block;margin-top:3px}.field-note{display:block;color:var(--muted);font-size:12px;margin-top:4px}.single-save-note{color:var(--muted);font-size:13px;margin-right:auto}.sticky-actions{align-items:center}
@media(max-width:1000px){.sidebar{display:block;position:fixed;z-index:110;left:0;top:0;width:min(86vw,310px);transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.55)}body.nav-open{overflow:hidden}body.nav-open .sidebar{transform:translateX(0)}.sidebar-mobile-head{display:flex;justify-content:space-between;align-items:center;padding:0 8px 15px;margin-bottom:10px;border-bottom:1px solid var(--line);font-weight:900}.nav-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.56)}body.nav-open .nav-backdrop{display:block}.owner-summary{grid-template-columns:1fr 1fr}.entry-row,.entry-row.parts{grid-template-columns:1fr 1fr}.entry-row .row-main{grid-column:1/-1}}
@media(max-width:700px){.batch-check{grid-template-columns:1fr}.entry-row,.entry-row.parts{grid-template-columns:1fr}.entry-row .row-main{grid-column:auto}.owner-summary{grid-template-columns:1fr}.owner-order-card{align-items:flex-start}.single-save-note{display:none}}
@media(max-width:1000px){body.nav-open:after{content:none!important;display:none!important}}

/* V8.1: sammanhållen UX för verkstadsdelen */
.hp-trap{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.kpi-link{display:block;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,background .15s ease}
.kpi-link small{display:block;margin-top:8px;color:var(--accent2);font-weight:800}
.kpi-link:hover,.kpi-link:focus-visible{border-color:rgba(255,100,31,.65);transform:translateY(-2px);background:linear-gradient(180deg,#14262e,var(--surface))}
.quick-actions{display:grid;gap:10px}
.quick-action{display:block;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.quick-action strong{display:block}.quick-action span{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.quick-action:hover,.quick-action:focus-visible{border-color:rgba(255,100,31,.55);transform:translateY(-1px)}
.clickable-table tbody tr[data-row-href]{cursor:pointer;transition:background .12s ease}
.clickable-table tbody tr[data-row-href]:hover,.clickable-table tbody tr[data-row-href]:focus{background:#102027;outline:none}
.record-link{font-weight:900;text-decoration:none;color:#fff}
.record-link:hover,.record-link:focus-visible{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.toggle-list{display:grid;gap:10px}
.toggle-row{display:grid!important;grid-template-columns:auto 1fr;gap:12px!important;align-items:start;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);cursor:pointer;font-weight:400!important}
.toggle-row:hover{border-color:#3b535d}
.toggle-row input[type="checkbox"],.toggle-row input[type="radio"]{width:20px!important;height:20px!important;min-height:20px!important;margin:2px 0 0!important;accent-color:var(--accent);cursor:pointer}
.toggle-row>span{display:block}.toggle-row strong{display:block;font-size:14px;color:var(--text)}.toggle-row small{display:block!important;margin-top:3px;color:var(--muted);font-weight:400;line-height:1.4}
.toggle-row.compact{padding:11px 12px}
.perm-check{display:flex!important;gap:10px;align-items:center;cursor:pointer}.perm-check input{width:19px!important;height:19px!important;min-height:19px!important;accent-color:var(--accent)}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin:0 0 18px}
.row-add-footer{display:flex;justify-content:flex-start;margin:10px 0 18px}
.section-toolbar>div>h4{margin:0}.section-toolbar>div>small{display:block;margin-top:2px}
.entry-row{position:relative}.entry-list+.row-add-footer{margin-top:10px}
.workflow-section [hidden]{display:none!important}
@media(max-width:700px){.form-actions{justify-content:stretch}.form-actions .btn{width:100%}.section-toolbar{align-items:stretch;flex-direction:column}.section-toolbar .btn,.row-add-footer .btn{width:100%}.row-add-footer{display:block}}

/* V8.2: konsekvent navigering, sök och formulärlogik */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.btn.mobile-nav{display:none!important}
.app-top-title{min-width:max-content}
.app-global-search{display:flex;gap:8px;align-items:center;width:min(560px,52vw);margin-left:auto}
.app-global-search input{min-height:40px;height:40px}
.app-global-search .btn{min-height:40px}
.search-panel{padding:16px}.search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.search-row .btn{min-width:110px}.search-results .mini-row .arrow{font-size:20px;color:var(--accent2)}
.permission-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.permission-row,.setting-toggle{display:grid!important;grid-template-columns:22px minmax(0,1fr);gap:11px;align-items:start;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);cursor:pointer;font-weight:400!important}
.permission-row:hover,.setting-toggle:hover{border-color:#3b535d}
.permission-row input[type="checkbox"],.setting-toggle input[type="checkbox"],.setting-toggle input[type="radio"]{width:20px!important;height:20px!important;min-height:20px!important;margin:1px 0 0!important;accent-color:var(--accent);cursor:pointer}
.permission-row span,.setting-toggle span{display:block;line-height:1.4}.setting-toggle strong{display:block}.setting-toggle small{display:block;color:var(--muted);margin-top:2px;font-weight:400}
.admin-toggle-stack{display:grid;gap:8px}.admin-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.danger-zone{border-color:#60373b;background:linear-gradient(180deg,rgba(255,107,107,.045),var(--surface))}
.choice input[type="checkbox"],.choice input[type="radio"]{width:20px!important;height:20px!important;min-height:20px!important;margin:2px 0 0!important;accent-color:var(--accent)}
.choice{gap:5px 11px!important}.choice strong,.choice span{align-self:start}
@media(max-width:1000px){.btn.mobile-nav{display:inline-flex!important}.app-global-search{width:min(520px,60vw)}}
@media(max-width:760px){.app-top{flex-wrap:wrap}.app-top-title{order:1}.btn.mobile-nav{order:2}.app-global-search{order:3;width:100%;margin:0}.permission-grid,.admin-toggle-grid{grid-template-columns:1fr}.search-row{grid-template-columns:1fr}.search-row .btn{width:100%}}
/* V8.3: en arbetstyp per arbetsorder */
.worktype-locked{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid rgba(255,100,31,.45);border-radius:14px;background:rgba(255,100,31,.07)}
.worktype-locked strong{font-size:18px}.worktype-locked span{color:var(--muted)}
.worktype-placeholder{padding:18px;border:1px dashed #3a515a;border-radius:14px;text-align:center;color:var(--muted);background:#0a151a}
.check-group-title{padding:12px 4px 4px;color:var(--accent2)}
[data-after-worktype][hidden],[data-worktype-section][hidden],[data-worktype-placeholder][hidden]{display:none!important}


/* V8.4.2: mobil stabilitet, kontoåtgärder och horisontell overflow */
html,body{max-width:100%;overflow-x:hidden}.app-shell,.app-main,.content,.app-top,.page-head,.panel,.panel-head,.metric-row,.pillbar,.table-wrap{min-width:0;max-width:100%}.side-foot,.side-foot a,.metric-row strong,.metric-row span{overflow-wrap:anywhere;word-break:break-word}.mobile-account-actions{display:none;gap:8px;align-items:center}.sidebar{max-width:100vw}.sidebar .app-brand{min-width:0}.sidebar .app-brand span{min-width:0;overflow-wrap:anywhere}.content img,.content svg{max-width:100%;height:auto}
@media(max-width:1000px){.mobile-account-actions{display:flex;margin-left:auto}.app-top{gap:10px}.app-top-title{min-width:0}.app-top-title h1{overflow-wrap:anywhere}.app-global-search{order:4;flex-basis:100%;max-width:100%}.sidebar{height:100dvh;max-height:100dvh;padding-bottom:max(22px,env(safe-area-inset-bottom))}.side-foot{margin-top:20px;padding-bottom:20px}.mobile-logout{display:inline-flex!important}}
@media(max-width:520px){.app-top{padding:10px 12px;align-items:center}.app-top-title h1{font-size:15px}.app-top-title small{display:none}.mobile-account-actions{gap:6px}.mobile-account-actions .btn{padding:8px 10px;min-height:38px;font-size:12px}.content{padding:12px}.panel{padding:15px}.metric-row{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.pillbar{display:grid;grid-template-columns:1fr}.pillbar>.btn,.pillbar>form,.pillbar>form>.btn{width:100%}.table td,.table th{overflow-wrap:anywhere;word-break:break-word}}

/* V8.4.3: deterministisk mobil-drawer för admin/verkstad/ägare.
   Dessa regler ligger sist och ersätter äldre överlappande mobilregler. */
@media (max-width:1000px){
  html.nav-locked,body.nav-open{overflow:hidden!important;overscroll-behavior:none!important}
  .app-shell{position:relative!important;isolation:isolate!important;overflow:visible!important}
  .app-main{position:relative!important;z-index:1!important;min-width:0!important;width:100%!important}
  .app-top{z-index:30!important}
  .sidebar{
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(88vw,340px)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:18px 16px max(22px,env(safe-area-inset-bottom))!important;
    background:#050b0e!important;
    border-right:1px solid var(--line)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    transform:translate3d(-110%,0,0)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    z-index:2147483000!important;
    transition:transform .20s ease,opacity .16s ease,visibility 0s linear .20s!important;
    box-shadow:22px 0 70px rgba(0,0,0,.72)!important;
  }
  body.nav-open .sidebar{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transition:transform .20s ease,opacity .16s ease!important;
  }
  .nav-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(0,0,0,.68)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:2147482999!important;
    transition:opacity .16s ease,visibility 0s linear .16s!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.nav-open .nav-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .16s ease!important;
  }
  body.nav-open:after{content:none!important;display:none!important}
  .sidebar-mobile-head{display:flex!important;position:sticky!important;top:-18px!important;z-index:2!important;justify-content:space-between!important;align-items:center!important;padding:14px 8px 14px!important;margin:-18px 0 12px!important;background:#050b0e!important;border-bottom:1px solid var(--line)!important;font-weight:900!important}
  .nav-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:11px!important;background:#101f25!important;border:1px solid var(--line)!important}
  .sidebar .nav-group{padding-bottom:8px!important}
  .sidebar .nav-group a{display:block!important;min-height:46px!important;padding:12px!important}
  .sidebar .side-foot{margin-top:auto!important;padding-top:18px!important;padding-bottom:8px!important}
}
@media (prefers-reduced-motion:reduce) and (max-width:1000px){
  .sidebar,.nav-backdrop{transition:none!important}
}