/* 70-admin — fulfillment queue + catalog editor (admin only) */
.admin-tabs { display: flex; gap: 6px; border-bottom: 2px solid var(--ink); margin: 18px 0 24px; }
.admin-tabs button { font-family: var(--mono); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; border: 0; background: none; color: var(--muted); padding: 10px 14px; cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -2px; }
.admin-tabs button.on { color: var(--ink); border-bottom-color: var(--accent); }

.otable { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.otable th { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); text-align: left; padding: 8px 10px; border-bottom: 2px solid var(--ink); }
.otable td { padding: 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.otable tr:hover td { background: var(--band); }
.otable .num { font-family: var(--mono); }
.otable .expand td { background: var(--band); }

.admin-form { border: 1px solid var(--line); border-radius: 4px; background: var(--label); padding: 16px; margin-top: 10px; }
.admin-prod { display: grid; grid-template-columns: 1fr 90px 84px 84px 70px 90px; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px dashed var(--line); }
.admin-prod .p-name { font-family: var(--disp); font-weight: 700; }
.admin-prod .p-sku { font-family: var(--mono); font-size: 0.7rem; color: var(--muted); }
.admin-prod input { font-family: var(--mono); font-size: 0.82rem; padding: 6px 8px; border: 1.5px solid var(--line); border-radius: 2px; background: var(--paper); width: 100%; }
.admin-prod .toggle { font-family: var(--mono); font-size: 0.7rem; cursor: pointer; }
.admin-head-row { display: grid; grid-template-columns: 1fr 90px 84px 84px 70px 90px; gap: 10px; font-family: var(--mono); font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); padding-bottom: 6px; border-bottom: 2px solid var(--ink); }
.admin-actions { display: flex; gap: 10px; margin-top: 16px; align-items: center; }
.admin-json { width: 100%; min-height: 320px; font-family: var(--mono); font-size: 0.8rem; border: 1.5px solid var(--line); border-radius: 3px; padding: 12px; background: var(--paper); color: var(--ink); }
.admin-note { font-family: var(--mono); font-size: 0.74rem; color: var(--muted); }
.admin-gate { max-width: 460px; margin: 50px auto; text-align: center; }

@media (max-width: 720px) {
  .admin-prod, .admin-head-row { grid-template-columns: 1fr 70px 64px; }
  .admin-prod .p-ship, .admin-head-row .h-ship, .admin-prod .p-active, .admin-head-row .h-active, .admin-prod .p-kind, .admin-head-row .h-kind { display: none; }
}