:root{--bg: #0f172a;--surface: #1e293b;--surface2: #334155;--text: #f8fafc;--muted: #94a3b8;--accent: #38bdf8;--accent2: #22c55e;--danger: #f87171;--radius: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .35);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(165deg,#0b1224 0%,var(--bg) 40%,#111827 100%);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent)}button,input,select,textarea{font:inherit}.app-shell{max-width:960px;margin:0 auto;padding:.75rem .75rem 5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0 1rem}.brand{font-weight:700;font-size:1.05rem;letter-spacing:-.02em}.card{background:var(--surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06);margin-bottom:.75rem}.card h2,.card h3{margin:0 0 .5rem;font-size:1.05rem}.muted{color:var(--muted);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:48px;padding:0 1rem;border-radius:10px;border:none;cursor:pointer;font-weight:600;width:100%;text-decoration:none;color:var(--bg);background:var(--accent)}.btn.secondary{background:var(--surface2);color:var(--text)}.btn.danger{background:var(--danger);color:#1f0202}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active,a.btn:not(:disabled):active{transform:scale(.97);filter:brightness(1.12);transition:transform .08s ease,filter .08s ease}.od-press:not(:disabled):active{animation:od-btn-flash .35s ease}@keyframes od-btn-flash{0%{filter:brightness(1)}40%{filter:brightness(1.35)}to{filter:brightness(1)}}.btn-row{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.field{margin-bottom:.75rem}.field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.field input,.field select,.field textarea{width:100%;min-height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b1224;color:var(--text);padding:.5rem .65rem}.field textarea{min-height:96px;resize:vertical}.field-required{color:#fca5a5;font-weight:700}.field--invalid label{color:#fecaca}.field--invalid input,.field--invalid select,.field--invalid textarea{border-color:#f87171d9;box-shadow:0 0 0 2px #f8717133}.field-error{margin:.4rem 0 0;font-size:.85rem;color:#fecaca;line-height:1.45}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--surface2)}.badge.ok{background:#22c55e33;color:#bbf7d0}.badge.warn{background:#fbbf2433;color:#fef3c7}.badge.neutral{background:#94a3b833;color:#e2e8f0}.badge.blue{background:#38bdf838;color:#bae6fd}.badge.archived{background:#334155d9;color:#cbd5e1}.order-open-card{border:1px solid rgba(255,255,255,.06)}.order-open-card--ready-invoice{border-left:4px solid var(--accent2);box-shadow:0 0 0 1px #22c55e26}.ready-invoice-hint{font-size:.8rem;font-weight:700;color:#bbf7d0}.order-detail-status-row .badge.ok{box-shadow:0 0 0 2px #22c55e59}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#0f172aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));z-index:20}.bottom-nav a{text-align:center;font-size:.68rem;color:var(--muted);text-decoration:none;padding:.35rem}.bottom-nav a.active{color:var(--accent);font-weight:700}.error{background:#f8717126;color:#fecaca;padding:.65rem .75rem;border-radius:10px;margin-bottom:.75rem;font-size:.9rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media (min-width: 640px){.btn-row{flex-direction:row;flex-wrap:wrap}.btn{width:auto;min-width:140px}}.sc-details{background:var(--surface);border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);margin-bottom:.75rem;box-shadow:var(--shadow)}.sc-details--alert{border-color:#f871718c;box-shadow:0 0 0 2px #f8717138,var(--shadow);animation:sc-pulse-risk 2.2s ease-in-out infinite}.sc-details--alert-notes{border-color:#fbbf248c;box-shadow:0 0 0 2px #fbbf2433,var(--shadow);animation:sc-pulse-notes 2.2s ease-in-out infinite}@keyframes sc-pulse-risk{0%,to{box-shadow:0 0 0 2px #f8717138,var(--shadow)}50%{box-shadow:0 0 0 4px #f8717159,var(--shadow)}}@keyframes sc-pulse-notes{0%,to{box-shadow:0 0 0 2px #fbbf2433,var(--shadow)}50%{box-shadow:0 0 0 4px #fbbf2452,var(--shadow)}}.sc-summary{list-style:none;cursor:pointer;padding:.85rem 1rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:.5rem;-webkit-user-select:none;user-select:none}.sc-summary::-webkit-details-marker{display:none}.sc-badge{flex-shrink:0;min-width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.95rem;font-weight:800;background:#f8717159;color:#fecaca;border:1px solid rgba(248,113,113,.5)}.sc-badge--notes{background:#fbbf2447;color:#fef3c7;border-color:#fbbf248c}.sc-details-body{padding:0 1rem 1rem;border-top:1px solid rgba(255,255,255,.06)}.sc-check{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:.65rem;font-size:.95rem;line-height:1.35;cursor:pointer}.sc-check input[type=checkbox],.sc-check input[type=radio]{width:1.35rem;height:1.35rem;min-width:1.35rem;margin-top:.1rem;accent-color:var(--accent);cursor:pointer}.sc-risk-choice{margin-bottom:.25rem}.sc-notes{width:100%;min-height:140px;border-radius:10px;border:1px solid rgba(251,191,36,.25);background:#0f172aa6;color:var(--text);padding:.65rem .75rem;resize:vertical}.inv-table-wrap{overflow-x:auto;margin-top:.5rem;-webkit-overflow-scrolling:touch}.inv-table{width:100%;border-collapse:collapse;font-size:.88rem}.inv-table th,.inv-table td{padding:.5rem .45rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.inv-table th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.inv-missing{display:inline-block;padding:.2rem .45rem;border-radius:6px;font-weight:700;font-size:.78rem;background:#fbbf2433;color:#fef3c7;border:1px solid rgba(251,191,36,.35)}.inv-missing-banner{margin-top:.75rem;padding:.65rem .75rem;border-radius:10px;font-weight:700;font-size:.88rem;background:#fbbf2426;color:#fef3c7;border:1px solid rgba(251,191,36,.35)}.order-open-card--ej{border-left:4px solid #64748b;background:linear-gradient(90deg,rgba(100,116,139,.12) 0%,var(--surface) 40%)}.order-open-card--pagaende{border-left:4px solid #38bdf8;background:linear-gradient(90deg,rgba(56,189,248,.12) 0%,var(--surface) 40%)}.order-open-card--material{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.14) 0%,var(--surface) 40%)}.order-open-card--slutford.order-open-card--ready-invoice{border-left:4px solid #22c55e}.order-open-card--fakturerad{border-left:4px solid #475569;opacity:.85}.order-open-card--ovrig{border-left:4px solid rgba(148,163,184,.35)}.order-open-card.order-open-card--risk-pulse{animation:od-tile-risk-pulse 1.35s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.order-open-card.order-open-card--risk-pulse{animation:none;border-color:#f87171d9;box-shadow:0 0 0 2px #ef444459}}.order-open-card__status-col{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.order-open-card__risk-note{font-size:.68rem;font-weight:700;letter-spacing:.04em;color:#fecaca;text-transform:uppercase}.doc-pdf-block{padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.doc-pdf-block:last-child{border-bottom:none}.doc-pdf-title{margin:0 0 .35rem;font-size:.95rem}.doc-pdf-actions .btn-row{margin-top:.35rem}.btn,.od-tile,.bottom-nav a{transition:transform .1s ease,filter .1s ease,box-shadow .12s ease,opacity .12s ease}.btn:active:not(:disabled),.od-tile:active,.bottom-nav a:active{transform:scale(.97);filter:brightness(1.12);box-shadow:0 0 0 2px #38bdf873}a.btn:active,a.od-tile--link:active{transform:scale(.97)}.topbar--split{flex-wrap:wrap;align-items:flex-start}.topbar__right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;max-width:100%}.topbar__user{text-align:right}.sync-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.sync-chip--ok{background:#22c55e26;color:#bbf7d0}.sync-chip--wait{background:#f59e0b2e;color:#fde68a}.sync-chip--err{background:#f8717133;color:#fecaca}.sync-chip__t{max-width:140px;overflow:hidden;text-overflow:ellipsis}.order-detail-root{padding-bottom:.5rem}.od-header__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem}.od-header__top .od-header__title{flex:1 1 auto;min-width:0;margin-bottom:0}.od-header__top .od-header__back{margin-bottom:0;flex-shrink:0}.od-header__top .od-header__actions{flex-shrink:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.od-header-warn{margin:.35rem 0 0;padding:.4rem .6rem;border-radius:var(--radius);background:#ffa5001f;border:1px solid rgba(255,165,0,.38);font-size:.88rem;line-height:1.35}.od-doc-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem}.od-doc-image-card{display:flex;flex-direction:column;gap:.25rem;padding:.35rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:inherit;background:#00000026}.od-doc-image-card:hover{border-color:#ffffff38}.od-doc-image-card img{width:100%;height:100px;object-fit:cover;border-radius:calc(var(--radius) - 2px)}.od-doc-image-caption{font-size:.78rem;word-break:break-word;line-height:1.25}.od-doc-image-meta{font-size:.72rem}.od-header__primary{margin:.35rem 0 .25rem}.od-address-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.35rem 0 .25rem}.nav-maps-btn{flex-shrink:0;padding:.35rem .75rem;font-size:.85rem;text-decoration:none;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.order-address-line{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.nav-maps-link{font-size:.85rem;color:var(--accent, #60a5fa);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.nav-maps-link:active{opacity:.85}.order-list-card{cursor:pointer}.order-list-card:focus-visible{outline:2px solid var(--accent, #60a5fa);outline-offset:2px}.drive-folder-setup__lead{margin-bottom:1rem;font-size:.9rem;line-height:1.45}.drive-folder-current{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;margin-bottom:1.25rem;border-radius:var(--radius);background:#60a5fa14;border:1px solid rgba(96,165,250,.25)}.drive-folder-current__name{font-size:1.05rem;font-weight:600;margin-top:.15rem}.drive-folder-paste{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(148,163,184,.2)}.drive-folder-paste h4,.drive-folder-browse__toggle{margin:0 0 .5rem;font-size:1rem}.drive-folder-browse__toggle{width:100%;text-align:left;padding:.5rem 0;background:none;border:none;color:inherit;cursor:pointer;font-weight:600}.drive-folder-browse__panel{margin-top:.5rem}.drive-folder-browse__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem}.drive-folder-browse__path{font-size:.85rem;flex:1;min-width:0;word-break:break-word}.drive-folder-use-here{width:100%;margin-bottom:.75rem}.drive-folder-list{list-style:none;padding:0;margin:0;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius);overflow:hidden}.drive-folder-list__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.85rem 1rem;text-align:left;background:#0f172a59;border:none;border-bottom:1px solid rgba(148,163,184,.15);color:inherit;cursor:pointer;font:inherit}.drive-folder-list__item:last-child{border-bottom:none}.drive-folder-list__item:active{background:#60a5fa1f}.drive-folder-list__name{flex:1;min-width:0;font-weight:500}.drive-folder-list__hint{font-size:.8rem;flex-shrink:0}.od-header__status{margin:0 0 .35rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.od-hint--inline{margin:0;display:inline-block;padding:.15rem .5rem;font-size:.78rem}.od-header-details{margin-top:.35rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:.35rem .65rem;background:#0f172a59}.od-header-details__summary{cursor:pointer;font-size:.88rem;font-weight:600;color:var(--muted);list-style:none}.od-header-details__summary::-webkit-details-marker{display:none}.od-header-details__body{padding:.35rem 0 .15rem}.od-work-desc-card{margin-bottom:.75rem}.od-work-desc-body{padding:.65rem .75rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:#0f172a73}.od-work-desc-text{margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-size:.92rem;line-height:1.45;color:var(--text)}.od-work-desc-empty{margin:0}.od-work-desc-pdf{margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--border)}.order-form-pdf input[type=file]{margin-top:.35rem;max-width:100%}.od-work-desc-textarea{width:100%;min-height:120px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#0f172a8c;color:var(--text);padding:.65rem .75rem;resize:vertical;font-size:.95rem;line-height:1.45;font-family:inherit;box-sizing:border-box;overflow:hidden}.od-hub-card{border-color:#ffffff14}.od-subsection{margin:1rem 0 .25rem;font-size:.95rem;font-weight:700;border-top:1px solid rgba(255,255,255,.06);padding-top:.75rem}.od-workflow-drawer .od-workflow-actions{margin-top:.25rem}.od-workflow-actions>*+*{margin-top:.5rem}.od-workflow-drawer .od-workflow-field{width:100%;margin-bottom:0}.od-drawer-lead{margin-top:0;margin-bottom:.5rem}.od-small{font-size:.88rem}.od-hint{margin-bottom:8px}.od-msg{color:#bbf7d0;font-size:.9rem;margin:.35rem 0}.od-section-title{margin-bottom:.25rem}.od-lead{margin-top:0;margin-bottom:.75rem}.od-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.od-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:4.25rem;padding:.7rem .8rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#3b82f61f;color:var(--text);text-decoration:none;text-align:left;width:100%;cursor:pointer;font:inherit}.od-action:hover,.od-action:focus-visible{border-color:#60a5fa73;background:#3b82f633}.od-action--pulse{animation:od-tile-risk-pulse 1.35s ease-in-out infinite;border-color:#f871718c}.od-action__title{font-weight:700;font-size:1rem;line-height:1.25}.od-action__meta{margin-top:.2rem;font-size:.8rem;color:var(--muted);line-height:1.3}.od-more-links{display:flex;flex-wrap:wrap;gap:.5rem}.od-more-links .btn{width:auto;flex:1 1 9rem;min-width:0}.od-actions-card{margin-bottom:.75rem}.od-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media (min-width: 520px){.od-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.od-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:72px;padding:.65rem .75rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#0f172a73;color:var(--text);cursor:pointer;text-align:left;width:100%}@keyframes od-tile-risk-pulse{0%,to{box-shadow:0 0 #ef444400;border-color:#ffffff1f}50%{box-shadow:0 0 14px 2px #ef44446b;border-color:#f87171bf}}.od-tile.od-tile--risk-pulse{animation:od-tile-risk-pulse 1.35s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.od-tile.od-tile--risk-pulse{animation:none;border-color:#f87171d9;box-shadow:0 0 0 2px #ef444459}}.od-tile--link{text-decoration:none}.od-tile__title{font-weight:700;font-size:.95rem}.od-tile__sub{font-size:.78rem;color:var(--muted);margin-top:.2rem}.od-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:0}.od-drawer{width:100%;max-width:720px;max-height:88vh;background:var(--surface);border-radius:16px 16px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:none;box-shadow:0 -12px 40px #00000073;display:flex;flex-direction:column;animation:od-drawer-in .22s ease-out}@keyframes od-drawer-in{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.od-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.od-drawer__head h3{margin:0;font-size:1.05rem}.od-drawer__close{min-height:40px;width:auto;flex-shrink:0}.od-drawer__body{padding:.75rem 1rem 1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.od-nested{margin-bottom:.65rem}.od-file-input{display:none}.od-file-label{cursor:pointer;text-align:center}.od-thumb-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.od-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.12)}.od-pending{margin:.75rem 0}.od-server-imgs{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.od-img-card{display:flex;justify-content:space-between;align-items:center;padding:.65rem .75rem;border-radius:10px;background:#0f172a73;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:var(--text)}.od-img-card__n{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.od-img-actions .btn{width:auto;flex:1 1 140px;min-width:0}.od-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem;margin-top:.75rem}.od-img-cell{display:flex;flex-direction:column;align-items:stretch;padding:0;border:none;border-radius:10px;overflow:hidden;cursor:pointer;background:#0f172a8c;border:1px solid rgba(255,255,255,.1);color:var(--text)}.od-img-cell__img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.od-img-cell__cap{font-size:.65rem;padding:.25rem .35rem;text-align:center;line-height:1.2}.od-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:1rem}.od-lightbox--portal{z-index:120}.od-lightbox__card{max-width:520px;width:100%;max-height:90vh;overflow:auto;background:var(--surface);border-radius:var(--radius);padding:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.od-lightbox__img{width:100%;border-radius:8px;margin:.5rem 0}.od-lightbox__close{width:auto;margin-bottom:.5rem}.sct-layout{display:grid;gap:1rem}@media (min-width: 900px){.sct-layout{grid-template-columns:minmax(200px,260px) 1fr;align-items:start}}.sct-template-list{list-style:none;margin:0;padding:0}.sct-template-item{width:100%;text-align:left;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:var(--surface2);color:inherit;cursor:pointer;margin-bottom:.5rem;display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center}.sct-template-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sct-section{padding:.75rem 1rem}.sct-field{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:flex-end;margin:.75rem 0;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.06)}.sct-field-type{font-size:1.1rem;opacity:.7;min-width:1.5rem}.sct-readonly-fields{margin:.5rem 1rem 1rem;padding:0;list-style:none}.sct-readonly-fields li{padding:.25rem 0;font-size:.92rem}