/* PGLAB admin v68 — task-based navigation, breadcrumb, order search, unified tabs and Today. */

/* ---------- Sidebar: grouped by task ---------- */
.admin-v68 .admin-sidebar nav{display:grid;gap:18px}
.admin-v68 .admin-nav-group{display:grid;gap:4px}
.admin-v68 .admin-nav-label{margin:0 14px 4px;color:#8f8d86;font:700 9.5px/1 PGAdmin,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.admin-v68 .admin-sidebar nav a{gap:12px;min-height:44px;padding:10px 12px;font-size:13px;color:#c9c6bc}
.admin-v68 .admin-sidebar nav a svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.admin-v68 .admin-sidebar nav a b{font-weight:600}
.admin-v68 .admin-sidebar nav a[aria-current=page]{background:#38231a;border-color:#ff5a1f66;color:#ffc6aa}
.admin-v68 .admin-sidebar nav a[aria-current=page] svg{opacity:1;color:#ff895a}

/* ---------- Top bar: breadcrumb + find an order ---------- */
.admin-v68 header.admin-topbar{gap:16px}
.admin-breadcrumb{flex:1;min-width:0}
.admin-breadcrumb ol{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;min-width:0}
.admin-breadcrumb li{display:flex;align-items:center;gap:8px;min-width:0;color:#a9a79f;font:600 13px/1.2 PGAdmin,Arial,sans-serif;white-space:nowrap}
.admin-breadcrumb li+li::before{content:"";width:6px;height:6px;border-top:1.5px solid #6a6760;border-right:1.5px solid #6a6760;transform:rotate(45deg);flex:none}
.admin-breadcrumb li:last-child{color:#f4f3ee;overflow:hidden;text-overflow:ellipsis}
.admin-breadcrumb li:last-child span{overflow:hidden;text-overflow:ellipsis}
.admin-breadcrumb a{color:#c9c6bc!important;text-decoration:none}
.admin-breadcrumb a:hover{color:#ff9a6e!important}
.admin-find{display:flex;align-items:center;width:min(320px,34vw);height:40px;padding:0 4px 0 12px;border:1px solid #3a3a3a;border-radius:10px;background:#161616;transition:border-color .15s}
.admin-find:focus-within{border-color:#ff5a1f}
.admin-v68 .admin-find input{flex:1;min-width:0;height:100%;min-height:0!important;padding:0;border:0!important;background:transparent!important;color:#f4f3ee;font:500 13px PGAdmin,Arial,sans-serif;box-shadow:none!important;outline:none}
.admin-v68 .admin-find button{display:grid;place-items:center;width:32px;height:32px;min-height:0!important;padding:0;border:0;border-radius:8px;background:transparent;color:#c9c6bc;cursor:pointer}
.admin-find button:hover{background:#242424;color:#fff}
.admin-find svg,.admin-menu-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-v68 .admin-menu-button{align-items:center;gap:8px}

/* Signed out: no order search on the login screen */
body:has(#loginPanel:not(.hidden)) .admin-find{display:none}

/* ---------- One tab row per section ---------- */
.admin-v68 .admin-context-tabs{gap:6px;padding-bottom:12px;margin-bottom:22px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.admin-v68 .admin-context-tabs::-webkit-scrollbar{display:none}
.admin-v68 .admin-context-tabs button{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #3a3a3a;border-radius:999px;background:transparent;color:#c9c6bc;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer}
.admin-v68 .admin-context-tabs button[aria-pressed=true]{background:#38231a;color:#ffc6aa;border-color:#ff5a1f}
.admin-v68 .admin-context-tabs a{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:#c9c6bc;border-color:#3a3a3a;white-space:nowrap}
.admin-v68 .admin-context-tabs a:hover{border-color:#6a5a50;color:#f4f3ee}
.admin-v68 .admin-context-tabs [aria-current=page]{background:#38231a;color:#ffc6aa;border-color:#ff5a1f}
.admin-tabs-merged{display:none!important}
body.admin-notices .studio-tabs{display:none!important}
.admin-v68 .admin-back-link{font-size:12.5px;color:#c9c6bc!important;margin-bottom:12px}

/* ---------- Store status pill ---------- */
.admin-store-pill{display:inline-flex;align-items:center;gap:8px}
.admin-store-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#7fd49a;box-shadow:0 0 0 3px #7fd49a26}
.admin-store-pill[data-state=limited]::before{background:#f5cf19;box-shadow:0 0 0 3px #f5cf1926}
.admin-store-pill[data-state=paused]::before,.admin-store-pill[data-state=closed]::before{background:#ff8a7a;box-shadow:0 0 0 3px #ff8a7a26}

/* ---------- Today ---------- */
.today-head{align-items:flex-end}
.today-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.today-walkin{position:relative}
.today-walkin summary{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;background:#ff5a1f;color:#111;font:700 13px PGAdmin,Arial,sans-serif;cursor:pointer;list-style:none}
.today-walkin summary::-webkit-details-marker{display:none}
.today-walkin summary::before{content:"+";font-size:17px;line-height:1}
.today-walkin-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;min-width:220px;padding:6px;border:1px solid #3a3a3a;border-radius:12px;background:#1b1b1b;box-shadow:0 18px 50px #0008}
.today-walkin-menu a{padding:10px 12px;border-radius:8px;color:#e6e3da!important;text-decoration:none;font-size:13px;font-weight:600}
.today-walkin-menu a:hover{background:#2a2a2a;color:#fff!important}
.today-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 34px}
.today-card{position:relative;display:grid;gap:4px;padding:18px 18px 16px;border:1px solid #333;border-radius:14px;background:#1b1b1b;color:#f4f3ee!important;text-decoration:none;transition:border-color .15s,transform .15s}
.today-card:hover{border-color:#ff5a1f;transform:translateY(-2px)}
.today-card b{font:800 34px/1 PGAdmin,Arial,sans-serif;letter-spacing:-.03em}
.today-card strong{font-size:14px}
.today-card small{color:#a9a79f;font-size:12px;line-height:1.45}
.today-step{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #444;color:#c9c6bc;font:800 11px/1 PGAdmin,Arial,sans-serif}
.today-card.is-start{border-color:#ff5a1f66;background:linear-gradient(160deg,#2a1c15,#1b1b1b 60%)}
.today-card.is-start .today-step{background:#ff5a1f;border-color:#ff5a1f;color:#111}
.today-card.is-muted b{color:#c9c6bc}
.today-list .recent-row .right{display:grid;justify-items:end;gap:6px}
.today-status{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font:700 11.5px/1 PGAdmin,Arial,sans-serif;white-space:nowrap}
.today-status.is-start{background:#ff5a1f;color:#111}
.today-status.is-progress{background:#2a2f3a;color:#bcd2ff}
.today-status.is-ready{background:#24402d;color:#9fe3b4}
.today-status.is-wait{background:#33281d;color:#f6d5aa}
.today-status.is-done{background:#2a2a2a;color:#c9c6bc}
.today-product-totals{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:16px}
.today-product{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #333;border-radius:12px;background:#181818;color:#c9c6bc!important;text-decoration:none;font-size:12px}
.today-product strong{color:#f4f3ee;font-size:13px}
.today-product b{color:#f4f3ee}
.today-product:hover{border-color:#6a5a50}

/* ---------- Phones ---------- */
@media(max-width:900px){
 .admin-find{width:auto;flex:0 1 44px;padding:0;justify-content:center;border-color:transparent;background:transparent}
 .admin-find input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
 .admin-find:focus-within{position:absolute;left:12px;right:12px;top:16px;z-index:5;width:auto;padding:0 4px 0 12px;background:#161616;border-color:#ff5a1f}
 .admin-find:focus-within input{position:static;width:auto;height:100%;opacity:1;pointer-events:auto}
 .admin-breadcrumb li:not(:last-child){display:none}
 .admin-breadcrumb li+li::before{display:none}
 .today-actions{grid-template-columns:1fr 1fr}
 .today-card b{font-size:28px}
 .today-head-actions{width:100%}
 .today-walkin-menu{left:0;right:auto}
}
@media(max-width:600px){.today-list .recent-row{align-items:flex-start;gap:12px}.today-list .recent-row .left{flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.today-list .recent-row .left>div{line-height:1.45}.today-list .recent-row .right{flex:none}}
@media(max-width:420px){.today-actions{gap:8px}.today-card{padding:14px 12px 12px}.today-card b{font-size:26px}.today-card strong{font-size:13px;line-height:1.25}.today-card small{font-size:11px}.today-step{top:10px;right:10px;width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.today-card{transition:none}.today-card:hover{transform:none}}
