/* ============================================================
   MODULE 13 - Admin Console  (.sh-ac*)
   ============================================================ */
.sh-ac{max-width:1040px;margin:0 auto;padding:6px 0 44px}
.sh-ac__h h2{margin:0 0 4px;font-size:24px;color:var(--sh-navy)}
.sh-ac__h p{margin:0 0 16px;color:var(--sh-muted);font-size:13.5px}
/* resubmission badge + diff */
.sh-ac__rowmain{flex:1;min-width:0}
.sh-ac__badge{font-size:10.5px;font-weight:800;background:rgba(232,181,61,.2);color:#9a7400;border-radius:20px;padding:2px 9px;vertical-align:middle;margin-left:6px}
.sh-diff{margin-top:10px;border:1px solid var(--sh-line);border-radius:10px;overflow:hidden;font-size:12.5px}
.sh-diff__h{background:var(--sh-bg-soft);padding:7px 11px;font-weight:800;color:var(--sh-navy)}
.sh-diff__row{display:grid;grid-template-columns:96px 1fr 18px 1fr;gap:8px;align-items:center;padding:7px 11px;border-top:1px solid var(--sh-line)}
.sh-diff__k{font-weight:700;color:#444}
.sh-diff__old{color:#c1121f;text-decoration:line-through;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-diff__new{color:#0a7a3d;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-diff__arw{color:var(--sh-muted);text-align:center}
.sh-diff__row:not(.changed) .sh-diff__old{color:var(--sh-muted);text-decoration:none}
.sh-diff__row:not(.changed) .sh-diff__new{color:#444;font-weight:400}
/* seller application rows */
.sh-ac__srow{display:flex;gap:12px;align-items:center;border:1px solid var(--sh-line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#fff}
.sh-ac__sinfo{flex:1;min-width:0}
.sh-ac__sinfo .nm{font-weight:700;color:var(--sh-ink)}
.sh-ac__sinfo .mt{font-size:12.5px;color:var(--sh-muted)}
.sh-ac__docs{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.sh-ac__doc{font-size:12.5px;font-weight:700;color:var(--sh-navy);text-decoration:none;border:1px solid var(--sh-line);border-radius:8px;padding:4px 10px}
.sh-ac__doc:hover{background:var(--sh-bg-soft)}
.sh-ac__tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--sh-line);margin-bottom:18px}
.sh-ac__tab{border:0;background:transparent;font-family:inherit;font-weight:700;font-size:13.5px;color:var(--sh-muted);padding:10px 14px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.sh-ac__tab.sel{color:var(--sh-navy);border-bottom-color:var(--sh-navy)}
.sh-ac__row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--sh-line);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.sh-ac__row .nm{font-weight:700;font-size:14px}
.sh-ac__row .mt{font-size:12px;color:var(--sh-muted)}
.sh-ac__row .acts{margin-left:auto;display:flex;gap:8px}
.sh-ac__approve{background:var(--sh-green);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;font-family:inherit}
.sh-ac__reject{background:#fff;color:var(--sh-red);border:1px solid var(--sh-red);border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;font-family:inherit}
.sh-ac__empty{text-align:center;color:var(--sh-muted);padding:40px 16px}
.sh-ac__guard{text-align:center;color:var(--sh-muted);padding:50px 16px}

/* ============================================================
   Admin focus mode - while the Admin Console is open, hide the
   shopping chrome: category nav, Filters sidebar, cart, currency
   switcher, shop search and the Become-a-Seller button.
   ============================================================ */
body.sh-admin-mode .sh-nav{display:none!important}
body.sh-admin-mode .sh-search{display:none!important}
body.sh-admin-mode .sh-cur{display:none!important}
body.sh-admin-mode #sh-cart{display:none!important}
body.sh-admin-mode #sh-become-seller{display:none!important}
body.sh-admin-mode #sidebar-host{display:none!important}
body.sh-admin-mode .sh-shell{grid-template-columns:1fr}

/* Console tabs as a LEFT sidebar (Product Approvals / Seller
   Applications / Helpdesk / Settings) with the content on the right. */
body.sh-admin-mode .sh-ac{display:grid;grid-template-columns:215px 1fr;gap:18px;align-items:start}
body.sh-admin-mode .sh-ac__h{grid-column:1/-1}
body.sh-admin-mode .sh-ac__tabs{display:flex;flex-direction:column;gap:6px;position:sticky;top:14px;background:#fff;border:1px solid var(--sh-line,#e3e6ee);border-radius:12px;padding:10px}
body.sh-admin-mode .sh-ac__tab{text-align:left;width:100%;border-radius:8px}
body.sh-admin-mode #sh-ac-body{min-width:0}
@media (max-width:760px){
  body.sh-admin-mode .sh-ac{grid-template-columns:1fr}
  body.sh-admin-mode .sh-ac__tabs{position:static;flex-direction:row;flex-wrap:wrap}
}

/* Admin focus mode: no marketing sections (reviews strip, marquee). */
body.sh-admin-mode .sh-revs{display:none!important}
body.sh-admin-mode .sh-marquee{display:none!important}

/* left tab rail: its own scrollbar so every tab stays reachable on short screens */
body.sh-admin-mode .sh-ac__tabs{max-height:calc(100vh - 28px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}

/* vertical-only scrolling in the tab rail (kills the stray horizontal bar) */
body.sh-admin-mode .sh-ac__tabs{overflow-x:hidden}
body.sh-admin-mode .sh-ac__tabs .sh-ac__tab{min-width:0;white-space:normal}

/* compact rail: 19 tabs must all fit on a laptop screen without scrolling,
   otherwise the last ones (Helpdesk, Settings) look like they vanished */
body.sh-admin-mode .sh-ac__tabs{gap:2px;padding:8px}
body.sh-admin-mode .sh-ac__tabs .sh-ac__tab{padding:6px 10px;font-size:12.8px;line-height:1.25}