.admin-header {
  grid-template-columns: 1fr auto auto;
  gap: 34px;
}

.admin-back,
.admin-identity {
  color: var(--muted);
  font: 10px var(--mono);
  letter-spacing: .07em;
  text-transform: uppercase;
}

.admin-back:hover { color: var(--text); }
.admin-identity { color: var(--mint); }

.admin-main {
  width: min(calc(100% - 48px), var(--max));
  margin: 0 auto;
  padding: 82px 0 120px;
}

.admin-intro {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 80px;
  align-items: end;
  padding-bottom: 58px;
  border-bottom: 1px solid var(--line);
}

.admin-intro .eyebrow { margin-bottom: 23px; }
.admin-intro h1 {
  margin: 0;
  font-size: clamp(48px, 6vw, 82px);
  line-height: .98;
  letter-spacing: -.06em;
}
.admin-intro h1 em { color: var(--copper-bright); font-style: normal; font-weight: 400; }
.admin-intro > p { max-width: 570px; margin: 0 0 7px; color: var(--muted); font-size: 14px; line-height: 1.8; }

.admin-gate {
  min-height: 350px;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  border-bottom: 1px solid var(--line);
}
.admin-gate h2 { margin: 18px 0 8px; font-size: 22px; }
.admin-gate p { margin: 0; color: var(--muted); font-size: 12px; }
.admin-gate .button { margin-top: 24px; }
.admin-loader { width: 28px; height: 28px; border: 1px solid var(--line-bright); border-top-color: var(--copper); border-radius: 50%; animation: admin-spin .8s linear infinite; }
@keyframes admin-spin { to { transform: rotate(360deg); } }

.admin-console { padding-top: 44px; }
.admin-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: solid var(--line);
  border-width: 1px 0;
}
.admin-summary div { padding: 24px 22px; border-right: 1px solid var(--line); }
.admin-summary div:first-child { padding-left: 0; }
.admin-summary div:last-child { border-right: 0; }
.admin-summary strong { display: block; color: var(--copper-bright); font: 24px var(--mono); }
.admin-summary span { display: block; margin-top: 6px; color: var(--muted); font: 8px var(--mono); letter-spacing: .09em; text-transform: uppercase; }

.admin-tools {
  display: grid;
  grid-template-columns: 1fr 260px 260px;
  gap: 15px;
  padding: 34px 0 20px;
}
.admin-tools label { min-width: 0; }
.admin-tools label > span { display: block; margin-bottom: 8px; color: var(--muted); font: 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.admin-tools input,
.admin-tools select,
.markup-input {
  width: 100%; height: 45px; padding: 0 13px; border: 1px solid var(--line-bright); border-radius: 3px; outline: 0; color: var(--text); background: var(--ink-soft); font: 11px var(--mono);
}
.admin-tools input:focus,
.admin-tools select:focus,
.markup-input:focus { border-color: var(--copper); }

.admin-list { display: grid; gap: 1px; border: 1px solid var(--line); background: var(--line); }
.admin-product {
  display: grid;
  grid-template-columns: minmax(250px, 1.2fr) minmax(260px, .9fr) minmax(220px, .8fr) 190px;
  gap: 25px;
  align-items: center;
  padding: 20px;
  background: var(--ink-soft);
  transition: background .2s;
}
.admin-product.is-dirty { background: #111f1c; box-shadow: inset 3px 0 var(--copper); }
.admin-product-main { min-width: 0; display: grid; grid-template-columns: 74px 1fr; gap: 17px; align-items: center; }
.admin-product-image { width: 74px; height: 74px; display: grid; place-items: center; background: radial-gradient(circle, rgba(70,112,94,.22), transparent 68%); }
.admin-product-image img { width: 72px; height: 72px; object-fit: contain; }
.admin-product-main h2 { margin: 0 0 7px; overflow-wrap: anywhere; font-size: 15px; line-height: 1.35; }
.admin-product-meta { display: flex; flex-wrap: wrap; gap: 7px 12px; color: var(--muted); font: 8px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.admin-state { color: var(--mint); }
.admin-state.offline { color: #d79573; }

.admin-costs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 20px; }
.admin-costs div { min-width: 0; }
.admin-costs span,
.admin-price span { display: block; color: var(--muted); font: 8px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.admin-costs strong,
.admin-price strong { display: block; margin-top: 3px; overflow-wrap: anywhere; font: 11px var(--mono); font-weight: 500; }
.admin-costs .cost-total strong { color: var(--text); }
.admin-price { display: grid; grid-template-columns: 1fr 1fr; gap: 11px 18px; }
.admin-price strong { color: var(--copper-bright); }
.admin-price .saving strong { color: var(--mint); }

.admin-controls { display: grid; gap: 12px; }
.markup-field > span { display: block; margin-bottom: 6px; color: var(--muted); font: 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.markup-wrap { display: grid; grid-template-columns: 1fr 34px; align-items: center; }
.markup-input { border-radius: 3px 0 0 3px; }
.markup-wrap > span { height: 45px; display: grid; place-items: center; border: solid var(--line-bright); border-width: 1px 1px 1px 0; color: var(--muted); font: 10px var(--mono); }
.admin-toggles { display: flex; flex-wrap: wrap; gap: 7px 14px; }
.admin-toggle { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; }
.admin-toggle input { accent-color: var(--copper); }
.admin-save { min-height: 39px; padding: 0 15px; gap: 8px; }
.admin-save:disabled { opacity: .3; }
.admin-save.saved { color: var(--mint); border: 1px solid rgba(130,198,168,.3); background: transparent; }
.admin-empty { padding: 60px 20px; text-align: center; color: var(--muted); }

@media (max-width: 1180px) {
  .admin-product { grid-template-columns: 1.2fr 1fr 210px; }
  .admin-price { grid-column: 1 / 3; grid-row: 2; padding-left: 91px; }
  .admin-controls { grid-column: 3; grid-row: 1 / 3; }
}

@media (max-width: 780px) {
  .admin-header { grid-template-columns: 1fr auto; }
  .admin-identity { display: none; }
  .admin-back { font-size: 8px; }
  .admin-main { width: min(calc(100% - 30px), var(--max)); padding-top: 54px; }
  .admin-intro { grid-template-columns: 1fr; gap: 28px; }
  .admin-summary { grid-template-columns: 1fr 1fr; }
  .admin-summary div:nth-child(2) { border-right: 0; }
  .admin-summary div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .admin-tools { grid-template-columns: 1fr 1fr; }
  .admin-search { grid-column: 1 / -1; }
  .admin-product { grid-template-columns: 1fr; gap: 20px; }
  .admin-price,
  .admin-controls { grid-column: auto; grid-row: auto; padding-left: 0; }
}

@media (max-width: 480px) {
  .admin-header .brand small { display: none; }
  .admin-back { max-width: 80px; text-align: right; }
  .admin-tools { grid-template-columns: 1fr; }
  .admin-search { grid-column: auto; }
  .admin-costs,
  .admin-price { grid-template-columns: 1fr 1fr; }
}