/* Mech Tech RO Command Center: Official Dark (owner.css / official-dark.css tokens). Screen only. */
@media screen{
.rcc{--rcc-bg:var(--od-bg,#090A0D);--rcc-card:var(--od-card,#15161B);--rcc-card2:var(--od-card-2,#1B1C22);--rcc-line:var(--od-line,#30323B);--rcc-red:var(--od-red,#E0334B);--rcc-act:var(--od-red-action,#B8243A);--rcc-ink:var(--od-ink,#F4F5F7);--rcc-ink2:var(--od-ink-2,#A3A5AF);--rcc-ink3:var(--od-ink-3,#858995);--rcc-mono:var(--od-mono,ui-monospace,monospace);color:var(--rcc-ink);display:block;min-width:0}
.rcc svg{width:18px;height:18px;flex:none}
.rcc-eye{display:block;font:800 10.5px/1.2 var(--od-font);letter-spacing:.16em;text-transform:uppercase;color:var(--od-red-text,#F0607A)}
.rcc-mut{color:var(--rcc-ink2);font-size:12.5px}
.rcc-mono{font-family:var(--rcc-mono);font-variant-numeric:tabular-nums}
.rcc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 14px;border-radius:8px;border:1px solid var(--rcc-line);background:var(--rcc-card2);color:var(--rcc-ink);font:650 13.5px/1 var(--od-font);cursor:pointer;white-space:nowrap}
.rcc-btn:hover{border-color:var(--rcc-ink3)}.rcc-btn[disabled]{opacity:.45;cursor:not-allowed}
.rcc-btn.red{background:var(--rcc-act);border-color:var(--rcc-red)}.rcc-btn.red:hover{background:var(--od-red-action-hover,#C92B42)}
.rcc-btn.sm{min-height:36px;padding:0 11px;font-size:12.5px}
.rcc-link{background:none;border:0;color:var(--od-red-text,#F0607A);font:650 13px var(--od-font);cursor:pointer;padding:8px 2px}.rcc-link[disabled]{color:var(--rcc-ink3);cursor:default}

/* command head */
.rcc-head{display:grid;gap:10px;padding:14px;border:1px solid var(--rcc-line);border-radius:14px;background:var(--rcc-card);background-image:var(--od-grid);margin-bottom:12px}
.rcc-title h1{margin:0;font:800 clamp(20px,2.4vw,26px)/1.1 var(--od-font);letter-spacing:.04em;text-transform:uppercase}
.rcc-title p{margin:3px 0 0;color:var(--rcc-ink2);font-size:13px}
.rcc-scan{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:10px;border:1px solid var(--rcc-red);background:var(--rcc-act);color:var(--rcc-ink);font:800 15px/1 var(--od-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.rcc-scan:hover{background:var(--od-red-action-hover,#C92B42)}.rcc-scan svg{width:22px;height:22px}
.rcc-sec{display:flex;gap:8px;flex-wrap:wrap}.rcc-sec .rcc-btn{flex:1 1 0;min-width:120px}
.rcc-search{position:relative}.rcc-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--rcc-ink3)}
.rcc-search input{width:100%;min-height:44px;padding:9px 12px 9px 38px;border-radius:8px;border:1px solid var(--rcc-line);background:var(--od-input,#0D0E12);color:var(--rcc-ink);font:400 15px var(--od-font)}
.rcc-search input:focus{outline:0;border-color:var(--rcc-red);box-shadow:0 0 0 3px var(--od-red-soft,rgba(224,51,75,.13))}
.rcc-head.compact{padding:10px;gap:8px}.rcc-head.compact .rcc-scan{min-height:44px;font-size:13px}.rcc-head.compact .rcc-sec .rcc-btn{min-height:36px;font-size:12.5px;min-width:0}

.rcc-resume{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;width:100%;text-align:left;padding:10px 12px;margin-bottom:10px;border-radius:10px;border:1px solid var(--od-red-line,rgba(224,51,75,.45));background:var(--od-red-soft,rgba(224,51,75,.13));color:var(--rcc-ink);cursor:pointer}
.rcc-resume:empty{display:none}.rcc-resume svg{grid-row:1/4;grid-column:2}
#rcc-resume:empty{display:none}

/* queue */
.rcc-queue{border:1px solid var(--rcc-line);border-radius:14px;background:var(--rcc-card);padding:12px}
.rcc-qhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.rcc-qhead h2{margin:0;font:750 15px var(--od-font);flex:1 0 100%}
.rcc-qtabs{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.rcc-qtab{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--rcc-line);background:transparent;color:var(--rcc-ink2);font:650 13px var(--od-font);cursor:pointer;white-space:nowrap}
.rcc-qtab b{font:600 11.5px var(--rcc-mono);color:var(--rcc-ink3)}
.rcc-qtab[aria-selected="true"]{color:var(--rcc-ink);border-color:var(--rcc-red);background:var(--od-red-soft,rgba(224,51,75,.13))}.rcc-qtab[aria-selected="true"] b{color:var(--rcc-ink)}
.rcc-fbtn.on{border-color:var(--rcc-red)}
.rcc-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--rcc-act);font:700 11px var(--rcc-mono)}
.rcc-fpanel{border:1px solid var(--rcc-line);border-radius:10px;background:var(--od-bg-2,#101116);padding:10px;margin-bottom:10px;display:grid;gap:10px}
.rcc-fpanel[hidden]{display:none}
.rcc-fchips{display:flex;flex-wrap:wrap;gap:6px}
.rcc-chk{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid var(--rcc-line);border-radius:999px;font-size:13px;cursor:pointer}
.rcc-chk:has(input:checked){border-color:var(--rcc-red);background:var(--od-red-soft,rgba(224,51,75,.13))}
.rcc-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.rcc-fld{display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--rcc-ink2)}
.rcc-fld :is(select,input){min-height:40px;border-radius:7px;border:1px solid var(--rcc-line);background:var(--od-input,#0D0E12);color:var(--rcc-ink);padding:0 8px;text-transform:none;letter-spacing:0;font:400 14px var(--od-font)}
.rcc-frow{display:flex;justify-content:space-between;align-items:center}
.rcc-list{display:grid;gap:8px}
.rcc-card{display:grid;gap:5px;width:100%;text-align:left;padding:11px 12px;border-radius:10px;border:1px solid var(--rcc-line);border-left:3px solid var(--rcc-line);background:var(--rcc-card2);color:var(--rcc-ink);cursor:pointer;font:inherit;min-height:0}
.rcc-card:hover{border-color:#3A3C46;border-left-color:var(--rcc-red)}
.rcc-card.on{border-left-color:var(--rcc-red);background:#1F2027}
.rcc-card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rcc-ron{font:700 13px var(--rcc-mono);letter-spacing:.02em}
.rcc-st{margin-left:auto}
.rcc-veh{font:700 14.5px/1.25 var(--od-font)}
.rcc-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--rcc-ink2)}
.rcc-prog{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--rcc-ink2)}
.rcc-bar{flex:0 0 64px;height:4px;border-radius:2px;background:var(--rcc-line);overflow:hidden}.rcc-bar i{display:block;height:100%;background:var(--od-ok,#3FA672)}
.rcc-next{margin-left:auto;display:inline-flex;align-items:center;gap:2px;color:var(--rcc-ink);font-weight:650}.rcc-next svg{width:15px;height:15px;color:var(--rcc-red)}
.rcc-flag{font:800 9.5px/1 var(--od-font);letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:4px;border:1px solid}
.rcc-flag.u{color:var(--od-red-text,#F0607A);border-color:var(--od-red-line,rgba(224,51,75,.45))}.rcc-flag.o{color:var(--od-warn,#D99A33);border-color:rgba(217,154,51,.45)}.rcc-flag.c{color:var(--od-info,#6A8FC4);border-color:rgba(106,143,196,.45)}
.rcc-empty{display:grid;gap:6px;justify-items:start;padding:18px 14px;border:1px dashed var(--rcc-line);border-radius:10px;color:var(--rcc-ink2);font-size:13px}
.rcc-empty b{color:var(--rcc-ink);font-size:14.5px}
.rcc-pick{margin:0;padding:8px 10px;border-radius:8px;border:1px solid var(--od-red-line,rgba(224,51,75,.45));background:var(--od-red-soft,rgba(224,51,75,.13));font-size:13px}
.rcc-erow{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}

/* photo follow-ups: compact dark */
#app .rcc .pf{margin:0 0 10px;border:1px solid var(--rcc-line);border-radius:10px;background:var(--rcc-card);color:var(--rcc-ink);box-shadow:none;padding:0}
#app .rcc .pf:empty{display:none}
#app .rcc .pf .pf-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:0;background:transparent;border:0}
#app .rcc .pf .pf-toggle{display:flex;align-items:center;gap:8px;flex:1;min-height:34px;background:transparent;border:0;color:var(--rcc-ink);padding:0;cursor:pointer;font:inherit}
#app .rcc .pf .pf-toggle[disabled]{cursor:default;opacity:.8}
#app .rcc .pf .pf-label{font:800 10.5px var(--od-font);letter-spacing:.14em;text-transform:uppercase;color:var(--rcc-ink2)}
#app .rcc .pf .pf-c{font:600 12px var(--rcc-mono);padding:2px 7px;border-radius:999px;background:var(--rcc-card2);border:1px solid var(--rcc-line);color:var(--rcc-ink2)}
#app .rcc .pf .pf-c small{font-family:var(--od-font)}
#app .rcc .pf .pf-asof{font-size:11px;color:var(--rcc-ink3)}
#app .rcc .pf .pf-list{margin:0;padding:0 8px 8px;list-style:none;display:grid;gap:6px;max-height:320px;overflow:auto}
#app .rcc .pf .pf-item{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:8px 10px;border:1px solid var(--rcc-line);border-left:3px solid var(--od-warn,#D99A33);border-radius:8px;background:var(--rcc-card2);color:var(--rcc-ink)}
#app .rcc .pf :is(.pf-title,.pf-note){color:var(--rcc-ink)}
#app .rcc .pf .pf-k{font:800 9.5px var(--od-font);letter-spacing:.1em;text-transform:uppercase;padding:3px 6px;border-radius:4px;background:var(--od-warn-soft,rgba(217,154,51,.13));color:var(--od-warn,#D99A33)}
#app .rcc .pf .pf-k.pf-k-fail{background:var(--od-crit-soft,rgba(255,77,79,.12));color:#FF6B6D}

/* selected RO workspace */
.rcc-split{display:block;container-type:inline-size}
.rcc-pane{display:none}
@container (min-width:960px){
 .rcc-split>.rcc-pane{display:block}
}
.rcc-split{display:grid;grid-template-columns:minmax(0,1fr)}
@container (min-width:960px){.rcc-split{grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}}
.rcc-pane{position:sticky;top:8px;max-height:calc(100dvh - 24px);overflow:auto;scrollbar-width:thin}
.rcc-pane .rcc-title p{display:none}
.rcc-pane .rcc-queue{padding:10px}
.rcc-ws{min-width:0}
.rcc-wshead{position:sticky;top:var(--ng-top-h,0px);z-index:5;display:grid;gap:8px;padding:10px 12px 0;margin-bottom:12px;border:1px solid var(--rcc-line);border-radius:14px;background:var(--rcc-card);background-image:var(--od-grid)}
.rcc-crumb{display:flex;align-items:center;gap:10px;min-width:0}
.rcc-back{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 10px 0 6px;border-radius:8px;border:1px solid var(--rcc-line);background:var(--rcc-card2);color:var(--rcc-ink);font:650 12.5px var(--od-font);cursor:pointer}
.rcc-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;font-size:14px}.rcc-path>span:not(.status){color:var(--rcc-ink3)}
.rcc-path b:not(.rcc-ron){font-weight:750;overflow:hidden;text-overflow:ellipsis}
.rcc-wsmeta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--rcc-ink2)}
.rcc-curjob b{color:var(--rcc-ink)}
.rcc-wsacts{display:flex;gap:8px;flex-wrap:wrap}.rcc-wsacts>:first-child{flex:1 1 auto}
.rcc-state{min-height:42px;padding:0 14px;border-radius:8px;border:1px solid var(--rcc-line);background:var(--rcc-card2);color:var(--rcc-ink);font:750 13px var(--od-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.rcc-state.warn{border-color:rgba(217,154,51,.55);color:var(--od-warn,#D99A33);background:var(--od-warn-soft,rgba(217,154,51,.13))}
.rcc-state.ok{border-color:rgba(63,166,114,.5);color:var(--od-ok,#3FA672);background:var(--od-ok-soft,rgba(63,166,114,.13))}
.rcc-wtabs{display:flex;gap:2px;margin:0 -12px;padding:0 6px;border-top:1px solid var(--rcc-line);overflow-x:auto;scrollbar-width:none}
.rcc-wtab{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border:0;background:none;color:var(--rcc-ink2);font:650 13px var(--od-font);cursor:pointer;box-shadow:inset 0 -2px 0 transparent}
.rcc-wtab b{font:600 11px var(--rcc-mono);color:var(--rcc-ink3)}
.rcc-wtab[aria-selected="true"]{color:var(--rcc-ink);box-shadow:inset 0 -2px 0 var(--rcc-red)}
.rcc-block{border:1px solid var(--rcc-line);border-radius:12px;background:var(--rcc-card);padding:12px;margin-bottom:12px}
.rcc-bh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.rcc-bh b{font-size:15px}
.rcc-acts{display:flex;gap:6px;flex-wrap:wrap}
.rcc-parts{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.rcc-parts li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--rcc-line);border-radius:8px;background:var(--rcc-card2)}
.rcc-parts li>span:first-child{display:grid;gap:2px}
.rcc-ws .rcc-native .grid2{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.rcc-ws .list-item.rcc-job-on{border-color:var(--rcc-red)!important;box-shadow:inset 3px 0 0 var(--rcc-red)}
.rcc-ws .list-item[data-job-id]{cursor:pointer}

/* tab visibility: attributes only; native nodes stay attached */
body.rcc-ws-on[data-rcc-tab="overview"] #app .page [data-rcc-tab]:not([data-rcc-tab="overview"]):not([data-rcc-tab="grid"]){display:none}
body.rcc-ws-on[data-rcc-tab="job-lines"] #app .page [data-rcc-tab]:not([data-rcc-tab="job-lines"]):not([data-rcc-tab="grid"]){display:none}
body.rcc-ws-on[data-rcc-tab="inspection"] #app .page [data-rcc-tab]:not([data-rcc-tab="inspection"]):not([data-rcc-tab="grid"]){display:none}
body.rcc-ws-on[data-rcc-tab="parts"] #app .page [data-rcc-tab]:not([data-rcc-tab="parts"]):not([data-rcc-tab="grid"]){display:none}
body.rcc-ws-on[data-rcc-tab="activity"] #app .page [data-rcc-tab]:not([data-rcc-tab="activity"]):not([data-rcc-tab="grid"]){display:none}
body.rcc-ws-on #app .page .rcc-native [data-act="back-ro"]{display:none}

/* chrome de-duplication on the RO destination only */
body.rcc-on #app .topbar :is(h1,.eyebrow){display:none}
body.rcc-on .ss-launch{display:none!important}
body.rcc-on #app .page .ss-ctx{display:none!important}
body.rcc-on #app .page>.rs-launch{display:none}

/* RO Operations workspace hosted inside the command center (job story / requirements / dispatch) */
.rcc-rophost:empty{display:none}
.rcc-ropq{margin-top:12px}.rcc-ropq .rcc-acts:not(:has(button:not([hidden]))){display:none}
.rcc-ropq .rop:not([data-view="dispatch"]):not([data-view="settings"]){display:none}
.rcc-ws .rop .rop-top,.rcc-ws .rop .rop-nav,.rcc-ws .rop [data-split="nav"]{display:none!important}
.rcc-ws .rop [data-r="panes"]{--rop-nav:0px!important}
.rcc-ws .rcc-rophost{margin-bottom:12px}
/* photo follow-ups minimized when nothing is outstanding */
#app .rcc .pf .pf-toggle[disabled] .pf-c{display:none}
#app .rcc .pf .pf-bar:has(.pf-toggle[disabled]) .pf-asof{display:none}
#app .rcc .pf:has(.pf-toggle[disabled]){border-style:dashed;background:transparent}

@media (max-width:767px){
 .rcc-head{padding:12px;gap:8px;border-radius:12px}
 .rcc-title p{font-size:12.5px}
 .rcc-sec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .rcc-sec .rcc-btn{min-width:0;white-space:normal;overflow-wrap:anywhere;min-height:40px;padding:8px}
 .rcc-wtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:3px;padding:6px;margin:0 -12px}
 .rcc-wshead{top:var(--ng-top-h,0px);border-radius:12px}
 .rcc-wtab{padding:8px 4px;min-width:0;min-height:38px;font-size:12px;white-space:normal;justify-content:center}
 .rcc-card{padding:10px}
}
}
