/* ARTEFACT ADMIN V11 — issuer terminal aligned with the public Chain Terminal. */

:root {
  --flight-rail: 0px;
  --flight-top: 68px;
  --flight-ink: #000;
  --flight-line: rgb(217 232 219 / 13%);
  --flight-line-hot: rgb(255 122 0 / 55%);
  --orange: #ff7a00;
  --paper: #f2f3ec;
  --muted: #929b92;
  --dim: #626b63;
}

html, body, .operator-body { background: #020302; }
body { font-size: 15px; }
body::before { background-size: 80px 80px; opacity: .48; }
.protocol-field { opacity: .68; filter: grayscale(.72) contrast(1.7) brightness(1.12); }
.admin-cipher { position: fixed; z-index: 0; right: 3vw; bottom: 3vw; margin: 0; color: rgb(139 255 199 / 20%); font: 650 clamp(10px, .8vw, 13px)/1.8 var(--mono); letter-spacing: .1em; pointer-events: none; animation: admin-cipher-glitch 5s steps(1) infinite; }
.app-shell { padding-left: 0; }
.app-header { inset: 0 0 auto; width: 100%; height: var(--flight-top); grid-template: 1fr / 250px minmax(480px, 1fr) auto; border-right: 0; border-bottom: 1px solid var(--flight-line); background: rgb(2 3 2 / 94%); backdrop-filter: blur(20px); }
.brand { width: auto; height: 100%; grid-auto-flow: column; place-content: center start; gap: 12px; padding: 0 20px; border-right: 1px solid var(--flight-line); border-bottom: 0; }
.brand svg { width: 27px; height: 27px; }
.brand span { justify-items: start; }
.brand strong { font: 800 15px/1 var(--mono); letter-spacing: .22em; }
.brand small { font-size: 9px; letter-spacing: .13em; }
.primary-nav { flex-direction: row; padding: 0; }
.primary-nav a { width: auto; min-width: 142px; height: 100%; place-items: center start; padding: 0 18px 0 39px; border-right: 1px solid rgb(217 232 219 / 7%); border-bottom: 0; font-size: 11px; }
.primary-nav a::before { top: 50%; left: 15px; translate: 0 -50%; font-size: 9px; }
.primary-nav a[aria-current="page"] { color: var(--paper); box-shadow: inset 0 -2px var(--orange); }
.primary-nav .operator-nav { margin-top: 0; margin-left: auto; border-top: 0; }
.header-status { top: 0; right: 0; left: auto; width: 374px; height: var(--flight-top); }
.network-pill, .wallet-trigger { height: var(--flight-top); font-size: 11px; }
.network-pill { min-width: 150px; background: rgb(0 0 0 / 92%); }
.wallet-trigger { min-width: 224px; }
.truth-bar { top: var(--flight-top); right: 0; left: 0; height: 36px; min-height: 36px; padding-inline: 20px; background: rgb(0 0 0 / 96%); font-size: 10px; }
.operator-shell .truth-bar a { font-size: 10px; }

.operator-shell .admin-workspace { grid-template-columns: 350px minmax(0, 1fr); padding-top: 104px; }
.admin-rail { top: 104px; min-height: calc(100svh - 104px); padding: 58px 36px 44px; background: rgb(0 0 0 / 74%); }
.product-kicker { font-size: 10px; }
.admin-rail h1 { margin-top: 20px; font: 780 clamp(42px, 4vw, 66px)/.84 var(--mono); letter-spacing: -.08em; text-transform: uppercase; text-shadow: 2px 0 rgb(255 122 0 / 48%); animation: admin-heading-glitch 4.8s steps(1) infinite; }
.admin-rail > p:not(.product-kicker) { font-size: 14px; line-height: 1.65; }
.admin-auth > label, .collection-editor label { font-size: 11px; }
.inline-field input, .collection-editor input { min-height: 50px; font-size: 13px; }
.compact-button, .primary-button, .operation-save, .operation-deploy { min-height: 46px; font-size: 11px; }
.admin-auth small, .admin-fee-control small { font-size: 10px; }
.admin-fee-control strong, .admin-fee-control select { font-size: 11px; }
.admin-metrics dt { font-size: 10px; }
.admin-metrics dd { font-size: 15px; }

.admin-surface { padding: 52px clamp(26px, 4vw, 70px) 90px; }
.surface-heading { min-height: 155px; }
.surface-heading h2, .collection-editor h2 { font: 780 clamp(42px, 5vw, 76px)/.88 var(--mono); text-transform: uppercase; text-shadow: 2px 0 rgb(255 122 0 / 40%); }
.surface-heading p:last-child { font-size: 11px; }
.collection-operation { min-height: 180px; grid-template-columns: minmax(230px, 1.3fr) minmax(160px, .72fr) minmax(140px, .64fr) auto; gap: 28px; }
.collection-operation::after { content: attr(data-index); }
.collection-operation h3 { font: 730 25px/1 var(--mono); letter-spacing: -.04em; text-transform: uppercase; }
.collection-operation p, .collection-operation small { font-size: 11px; }
.operation-supply strong, .operation-price strong { font-size: 17px; }
.trust-line, .anchor-line { font-size: 10px; }
.collection-state-select { font-size: 11px; }
.operation-deploy { color: #000; background: var(--orange); }
.operation-deploy:hover { background: var(--paper); }
.mempool-link { display: inline-flex; align-items: center; min-height: 34px; padding: 0 11px; border: 1px solid rgb(139 255 199 / 34%); color: #8bffc7; font: 800 10px/1 var(--mono); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.mempool-link[hidden] { display: none; }

.collection-editor { inset: 104px 0 0; padding-top: 48px; background: rgb(0 0 0 / 98%); }
.form-section > span { font-size: 10px; }
.collection-field-preview { min-height: 430px; background: radial-gradient(ellipse at 27% 50%, rgb(139 255 199 / 7%), transparent 38%); }
.collection-field-preview canvas { height: 430px; filter: grayscale(.62) contrast(1.3); }
.field-preview-copy > p:not(.product-kicker) { font-size: 14px; line-height: 1.6; }
.field-preview-copy dt, .field-preview-copy dd { font-size: 10px; }
.form-status { font-size: 11px; }
.operation-chamber { background: #000; }
.operation-chamber::after { content: "ISSUER::MANIFEST / FACTORY::CMR / PSBT::FUNDING / BITCOIN::BROADCAST / MEMPOOL::TRACK"; position: absolute; right: 2vw; bottom: 4vw; color: rgb(139 255 199 / 20%); font: 650 9px/1 var(--mono); letter-spacing: .16em; writing-mode: vertical-rl; }
.operation-links { display: flex; align-items: center; gap: 14px; }
.operation-core { border-radius: 0; }
.operation-core i { border-radius: 50%; border-style: dashed; }
.operation-body article h2 { font-family: var(--mono); }
.operation-steps strong { font-size: 12px; }
.operation-steps small { font-size: 10px; }
.operation-trace { min-height: 68px; display: grid; gap: 8px; margin-top: 16px; padding: 11px 13px; border-left: 1px solid rgb(139 255 199 / 36%); background: rgb(139 255 199 / 3%); }
.operation-trace span { color: var(--dim); font: 650 9px/1 var(--mono); letter-spacing: .12em; }
.operation-trace code { color: rgb(139 255 199 / 72%); font: 620 10px/1.45 var(--mono); white-space: pre-wrap; }
.operation-proof { margin-top: 12px; }

@keyframes admin-cipher-glitch { 0%, 89%, 100% { transform: none; opacity: .85; } 90% { transform: translateX(-5px); opacity: .3; } 92% { transform: translateX(3px); opacity: 1; } }
@keyframes admin-heading-glitch { 0%, 91%, 100% { transform: none; } 92% { transform: translateX(-4px); text-shadow: 7px 0 var(--orange), -3px 0 var(--paper); } 94% { transform: translateX(3px); } }

@media (max-width: 1100px) {
  .app-header { grid-template-columns: 220px 1fr auto; }
  .primary-nav a { min-width: 115px; padding-right: 10px; }
  .operator-shell .admin-workspace { grid-template-columns: 300px minmax(0, 1fr); }
  .collection-operation { grid-template-columns: 1fr repeat(2, 150px); }
}

@media (max-width: 780px) {
  :root { --flight-top: 62px; }
  .app-header { grid-template: 1fr / 1fr auto; }
  .brand { width: auto; }
  .primary-nav { top: var(--flight-top); flex-direction: column; background: #000; }
  .primary-nav.open { display: flex; }
  .primary-nav a { width: 100%; height: 66px; padding-left: 20px; }
  .header-status { position: static; width: auto; }
  .truth-bar { position: fixed; top: var(--flight-top); }
  .operator-shell .admin-workspace { grid-template-columns: 1fr; padding-top: 98px; }
  .admin-rail { top: auto; min-height: 0; padding: 46px 20px 36px; }
  .admin-surface { padding: 34px 20px 70px; }
  .collection-editor { inset: 98px 0 0; }
  .admin-cipher { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .admin-cipher, .admin-rail h1 { animation: none; }
}