/* Deliora admin — app layer on the Ownware UI kit (assets/ui/ownware-ui.css). Accent + admin-specific rules only; the storefront keeps style.css + store.css. */
:root{--accent:#0284c7;--accent-dark:#075985;--accent-soft:#e0f2fe;--accent-deep:#0c4a6e;--on-accent:#ffffff;--accent-ink:var(--on-accent)}
html[data-theme="dark"]{--accent:#38bdf8;--accent-dark:#0ea5e9;--accent-soft:#0c2a3d;--accent-deep:#bae6fd;--on-accent:#06202e;--accent-ink:var(--on-accent)}

/* status vocabulary the kit doesn't know */
.pill.refunded,.pill.revoked{background:var(--badbg);color:var(--bad)}
.pill.demo{background:var(--accent-soft);color:var(--accent-deep)}
.pill.sent{background:var(--infobg,var(--accent-soft));color:var(--info,var(--accent-deep))}
.pill.single,.pill.expired,.pill.off{background:var(--chip);color:var(--sub)}
.pill.extended{background:var(--warnbg);color:var(--warn)}
.pill.saas{background:color-mix(in srgb,#7c3aed 14%,var(--card));color:#6d28d9} html[data-theme="dark"] .pill.saas{color:#c4b5fd}
.pill.usable{background:var(--okbg);color:var(--ok)}

.tag{font-family:var(--mono);font-size:.82rem;color:var(--sub)}
.meta-list{list-style:none;margin:0;padding:0} .meta-list li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.92rem} .meta-list li:last-child{border-bottom:none} .meta-list .k{color:var(--sub)}
.keybox{background:var(--ink);color:var(--card);border-radius:10px;padding:10px 14px;font-family:var(--mono);font-size:.92rem;letter-spacing:.03em;overflow-wrap:anywhere;display:flex;justify-content:space-between;gap:10px;align-items:center} html[data-theme="dark"] .keybox{background:#05101a;color:#bfe6ff} .keybox button{background:none;border:1px solid color-mix(in srgb,currentColor 40%,transparent);color:inherit;border-radius:6px;padding:2px 8px;font:inherit;font-size:.72rem;cursor:pointer}
.navbadge{margin-left:auto;background:var(--accent);color:var(--accent-ink);border-radius:999px;font-size:.68rem;padding:1px 7px;font-weight:700}

/* order record */
.order-hero{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start} .order-hero .amt{font-family:var(--display);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:right} .order-hero .amt small{display:block;font-family:var(--body);font-size:.78rem;color:var(--sub);font-weight:400;letter-spacing:0}
.lic{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--bg)} .lic .lic-h{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px} .lic .acts{display:flex;gap:6px;flex-wrap:wrap} .lic .acts form{display:inline}
.acts-list{list-style:none;margin:8px 0 0;padding:0;font-size:.84rem} .acts-list li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px dashed var(--line)} .acts-list li form{display:inline}
.usage{height:6px;border-radius:3px;background:var(--chip);overflow:hidden;margin-top:6px} .usage i{display:block;height:100%;background:var(--accent)} .usage.full i{background:var(--warn)}
.dl-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:.88rem} .dl-row:last-child{border-bottom:0}

/* product form: section rail */
.pf-sec{margin-bottom:22px} .pf-h{margin:0 0 10px;font-size:1.1rem} .pf-sec .card{max-width:none} .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0 0 10px} .gallery img{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.pf-grid{display:grid;grid-template-columns:1fr 220px;gap:var(--gap);align-items:start} .pf-rail{position:sticky;top:16px} .pf-rail a{display:block;padding:6px 10px;border-radius:8px;color:var(--sub);font-size:.88rem;text-decoration:none} .pf-rail a:hover{background:var(--chip);color:var(--ink)} .pf-rail a.on{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}
.edition-row{display:grid;grid-template-columns:90px 1fr 1fr auto;gap:8px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){.pf-grid{grid-template-columns:minmax(0,1fr)} .pf-rail{position:static;display:flex;flex-wrap:wrap;gap:4px} .order-hero{grid-template-columns:minmax(0,1fr)} .order-hero .amt{text-align:left} .edition-row{grid-template-columns:1fr 1fr}}