/* Desktop operations workspace, separate from the customer storefront. */
:root { --paper:#f3f5f9; --white:#fff; --ink:#17243b; --muted:#69778d; --line:#e1e7ef; --brown:#315ce8; --pale:#edf2ff; --red:#bd3945; --green:#217856; }
body { background:#f3f5f9; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
h1,h2,h3,.brand,.stat strong { font-family:inherit; letter-spacing:0; }
h1 { font-size:26px; font-weight:650; }
h2 { font-size:19px; }
.admin-shell { max-width:none; margin:0; padding:0; }
.admin-shell>.top { margin:0; padding:18px 30px; border-bottom:1px solid var(--line); background:#fff; position:sticky; top:0; z-index:10; min-height:84px; }
.brand { font-size:21px; font-weight:700; }
.brand small { color:#7c8aa0; font-size:10px; margin-top:3px; }
.top nav a { color:#54637b; font-size:13px; }
.admin-layout { grid-template-columns:218px minmax(0,1fr); gap:0; margin:0; padding-top:0; min-height:calc(100vh - 84px); }
.admin-nav { background:#14213b; border:0; padding:26px 14px; display:flex; flex-direction:column; gap:5px; border-radius:0; position:sticky; top:84px; height:calc(100vh - 84px); align-content:start; }
.nav-group { color:#8e9db7; font-size:11px; letter-spacing:.12em; padding:18px 14px 6px; }
.nav-group:first-child { padding-top:0; }
.admin-nav a { color:#bdc9df; padding:10px 14px; border:0; border-radius:6px; font-size:14px; }
.admin-nav a:hover { background:#223351; color:white; }
.admin-nav a.active { background:#315ce8; color:white; font-weight:600; }
.admin-layout>section { padding:30px 34px 60px; max-width:1680px; width:100%; }
.section-head { margin:0 0 22px; gap:16px; }
.section-head p { margin:5px 0 0; }
.eyebrow { color:#7888a2; font-size:10px; letter-spacing:.15em; }
.box { background:#fff; border:1px solid var(--line); border-radius:8px; padding:24px; margin-bottom:20px; }
.filters { display:flex; flex-wrap:wrap; align-items:end; gap:14px; margin:20px 0; }
.filters label { margin:0; min-width:160px; flex:1; font-size:12px; }
.filters label:first-child { flex:1.3; }
input,select,textarea { background:white; border-radius:5px; border-color:#d9e1ec; padding:9px 11px; }
input:focus,select:focus,textarea:focus { outline:2px solid #b1c1ff; outline-offset:1px; border-color:#315ce8; }
input[type=checkbox] { width:16px; height:16px; accent-color:#315ce8; }
button,.button { border-radius:5px; min-height:38px; padding:7px 14px; font-size:13px; }
.primary { background:#315ce8; border-color:#315ce8; }
.primary:hover { background:#264ac3; }
.admin-table { background:#fff; border:1px solid var(--line); border-radius:8px; }
table { width:100%; background:#fff; }
th { color:#627089; background:#f8fafd; font-size:12px; font-weight:600; white-space:nowrap; }
th,td { padding:15px 18px; border-bottom:1px solid #edf0f6; vertical-align:middle; }
tbody tr:hover { background:#f9fbff; }
.table-link { color:#315ce8; font-size:13px; white-space:nowrap; }
.amount { font-variant-numeric:tabular-nums; font-weight:600; }
.amount small { display:block; font-weight:400; }
.status { background:#edf2ff; color:#365cba; border:0; border-radius:4px; padding:3px 9px; font-size:12px; }
.stats { gap:16px; margin-bottom:24px; }
.stat { background:#fff; border:1px solid var(--line); border-radius:8px; padding:22px; }
.stat strong { color:#17243b; font-size:30px; font-weight:650; }
.compact-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
.stat>span { font-size:12px; color:var(--muted); }
.notice-strip { background:#f0f5ff; border-color:#d9e5ff; color:#4f678e; padding:12px 16px; border-radius:6px; }
.narrow { margin:8vh auto; width:min(460px,calc(100% - 40px)); }
.narrow .box { box-shadow:0 12px 45px #2233550a; padding:36px; }
.narrow h1 { margin:10px 0 24px; }
.narrow button { width:100%; }
.login-intro { color:var(--muted); font-size:13px; margin-bottom:24px; }
.sku-row { background:#f7f9fc; padding:18px; border:1px solid var(--line); border-radius:6px; }
.review-content { white-space:pre-wrap; overflow-wrap:anywhere; }
.review-stars { color:#bd7b20; white-space:nowrap; }
.review-images { display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; }
.review-images img { width:90px; height:90px; object-fit:cover; border-radius:5px; }
summary { cursor:pointer; color:#315ce8; font-weight:550; padding:8px 0; }
details[open]>summary { margin-bottom:14px; }
.empty { padding:42px 24px; text-align:center; }
.pagination { margin-top:18px; }
.account-role { font-size:12px; color:#76859b; }
#notice { scroll-margin-top:110px; }
@media(max-width:950px) { .admin-layout { grid-template-columns:175px minmax(0,1fr); } .admin-layout>section { padding:24px 20px; } .compact-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .top nav { gap:10px; } }
@media(max-width:700px) { .admin-shell>.top { position:static; padding:18px; } .admin-layout { display:block; } .admin-nav { position:static; height:auto; flex-direction:row; flex-wrap:wrap; padding:12px; } .nav-group { display:none; } .admin-nav a { padding:7px 10px; font-size:12px; } .admin-layout>section { padding:20px 14px; } .box { padding:18px; } .section-head { align-items:start; flex-wrap:wrap; } .filters label { min-width:130px; } }

.sku-row { grid-template-columns:2fr 1fr 1fr 2fr auto; }
@media(max-width:950px) { .sku-row { grid-template-columns:1fr 1fr; } .sku-row>label:first-child,.sku-row>label:nth-child(4) { grid-column:1 / -1; } }