/* OrbitLister Catalog Pipeline v2.6 — operator-first shell + reliable drafts workflow */
:root{--pipe-aqua:#2de2d2;--pipe-violet:#8b5cf6;--pipe-green:#58dfa5;--pipe-amber:#ffbd5a;--pipe-red:#ff667d;--pipe-edge:#202c39;--pipe-panel:#0d141c;--pipe-panel2:#101923}

/* The previous dark pass recolored a horizontal header. This makes it a real sidebar. */
@media(min-width:1100px){
  #application:not([hidden]){display:block!important;min-height:100vh!important}
  #application[hidden]{display:none!important}
  .app-header{position:fixed!important;z-index:90!important;left:0!important;top:0!important;bottom:0!important;width:248px!important;height:100vh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;padding:20px 13px 14px!important;overflow-y:auto!important;overflow-x:hidden!important;border-right:1px solid #1d2a35!important;border-bottom:0!important;background:linear-gradient(180deg,#080d13,#070b10)!important;box-shadow:16px 0 60px rgba(0,0,0,.22)!important}
  .app-header>.brand{flex:0 0 auto;padding:2px 9px 19px!important;margin-bottom:8px;border-bottom:1px solid #18232e}
  .app-header nav{display:flex!important;flex:0 0 auto;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;width:100%!important;gap:4px!important;padding:3px 0!important;overflow:visible!important}
  .app-header nav button{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:39px!important;padding:10px 12px!important;border-radius:9px!important;text-align:left!important;white-space:nowrap!important;font-size:10px!important;letter-spacing:.01em!important}
  .app-header nav button.active{box-shadow:inset 3px 0 0 var(--pipe-aqua)!important}
  .app-header nav button .ops-nav-badge,.ops-nav-badge{right:10px!important;top:50%!important}
  .app-header .user-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin-top:auto!important;padding:14px 4px 0!important;border-top:1px solid #18232e!important}
  .app-header .user-menu>span{padding:0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .app-header .user-menu .button{width:100%!important;justify-content:flex-start!important}
  .orbit-command-trigger{display:flex!important}
  .app-main{width:auto!important;max-width:none!important;margin:0 0 0 248px!important;padding:32px clamp(24px,3vw,48px) 80px!important}
}
@media(max-width:1099px){
  #application:not([hidden]){display:block!important}
  #application[hidden]{display:none!important}
  .app-header{position:sticky!important;top:0!important;left:auto!important;bottom:auto!important;width:auto!important;height:72px!important;display:grid!important;grid-template-columns:190px minmax(0,1fr) auto!important;align-items:center!important;padding:0 16px!important;border-right:0!important;border-bottom:1px solid #202c38!important;overflow:visible!important}
  .app-header nav{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none}
  .app-header nav::-webkit-scrollbar{display:none}.app-header nav button{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important}
  .app-header .user-menu{display:flex!important;flex-direction:row!important;align-items:center!important;margin:0!important;padding:0!important;border:0!important}
  .app-main{margin-left:0!important;max-width:1500px!important}
}
@media(max-width:720px){
  .app-header{height:64px!important;grid-template-columns:1fr auto!important}.app-header nav{position:fixed!important;z-index:95!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;height:58px!important;padding:8px!important;background:#080d13!important;border-top:1px solid #202c38!important}
  .app-main{padding-bottom:82px!important}.app-header .user-menu>span{display:none!important}
}

/* One visible pipeline instead of separate prepare/preflight/queue mental models. */
.pipe-board{margin:0 0 16px;border:1px solid #22303d;border-radius:17px;background:linear-gradient(145deg,#0f1720,#0b1219);overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.pipe-board-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #202c39}.pipe-board-head small{display:block;color:#55eadd;font-size:8px;font-weight:950;letter-spacing:1.2px}.pipe-board-head b{display:block;margin-top:3px;color:#edf5f7;font-size:15px}.pipe-board-head span{color:#738795;font-size:9px}
.pipe-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#202c39}.pipe-step{position:relative;min-height:74px;padding:12px 14px;background:#0c131b}.pipe-step small{display:block;color:#657a89;font-size:8px;font-weight:900;letter-spacing:.8px}.pipe-step b{display:block;margin-top:3px;color:#e8f0f2;font-size:22px}.pipe-step span{display:block;color:#718594;font-size:8px}.pipe-step.good b{color:var(--pipe-green)}.pipe-step.warn b{color:var(--pipe-amber)}.pipe-step.live b{color:var(--pipe-aqua)}
.pipe-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 13px}.pipe-tab{border:1px solid #25333f;border-radius:999px;padding:7px 11px;background:#101923;color:#8094a1;font-size:9px;font-weight:850;cursor:pointer}.pipe-tab:hover{border-color:#35505b;color:#dce8eb}.pipe-tab.active{background:linear-gradient(135deg,#143436,#1b2238);border-color:#2c5552;color:#6af1e4}.pipe-tab em{font-style:normal;margin-left:5px;color:#536a79}.pipe-tab.active em{color:#72bfb8}
.pipe-actionbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:11px 12px;border:1px solid #202c39;border-radius:13px;background:#0b1219}.pipe-actionbar .pipe-primary{background:linear-gradient(135deg,#17c7bf,#2de2d2)!important;color:#031514!important}.pipe-actionbar small{margin-left:auto;color:#667b89;font-size:9px}.pipe-actionbar input[type=number]{width:78px!important;padding:9px!important}
#productsPage .bulk-bar #prepareSelected,#productsPage .bulk-bar #preflightSelected,#productsPage .bulk-bar #queueSelected,#productsPage .bulk-bar #queueByAmount{display:none!important}
#productsPage .bulk-bar{padding:9px 10px!important;background:#0a1118!important}.pipe-hidden{display:none!important}
.pipe-stage{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:94px;padding:6px 9px!important;border:1px solid #2a3946!important;border-radius:999px!important;background:#141d26!important;color:#99aab4!important;font-size:8px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.55px}.pipe-stage.ready{background:#10271f!important;border-color:#214b39!important;color:#68e5aa!important}.pipe-stage.queued,.pipe-stage.retry{background:#102328!important;border-color:#23505a!important;color:#68dfe8!important}.pipe-stage.publishing{background:#201b0f!important;border-color:#51421f!important;color:#ffd176!important}.pipe-stage.failed,.pipe-stage.needs_setup{background:#28131b!important;border-color:#5c2937!important;color:#ff8194!important}.pipe-stage.live{background:#11252a!important;border-color:#23505a!important;color:#60ede0!important}.pipe-next{display:block;margin-top:5px;color:#617686!important;font-size:8px!important}.pipe-row-blocker{display:block;margin-top:5px;color:#ff8194!important;font-size:8px!important;white-space:normal!important}

/* Cleaner Drafts-style rows. */
@media(min-width:900px){#productsPage .product-row{grid-template-columns:auto 58px minmax(300px,1fr) 82px 82px 112px auto!important;min-height:82px;padding:12px 14px!important}#productsPage .product-row img,#productsPage .product-thumb{width:58px!important;height:58px!important}#productsPage .product-row>[data-delete]{opacity:.55}#productsPage .product-row:hover>[data-delete]{opacity:1}}
#productsPage .product-row{border-color:#202c39!important;background:#0d141c!important}#productsPage .product-row:hover{background:#101923!important;border-color:#2a3a47!important}.product-main strong{font-size:11px!important}.product-main .source-pill{margin-top:5px!important}

/* Listings becomes a status console instead of an opaque queue. */
.pipe-publisher{display:grid;grid-template-columns:1.2fr repeat(4,minmax(95px,.45fr));gap:1px;margin:0 0 14px;border:1px solid #202c39;border-radius:15px;overflow:hidden;background:#202c39}.pipe-publisher>div{min-height:76px;padding:13px 15px;background:#0d141c}.pipe-publisher small{display:block;color:#667c8a;font-size:8px;font-weight:900;letter-spacing:.8px}.pipe-publisher b{display:block;margin-top:4px;color:#e9f1f3;font-size:16px}.pipe-publisher .healthy b{color:#5fe3aa}.pipe-publisher .attention b{color:#ff8194}.pipe-publisher p{margin:4px 0 0;color:#718593;font-size:8px}.pipe-list-actions{display:flex;align-items:center;gap:8px;margin:0 0 10px}.pipe-list-actions .button{padding:8px 11px;font-size:9px}.pipe-list-actions span{margin-left:auto;color:#6c8190;font-size:9px}.queue-row .status.failed{color:#ff8194!important}.queue-row .status.processing{color:#ffd176!important}.queue-row .status.queued{color:#68dfe8!important}.pipe-retry-note{color:#ffcc73!important}

@media(max-width:820px){.pipe-steps{grid-template-columns:repeat(2,1fr)}.pipe-step:last-child{grid-column:1/-1}.pipe-actionbar small{width:100%;margin-left:0}.pipe-publisher{grid-template-columns:1fr 1fr}.pipe-publisher>div:first-child{grid-column:1/-1}}