/* B1 — Véu lateral. Mobile-only surface and controls; existing data/actions remain authoritative. */
:root{--os-layer-bg:#101827;--os-layer-surface:#1c2738;--os-layer-ink:#f2f5fa;--os-layer-muted:#b3bfd0;--os-layer-line:#38445a;--os-layer-accent:#ecc792;--os-layer-tint:#3a3228;--os-layer-red:#ffb5bd;--os-layer-red-bg:#44252e;--os-layer-green:#9bdbc0;--os-layer-green-bg:#183c30}
html[data-theme=light]{--os-layer-bg:#f1f3f7;--os-layer-surface:#fff;--os-layer-ink:#202648;--os-layer-muted:#58667c;--os-layer-line:#d7dce5;--os-layer-accent:#795424;--os-layer-tint:#f0e5d3;--os-layer-red:#a33138;--os-layer-red-bg:#fbecef;--os-layer-green:#24684c;--os-layer-green-bg:#e8f3ed}
.os-list-sr-m{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);margin:0!important;padding:0!important;white-space:nowrap}
html:root body #s-ordens{background:var(--os-layer-bg);color:var(--os-layer-ink);font-family:Manrope,system-ui,sans-serif;--os-v2-edge:14px;padding-top:0}
html:root body #s-ordens #osSyncProgressM{position:sticky;top:var(--sat);height:2px;z-index:100;background:transparent}
/* Keep the safe area inside the sticky background, once, including while scrolling. */
html:root body #s-ordens .os-command-area-m{top:0;padding:calc(8px + var(--sat)) 14px 10px;background:var(--os-layer-bg);border:0}
html:root body #s-ordens .os-tabs-row{display:flex;padding:4px;gap:3px;background:var(--os-layer-line)!important;border:0;border-radius:15px;min-height:56px}
html:root body #s-ordens .os-tabs-row .btn-tab{min-height:48px;border:0;border-radius:12px;font:600 .8125rem/1.4 Manrope,system-ui,sans-serif;color:var(--os-layer-ink)!important;box-shadow:none;flex:1;padding:8px 4px;background:transparent}
html:root body #s-ordens .os-tabs-row .btn-tab.active{background:var(--os-layer-surface);color:var(--os-layer-accent);box-shadow:0 1px 3px #0001}
html:root body #s-ordens .os-tabs-row .btn-tab span{display:none}
html:root body #s-ordens .os-search-box{display:flex;align-items:center;gap:8px;margin:12px 0 4px;padding:0 0 0 12px;min-height:50px;border:1px solid var(--os-layer-line);border-radius:13px;background:var(--os-layer-surface);color:var(--os-layer-muted)}
html:root body #s-ordens .os-search-inp{font:600 1rem/1.5 Manrope,system-ui,sans-serif;min-height:48px;color:var(--os-layer-ink);min-width:0}
html:root body #s-ordens .os-search-inp::placeholder{color:var(--os-layer-muted);opacity:1}
html:root body #s-ordens .os-search-clear-m{width:44px;min-height:48px;color:var(--os-layer-muted)}
html:root body #s-ordens .os-quick-row-m{display:flex;justify-content:space-between;gap:8px;margin:0;padding:0;overflow:visible;flex-wrap:wrap}
html:root body #s-ordens .os-quick-btn-m{min-height:44px;padding:8px 2px;border:0;border-radius:10px;background:transparent;font:600 .8125rem/1.4 Manrope,system-ui,sans-serif;color:var(--os-layer-muted);flex:none}
html:root body #s-ordens .os-quick-btn-m svg{width:18px;height:18px}
html:root body #s-ordens #osQuickCriticalM.is-active{color:var(--os-layer-red);background:var(--os-layer-red-bg);padding-inline:8px}
html:root body #s-ordens #osQuickScopeM,html:root body #s-ordens #osQuickGuestM,html:root body #s-ordens #osQuickApprovalM,html:root body #s-ordens .os-quick-clear-m,html:root body #s-ordens .os-command-compact-m{display:none}
html:root body #s-ordens .os-command-expanded-m{display:block!important}
html:root body #s-ordens .os-selection-bar-m{display:none!important}
html:root body #s-ordens .os-selection-helper-m{position:relative;top:auto;margin:4px 14px 10px;border-radius:14px;background:var(--os-layer-surface);color:var(--os-layer-muted);border-color:var(--os-layer-line);font-size:.75rem}
html:root body #s-ordens #ordensMobileList{margin:0 14px;padding:0 0 calc(var(--mobile-nav-space,110px) + 18px)}
html:root body #s-ordens .os-period-list-m{gap:12px}
html:root body #s-ordens .os-period-head-m{font-size:.75rem;color:var(--os-layer-muted);padding:8px 0;min-height:34px;justify-content:space-between}
html:root body #s-ordens .os-period-head-m:after{display:none}
html:root body #s-ordens .os-period-head-m span{color:inherit;font-size:inherit}
html:root body #s-ordens .os-card,html:root body #s-ordens .os-card.has-action{min-height:0;border:1px solid transparent;border-radius:19px;background:var(--os-layer-surface);box-shadow:0 2px 5px #00000009;isolation:isolate;overflow:hidden;contain-intrinsic-size:auto 200px}
html:root body #s-ordens .os-card-visual-m{inset:0 0 0 auto;width:65%;height:100%;background:transparent;z-index:0;opacity:.65;mask-image:linear-gradient(to right,transparent 0%,#000 95%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 95%)}
html:root body #s-ordens .os-card .os-card-backdrop-m{width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:blur(.8px) saturate(.65);transform:none}
html:root body #s-ordens .os-card-scrim-m{display:none}
html:root body #s-ordens .os-card-content-m{position:relative;z-index:1;padding:14px;min-height:0;gap:0}
html:root body #s-ordens .os-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;flex-wrap:wrap}
html:root body #s-ordens .os-card-location-m{font-size:.8125rem;font-weight:600;line-height:1.4;color:var(--os-layer-accent);background:var(--os-layer-surface);border-radius:4px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
html:root body #s-ordens .os-card-identity-m{gap:5px;flex-wrap:wrap;margin-left:auto;overflow:visible}
html:root body #s-ordens .os-card-badge-m{font-size:.6875rem;line-height:1.4;min-height:22px;padding:3px 7px;border:0;border-radius:7px;background:var(--os-layer-tint);color:var(--os-layer-accent)}
html:root body #s-ordens .os-card-badge-m.is-critical,html:root body #s-ordens .os-card-badge-m.is-rejected{background:var(--os-layer-red-bg);color:var(--os-layer-red)}
html:root body #s-ordens .os-card-badge-m.is-resolved{background:var(--os-layer-green-bg);color:var(--os-layer-green)}
html:root body #s-ordens .os-title-m{display:block;max-width:82%;margin:0 0 5px;font-size:1rem;line-height:1.42;font-weight:650;color:var(--os-layer-ink);overflow:visible;-webkit-line-clamp:unset;white-space:normal;overflow-wrap:anywhere}
html:root body #s-ordens .os-title-m>span{background:transparent;padding:0}
html:root body #s-ordens .os-card-context-m{gap:5px;flex-wrap:wrap;width:fit-content;max-width:100%;background:var(--os-layer-surface);border-radius:3px;font-size:.75rem;color:var(--os-layer-muted);line-height:1.55}
html:root body #s-ordens .os-num-m{font-size:inherit;color:inherit}
html:root body #s-ordens .os-card-timing-m{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:3px;flex-wrap:wrap}
html:root body #s-ordens .os-card-sla-m{font-size:.75rem;line-height:1.55;color:var(--os-layer-muted);background:var(--os-layer-surface);border-radius:3px;max-width:100%;text-align:left;padding:0 3px 0 0;white-space:normal}
html:root body #s-ordens .os-card.sla-critical:not(.is-resolved) .os-card-sla-m{color:var(--os-layer-red)}
html:root body #s-ordens .os-card-photo-count-m{display:flex;gap:4px;align-items:center;background:var(--os-layer-surface);border-radius:5px;padding:2px 5px;color:var(--os-layer-muted);font-size:.6875rem}
html:root body #s-ordens .os-card-photo-count-m svg{width:15px;height:15px}
html:root body #s-ordens .os-meta-row{display:block;min-height:0;margin-top:12px;padding-top:9px;border-top:1px solid var(--os-layer-line);background:linear-gradient(to right,var(--os-layer-surface) 35%,transparent)}
html:root body #s-ordens .os-card-people-m{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;width:100%;max-width:none;overflow:visible}
html:root body #s-ordens .os-people-column-m{min-width:0;background:transparent;border-radius:0;max-width:100%}
html:root body #s-ordens .os-people-label-m{display:block;font-size:.6875rem;line-height:1.4;color:var(--os-layer-ink);margin-bottom:3px}
html:root body #s-ordens .os-person-compact-m{display:flex;align-items:center;gap:5px;min-width:0;min-height:27px;padding-block:2px;overflow:visible;color:var(--os-layer-ink);font-size:.6875rem;line-height:1.45}
html:root body #s-ordens .os-person-name-m{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html:root body #s-ordens .os-avatar-stack-m{display:flex;align-items:center;flex-shrink:0;overflow:visible}
html:root body #s-ordens .os-av-m,html:root body #s-ordens .os-av-m.is-requester{box-sizing:border-box;width:23px;height:23px;min-height:23px;flex:0 0 23px;border-radius:50%;padding:0;box-shadow:none;background:var(--os-layer-surface);border:1px solid var(--os-layer-line);color:var(--os-layer-ink);font-size:9px}
html:root body #s-ordens .os-avatar-stack-m .os-av-m+.os-av-m{margin-left:-7px}
html:root body #s-ordens .os-card.is-selected{outline:2px solid var(--os-layer-accent);outline-offset:-2px}
html:root body #s-ordens.os-selection-active-m .os-select-mark-m{opacity:1;visibility:visible;z-index:5;left:4px;top:4px;width:44px;height:44px}
html:root body #s-ordens.os-selection-active-m .os-card-head{padding-left:32px}
html:root body #s-ordens.os-selection-active-m .os-card-identity-m{margin-left:auto}
html:root body #s-ordens .os-management-m{padding-bottom:var(--mobile-nav-space,110px)}
html:root body #s-ordens :focus-visible,html:root body #osFilterPanelM :focus-visible{outline:2px solid var(--os-layer-accent);outline-offset:2px}
#osFilterBackdropM{position:fixed;inset:0;z-index:10030;background:#040b1866;display:flex;align-items:flex-end;justify-content:center;font-family:Manrope,system-ui,sans-serif;color:var(--os-layer-ink)}
#osFilterBackdropM[hidden]{display:none!important}
html:root body #osFilterPanelM{position:relative;inset:auto;width:min(100%,520px);max-height:calc(100dvh - var(--sat) - 14px);overflow-y:auto;overscroll-behavior:contain;padding:0 20px calc(var(--sab) + 14px);margin:0;border:1px solid var(--os-layer-line);border-radius:28px 28px 0 0;background:var(--os-layer-surface);box-shadow:0 -8px 36px #0002}
.os-filter-heading-m{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;background:var(--os-layer-surface);padding:18px 0 12px;z-index:2}
.os-filter-heading-m h2{font-size:1.125rem;margin:0}.os-filter-heading-m button{width:44px;height:44px;border:0;border-radius:50%;background:var(--os-layer-bg);color:var(--os-layer-ink);font-size:1rem}
#osFilterPanelM .os-filter-section-m{padding:12px 0;border-bottom:1px solid var(--os-layer-line)}
#osFilterPanelM .os-filter-label-m{font-size:.8125rem;color:var(--os-layer-muted);margin-bottom:8px}
#osFilterPanelM .os-filter-options-m{display:flex;gap:8px;flex-wrap:wrap}
#osFilterPanelM .os-filter-options-m button{min-height:44px;padding:10px 12px;border:1px solid var(--os-layer-line);border-radius:12px;background:var(--os-layer-bg);color:var(--os-layer-ink);font:600 .8125rem/1.4 Manrope,system-ui,sans-serif}
#osFilterPanelM .os-filter-options-m button.is-selected{color:var(--os-layer-accent);background:var(--os-layer-tint);border-color:var(--os-layer-accent)}
#osFilterPanelM .os-filter-footer-m{position:sticky;bottom:calc(-14px - var(--sab));display:flex;gap:12px;padding:14px 0 calc(14px + var(--sab));background:var(--os-layer-surface)}
#osFilterPanelM .os-filter-footer-m button{min-height:48px;border:0;border-radius:14px;padding:10px 18px;font:600 .875rem Manrope,system-ui,sans-serif}
#osFilterPanelM .os-filter-clear-m{background:var(--os-layer-bg);color:var(--os-layer-accent)}
#osFilterPanelM .os-filter-apply-m{flex:1;background:#d6ae73;color:#202648}
html:root body #globalBnav.os-nav-selecting{gap:4px}
html:root body #globalBnav #navOsSelectionM{min-width:24px;flex:0 0 auto;align-self:center;text-align:center;padding:5px 4px;border-radius:9px;background:var(--os-layer-tint);color:var(--os-layer-accent);font:600 .75rem/1.4 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums}
#navOsSelectionM[hidden]{display:none!important}
html:root body #globalBnav.os-context-nav .nb>span:not(#navOsBadge){font-size:.6875rem}
html:root body #mobileCreateOverlayM.create-fan-stacked .mobile-create-action{position:static;width:100%;min-height:62px;flex-shrink:0;flex-direction:row-reverse;align-items:center;gap:12px;animation:fan-column-in 180ms ease-out backwards}
html:root body #mobileCreateOverlayM.create-fan-stacked .mobile-create-orb{width:58px;height:58px;flex-basis:58px}
html:root body #mobileCreateOverlayM .mobile-create-action:disabled{opacity:.5;cursor:not-allowed}
html:root body #osReportPanelM,html:root body #osBatchPanelM{border-radius:28px 28px 0 0;background:var(--os-layer-surface);color:var(--os-layer-ink);font-family:Manrope,system-ui,sans-serif}
html:root body #osReportPanelM input,html:root body #osReportPanelM select,html:root body #osBatchPanelM input,html:root body #osBatchPanelM textarea{min-height:44px;border-radius:12px;font-family:inherit;font-size:1rem;background:var(--os-layer-bg);color:var(--os-layer-ink);border-color:var(--os-layer-line)}
html:root body #osReportPanelM input[type=checkbox]{min-height:20px;width:20px;height:20px}
html:root body #osReportPanelM .os-report-field-m label,html:root body #osReportPanelM .os-report-hint-m{color:var(--os-layer-muted);font-size:.8125rem}
html:root body #osReportPanelM .os-report-filter-group-m summary{min-height:48px;font-size:.875rem}
html:root body #osReportGenerateBtnM{min-height:52px;border-radius:15px;font:600 .9375rem Manrope,system-ui,sans-serif}
@media(max-width:360px){html:root body #s-ordens .os-command-area-m{padding-inline:10px}html:root body #s-ordens #ordensMobileList{margin-inline:10px}html:root body #s-ordens .os-card-content-m{padding:12px}html:root body #globalBnav.os-nav-selecting .nb-ctr{width:48px;height:48px;flex-basis:48px}html:root body #s-ordens .os-quick-btn-m{font-size:.75rem}}
html:root.os-list-large-text body #s-ordens .os-title-m{max-width:100%}html:root.os-list-large-text body #s-ordens .os-card-people-m{grid-template-columns:1fr}html:root.os-list-large-text body #s-ordens .os-person-name-m{white-space:normal}html:root.os-list-large-text body #s-ordens .os-tabs-row{flex-direction:column}html:root.os-list-large-text body #s-ordens .os-command-area-m{position:relative;top:auto}
@media(prefers-reduced-motion:reduce){#s-ordens .os-card{transition:none!important}}
html:root body #s-ordens .os-management-m:not(.is-open):not(.is-peeking-m){transform:none}
html:root body #s-ordens .os-title-m{color:var(--os-layer-ink)!important}
html:root body #s-ordens .os-search-inp{background:transparent;border:0;border-radius:0;box-shadow:none;padding:8px 0}
html:root body #s-ordens .os-tabs-row .btn-tab.active:after{display:none}
html:root body #s-ordens .os-tabs-row .btn-tab.active{background:var(--os-layer-surface)!important;color:var(--os-layer-accent)!important;border-color:transparent!important}
html:root body #s-ordens .os-card,html:root body #s-ordens .os-card:active,html:root body #s-ordens .os-card.is-selected{background:var(--os-layer-surface)!important;border-color:transparent!important;color:var(--os-layer-ink)!important}
html:root body #s-ordens .os-search-box{background:var(--os-layer-surface)!important;border-color:var(--os-layer-line)!important;overflow:hidden}
html:root body #s-ordens .os-search-inp{background:transparent!important;color:var(--os-layer-ink)!important}
html:root body #s-ordens .os-command-expanded-m{padding:0}
html:root body #mobileCreateOverlayM.os-create-context .mobile-create-label{flex:0 1 auto;text-align:right}
html:root body #globalBnav.os-nav-selecting.mobile-nav-large-text{grid-template-columns:minmax(0,1fr) auto}
html:root body #globalBnav.os-nav-selecting.mobile-nav-large-text .hub-nav-destinations{grid-column:1/-1}
html:root body #globalBnav.os-nav-selecting.mobile-nav-large-text .nb-ctr{justify-self:end}
#osQueueStatusM{margin:4px 14px;padding:10px 12px;border-radius:12px;background:var(--os-layer-tint);color:var(--os-layer-accent);font-size:.8125rem}