/* EUROMAR FLOW — CENTRAL OPERACIONAL — homologação reversível.
   Additive design system: never hides existing form fields, legacy sections, or actions. */
:root{--oc-paper:#fff;--oc-canvas:#f4f3f0;--oc-soft:#faf9f7;--oc-ink:#222c31;--oc-muted:#68777e;--oc-line:#e3e7e5;--oc-rail:#202a30;--oc-copper:#c55e3d;--oc-warning:#a84a2d;--oc-highlight:#fff1eb;--oc-shadow:0 10px 28px rgba(21,31,35,.035)}
html[data-theme*="dark"],html[data-theme="graphite_night"],html[data-theme="midnight_dark"],html[data-theme="deep_navy"],html[data-theme="arctic_dark"]{--oc-paper:#222b31;--oc-canvas:#182127;--oc-soft:#29343a;--oc-ink:#edf0ed;--oc-muted:#a4b0b4;--oc-line:#39454a;--oc-highlight:#432b23;--oc-warning:#f3a48b}

/* IDENTIDADE OFICIAL: mantém a fotografia real euromar-logo.jpg do Flow.
   Não substituir por letras, emojis ou imagens da prévia demonstrativa. */
#appShell:not(.hidden)>.sidebar .euromar-logo-shell{width:42px!important;height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#fff!important;border-radius:12px!important}
#appShell:not(.hidden)>.sidebar .euromar-logo-shell img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}

/* Preserve login styling and all JavaScript-owned IDs. */
#appShell:not(.hidden){background:var(--oc-canvas);color:var(--oc-ink)}
#appShell:not(.hidden)>.sidebar{background:var(--oc-rail)!important;border-right:1px solid rgba(255,255,255,.09);box-shadow:none!important;width:238px;display:flex;flex-direction:column;padding:23px 13px}
#appShell:not(.hidden)>.sidebar .euromar-side-brand{border-bottom:1px solid #39464b;padding:8px 8px 23px;margin-bottom:13px}
#appShell:not(.hidden)>.sidebar .euromar-side-brand strong{color:#f7f7f5;font-size:17px;font-weight:720;letter-spacing:-.04em}
#appShell:not(.hidden)>.sidebar .euromar-side-brand>div>span{color:#a1b0b3;font-size:10px;letter-spacing:.02em}
#appShell:not(.hidden)>.sidebar .nav{display:flex;flex-direction:column;gap:3px}
#appShell:not(.hidden)>.sidebar .nav-section-label{font-size:10px;letter-spacing:.12em;font-weight:750;color:#8da0a6;margin:19px 9px 7px}
#appShell:not(.hidden)>.sidebar .nav-item{padding:12px 12px;min-height:42px;border:0!important;border-radius:8px;color:#c6d0d0!important;font-size:12.5px!important;font-weight:540;line-height:1.4;background:transparent!important;box-shadow:none!important}
#appShell:not(.hidden)>.sidebar .nav-item:hover{background:#334147!important;color:#fff!important}
#appShell:not(.hidden)>.sidebar .nav-item.active{background:#3b4649!important;color:white!important;box-shadow:inset 3px 0 0 var(--oc-copper)!important}
#appShell:not(.hidden)>.sidebar .nav-item .nav-icon,#appShell:not(.hidden)>.sidebar .nav-item .v20-nav-icon{color:#a2b2b4!important;flex:0 0 19px}
#appShell:not(.hidden)>.sidebar .profile-box{border-top:1px solid #405055;background:transparent;padding-top:20px}
#appShell:not(.hidden)>.sidebar .profile-text strong{color:#fff;font-size:12px}
#appShell:not(.hidden)>.sidebar .profile-text span{color:#a5b0b5;font-size:10px}
#appShell:not(.hidden)>.main{background:var(--oc-canvas);color:var(--oc-ink);margin-left:238px;min-height:100vh;padding:22px 27px 50px}
#appShell:not(.hidden)>.main .topbar{background:var(--oc-canvas)!important;border-bottom:1px solid var(--oc-line);padding:12px 0 19px;margin:-10px 0 22px;box-shadow:none!important;z-index:7}
#appShell:not(.hidden)>.main .topbar h1{font-size:19px;letter-spacing:-.045em;color:var(--oc-ink)}
#appShell:not(.hidden)>.main .topbar .breadcrumb{font-size:11px;color:var(--oc-muted)}
#appShell:not(.hidden)>.main .page:not(.hidden) .panel,#appShell:not(.hidden)>.main .page:not(.hidden) .v21-panel{border-color:var(--oc-line);box-shadow:var(--oc-shadow)}
#appShell:not(.hidden)>.main button:focus-visible,#appShell:not(.hidden)>.main input:focus-visible,#appShell:not(.hidden)>.main select:focus-visible{outline:2px solid var(--oc-copper)!important;outline-offset:2px}
#centralPage{margin:-2px 0 0;max-width:none;padding:0!important;background:transparent!important;overflow:visible}
#centralPage .oc-layout{display:grid;grid-template-columns:minmax(0,1fr) 328px;align-items:stretch;background:var(--oc-canvas);border:1px solid var(--oc-line);border-radius:12px;overflow:hidden;min-height:calc(100vh - 154px);box-shadow:var(--oc-shadow)}
#centralPage .oc-main{min-width:0;padding:26px 27px 36px;overflow:hidden}
#centralPage .oc-eyebrow{font-size:10px;letter-spacing:.135em;font-weight:800;color:var(--oc-copper)}
#centralPage .oc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 27px}
#centralPage .oc-head h1{color:var(--oc-ink);font-size:clamp(22px,2.15vw,29px);margin:9px 0 7px;letter-spacing:-.045em;line-height:1.2;font-weight:750}
#centralPage .oc-head p{color:var(--oc-muted);font-size:13px;margin:0;line-height:1.6}
#centralPage .oc-head-actions{display:flex;flex-direction:column;gap:13px;align-items:flex-end;white-space:nowrap}
#centralPage .oc-head-actions>span{color:var(--oc-muted);font-size:11px}
#centralPage .oc-action{display:inline-flex;justify-content:center;align-items:center;background:var(--oc-copper);color:#fff;border:1px solid var(--oc-copper);border-radius:7px;padding:10px 14px;font-size:12px;font-weight:750;min-height:39px}
#centralPage .oc-action:hover{filter:brightness(.94)}
#centralPage .oc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--oc-line);border:1px solid var(--oc-line);border-radius:9px;overflow:hidden;margin-bottom:27px}
#centralPage .oc-kpis>div{background:var(--oc-paper);padding:19px 17px 17px;display:flex;flex-direction:column;min-width:0;gap:7px}
#centralPage .oc-kpis small{font-size:11px;color:var(--oc-muted)}
#centralPage .oc-kpis strong{font-size:32px;line-height:1.2;letter-spacing:-.05em;font-weight:770;color:var(--oc-ink)}
#centralPage .oc-kpis strong.oc-orange{color:var(--oc-copper)}
#centralPage .oc-kpis span{font-size:10px;color:var(--oc-muted);line-height:1.35}
#centralPage .oc-queue{background:var(--oc-paper);border:1px solid var(--oc-line);border-radius:9px;overflow:hidden}
#centralPage .oc-queue-title{padding:24px 21px 18px;display:flex;justify-content:space-between;align-items:center}
#centralPage .oc-queue-title h2{font-size:18px;font-weight:720;color:var(--oc-ink);letter-spacing:-.025em;margin:6px 0 0}
#centralPage .oc-queue-title>span{font-size:11px;color:var(--oc-muted)}
#centralPage .oc-toolbar{padding:0 21px 13px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}
#centralPage .oc-filters{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
#centralPage .oc-filters button{background:transparent;border:1px solid transparent;border-radius:7px;display:flex;gap:7px;padding:9px 10px;color:var(--oc-muted);font-size:11px;font-weight:650}
#centralPage .oc-filters button.selected{background:var(--oc-highlight);color:var(--oc-copper)}
#centralPage .oc-filters button b{font-size:10px;opacity:.8}
#centralPage .oc-search{display:flex;align-items:center;gap:7px;border:1px solid var(--oc-line);border-radius:7px;background:var(--oc-soft);padding:0 11px;flex:1 1 210px;max-width:330px}
#centralPage .oc-search span{font-size:18px;color:var(--oc-muted)}
#centralPage .oc-search input{border:0;background:transparent;color:var(--oc-ink);width:100%;min-width:0;height:36px;outline:0;font-size:11px;box-shadow:none!important}
#centralPage .oc-queue-rows{border-top:1px solid var(--oc-line);max-height:660px;overflow-y:auto}
#centralPage .oc-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:0;border-bottom:1px solid var(--oc-line);padding:14px 20px;background:var(--oc-paper);color:var(--oc-ink);min-width:0;min-height:92px}
#centralPage .oc-row:hover{background:var(--oc-soft)}
#centralPage .oc-row.selected{background:var(--oc-highlight);box-shadow:inset 3px 0 0 var(--oc-copper)}
#centralPage .oc-indicator{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:#7c9895}.oc-indicator.late{background:#d67349!important}.oc-indicator.done{background:#65a78d!important}
#centralPage .oc-row-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
#centralPage .oc-row-body small{font-size:10px;color:var(--oc-muted)}
#centralPage .oc-row-body strong{font-size:13px;letter-spacing:-.012em;font-weight:720;color:var(--oc-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#centralPage .oc-row-body>span{font-size:11px;color:var(--oc-muted)}
#centralPage .oc-row-body i{padding:0 9px;font-style:normal}
#centralPage .oc-row-status{display:flex;align-items:flex-end;flex-direction:column;gap:8px;min-width:85px}
#centralPage .oc-row-status small{font-size:10px;color:var(--oc-muted)}
#centralPage .oc-row-status small.late{color:var(--oc-warning);font-weight:750}
#centralPage .oc-priority{display:inline-flex;background:var(--oc-soft);border:1px solid var(--oc-line);color:var(--oc-muted);border-radius:4px;font-size:10px;padding:4px 8px;font-weight:700}
#centralPage .oc-priority.urgent,#centralPage .oc-priority.high{background:var(--oc-highlight);color:var(--oc-copper);border-color:transparent}
#centralPage .oc-empty{padding:65px 15px;text-align:center;color:var(--oc-muted)}
#centralPage .oc-queue-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 21px;font-size:11px;color:var(--oc-muted)}
#centralPage .oc-queue-footer button{border:0;background:transparent;color:var(--oc-copper);font-size:11px;font-weight:740}
#centralPage .oc-inspector{background:var(--oc-paper);border-left:1px solid var(--oc-line);display:flex;flex-direction:column;min-width:0;max-height:calc(100vh - 154px);position:sticky;top:110px}
#centralPage .oc-detail-heading{padding:23px 23px 20px;border-bottom:1px solid var(--oc-line);position:relative}
#centralPage .oc-detail-heading>small{display:block;color:var(--oc-muted);font-size:11px;margin-top:23px}
#centralPage .oc-detail-heading h2{font-size:18px;line-height:1.35;letter-spacing:-.03em;color:var(--oc-ink);margin:8px 0 0}
#centralPage .oc-x{position:absolute;right:15px;top:12px;border:0;background:transparent;color:var(--oc-muted);font-size:19px;padding:5px 9px}
#centralPage .oc-detail-scroll{flex:1;overflow-y:auto;min-height:0}
#centralPage .oc-detail-block{padding:24px 22px;border-bottom:1px solid var(--oc-line)}
#centralPage .oc-detail-block h3{font-size:12px;color:var(--oc-ink);font-weight:800;margin:0 0 20px}
#centralPage .oc-detail-block p{font-size:12px;line-height:1.7;color:var(--oc-muted);white-space:pre-wrap;overflow-wrap:anywhere}
#centralPage .oc-detail-block dl{display:grid;grid-template-columns:103px minmax(0,1fr);gap:17px 7px;font-size:11px;margin:0}
#centralPage .oc-detail-block dt{color:var(--oc-muted)}
#centralPage .oc-detail-block dd{color:var(--oc-ink);font-weight:670;margin:0;overflow-wrap:anywhere}
#centralPage .oc-detail-block dd.late{color:var(--oc-warning)}
#centralPage .oc-step-count{font-size:11px;color:var(--oc-muted);margin:-5px 0 14px}
#centralPage .oc-step{display:flex;gap:12px;align-items:flex-start;padding:0 0 18px;position:relative}
#centralPage .oc-step:not(:last-child):before{content:"";position:absolute;top:26px;bottom:-1px;left:11px;width:1px;background:var(--oc-line)}
#centralPage .oc-step-marker{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--oc-soft);border:1px solid var(--oc-line);color:var(--oc-muted);font-size:10px;font-weight:800;z-index:1}
#centralPage .oc-step-marker.current{color:#fff;background:var(--oc-copper);border-color:var(--oc-copper)}
#centralPage .oc-step-marker.complete{background:#e4f2eb;color:#26875d;border-color:#bee5cd}
#centralPage .oc-step strong{font-size:11px;color:var(--oc-ink);display:block;line-height:1.5}
#centralPage .oc-step small{font-size:10px;color:var(--oc-muted);display:block;line-height:1.6;margin-top:3px}
#centralPage .oc-muted-note{background:var(--oc-soft);border-left:2px solid var(--oc-copper);font-size:11px;line-height:1.7;color:var(--oc-muted);padding:13px}
#centralPage .oc-detail-footer{padding:19px 22px;border-top:1px solid var(--oc-line);display:flex;flex-direction:column;gap:9px}
#centralPage .oc-detail-footer .oc-action{width:100%}
#centralPage .oc-detail-footer small{font-size:10px;line-height:1.6;color:var(--oc-muted);text-align:center}
#centralPage .oc-inspector-empty{margin:auto;text-align:center;padding:25px;color:var(--oc-muted);max-width:270px}
#centralPage .oc-inspector-empty>span{display:block;font-size:42px;color:var(--oc-copper);margin-bottom:20px}
#centralPage .oc-inspector-empty b{display:block;color:var(--oc-ink);font-size:15px}
#centralPage .oc-inspector-empty p{font-size:12px;line-height:1.6}
#centralPage .oc-backdrop{display:none}
/* Mobile: inspector is a controlled drawer and never blocks native modals. */
@media(max-width:1190px){#centralPage .oc-layout{grid-template-columns:minmax(0,1fr)}#centralPage .oc-inspector{position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(390px,94vw);max-height:100vh;box-shadow:-20px 0 50px rgba(0,0,0,.18);transform:translateX(110%);transition:transform .19s ease}#centralPage .oc-inspector.mobile-open{transform:translateX(0)}#centralPage .oc-backdrop.visible{display:block;position:fixed;inset:0;background:rgba(0,0,0,.44);border:0;z-index:99}#centralPage .oc-head{flex-wrap:wrap}#centralPage .oc-toolbar{gap:12px}#centralPage .oc-search{max-width:none}}
@media(max-width:760px){#appShell:not(.hidden)>.sidebar{width:auto!important}#appShell:not(.hidden)>.main{margin-left:0!important;padding:14px 13px 96px}#centralPage .oc-layout{min-height:auto}#centralPage .oc-main{padding:19px 14px 22px}#centralPage .oc-head-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}#centralPage .oc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#centralPage .oc-head h1{font-size:24px}#centralPage .oc-kpis>div{padding:13px}#centralPage .oc-kpis strong{font-size:27px}#centralPage .oc-toolbar{padding:0 13px 15px}#centralPage .oc-search{flex-basis:100%;order:-1}#centralPage .oc-filters button{padding:8px}#centralPage .oc-row{padding:13px 12px;gap:10px}#centralPage .oc-row-status{min-width:74px}#centralPage .oc-row-body strong{white-space:normal;line-height:1.35}#centralPage .oc-queue-footer{flex-wrap:wrap;padding:15px}#centralPage .oc-queue-title{padding:18px 14px 14px}#centralPage .oc-head p{line-height:1.45}}