/*
 * Admin UX layer (ux1)
 *
 * The public design system and the previous admin appearance remain in site.css.
 * Every structural rule below is opt-out: admin.js adds .admin-ui--legacy to the
 * html element when the user selects the previous appearance.
 */

:root {
  --admin-sidebar-width: 274px;
  --admin-space-1: .25rem;
  --admin-space-2: .5rem;
  --admin-space-3: .75rem;
  --admin-space-4: 1rem;
  --admin-space-6: 1.5rem;
  --admin-radius: 12px;
  --admin-surface: #111613;
  --admin-surface-raised: #181f1a;
  --admin-line-strong: rgba(232, 224, 206, .28);
  --admin-text-muted: #c5c8c0;
}

.book-meta-editor {
  border: 1px solid rgba(201, 163, 86, .28);
  border-radius: 14px;
  padding: 1rem;
}

.book-meta-editor__list { display: grid; gap: .65rem; margin-bottom: .85rem; }
.book-meta-editor__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: end; }
@media (max-width: 620px) { .book-meta-editor__row { grid-template-columns: 1fr; } }
.mailbox-quota { display: grid; gap: .35rem; margin-top: .45rem; }
.mailbox-quota div { display: flex; justify-content: space-between; gap: .75rem; }
.mailbox-quota progress { width: 100%; accent-color: #c9a356; }
.media-category-section { margin-top: 1.35rem; padding-top: 1.1rem; border-top: 1px solid rgba(201, 163, 86, .2); }
.media-category-section__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.media-category-section__heading h3 { margin: .1rem 0 0; }

/* New responsive shell --------------------------------------------------- */

.admin-skip-link {
  position: fixed;
  z-index: 300;
  top: .5rem;
  left: .5rem;
  padding: .7rem 1rem;
  transform: translateY(-180%);
  border: 2px solid #f3d58a;
  border-radius: 9px;
  background: #090b0a;
  color: #fff4ce;
  font-weight: 800;
}

.admin-skip-link:focus { transform: translateY(0); }

.admin-command-button,
.admin-density-toggle {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .55rem .7rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
  color: var(--paper);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

.admin-command-button:hover,
.admin-command-button:focus-visible,
.admin-density-toggle:hover,
.admin-density-toggle:focus-visible,
.admin-density-toggle[aria-pressed="true"] {
  border-color: rgba(201, 163, 86, .72);
  background: rgba(201, 163, 86, .12);
}

.admin-command-button kbd {
  padding: .15rem .35rem;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 5px;
  background: rgba(0, 0, 0, .2);
  color: var(--admin-text-muted);
  font-size: .72rem;
  line-height: 1;
}

.admin-command-dialog {
  width: min(680px, calc(100vw - 2rem));
  max-height: min(760px, calc(100vh - 2rem));
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid rgba(201, 163, 86, .48);
  border-radius: 18px;
  background: #111713;
  color: var(--paper);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .68);
}

.admin-command-dialog::backdrop {
  background: rgba(0, 0, 0, .7);
  backdrop-filter: blur(5px);
}

.admin-command-dialog__heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.25rem .85rem;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.admin-command-dialog__heading h2 { margin: .1rem 0 0; font-size: 1.45rem; }
.admin-command-dialog__close {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  border: 1px solid var(--admin-line-strong);
  border-radius: 50%;
  background: transparent;
  color: var(--paper);
  cursor: pointer;
  font-size: 1.55rem;
}

.admin-command-search { display: grid; gap: .55rem; padding: 1.1rem 1.25rem; }
.admin-command-search label { font-weight: 800; }
.admin-command-search > div,
.admin-global-search-form > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .7rem; }
.admin-command-search input,
.admin-global-search-form input { width: 100%; min-height: 48px; }
.admin-command-search small { color: var(--admin-text-muted); }
.admin-command-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding: 0 1.25rem 1.25rem; }
.admin-command-links a {
  display: grid;
  gap: .12rem;
  padding: .8rem;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  color: var(--paper);
  text-decoration: none;
}
.admin-command-links a:hover,
.admin-command-links a:focus-visible { border-color: rgba(201, 163, 86, .58); background: rgba(201, 163, 86, .08); }
.admin-command-links small { color: var(--admin-text-muted); }

.admin-global-search-form { display: grid; gap: .55rem; margin-top: 1rem; }
.admin-global-search-form > label { font-weight: 800; }
.admin-search-hint,
.admin-search-empty {
  display: grid;
  gap: .2rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px dashed var(--admin-line-strong);
  border-radius: 12px;
  color: var(--admin-text-muted);
}
.admin-search-hint strong,
.admin-search-empty strong { color: var(--paper); }
.admin-search-summary { margin-top: 1rem; color: var(--admin-text-muted); font-weight: 700; }
.admin-search-results { display: grid; gap: 1.25rem; margin-top: 1.35rem; }
.admin-search-group { overflow: hidden; border: 1px solid rgba(255, 255, 255, .1); border-radius: 13px; }
.admin-search-group__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; background: rgba(255, 255, 255, .035); }
.admin-search-group__heading h3 { margin: 0; font-size: 1.05rem; }
.admin-search-group__heading span { color: var(--admin-text-muted); font-size: .85rem; }
.admin-search-group ul { display: grid; margin: 0; padding: 0; list-style: none; }
.admin-search-group li + li { border-top: 1px solid rgba(255, 255, 255, .075); }
.admin-search-group li > a { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 1rem; padding: .72rem 1rem; color: var(--paper); text-decoration: none; }
.admin-search-group li > a:hover,
.admin-search-group li > a:focus-visible { background: rgba(201, 163, 86, .08); }
.admin-search-group li > a > span:first-child { display: grid; min-width: 0; gap: .15rem; }
.admin-search-group li small { overflow: hidden; color: var(--admin-text-muted); text-overflow: ellipsis; white-space: nowrap; }
.admin-search-group > .form-note { margin: 0; padding: .65rem 1rem; border-top: 1px solid rgba(255, 255, 255, .075); }

.admin-toast-stack {
  position: fixed;
  z-index: 260;
  right: 1rem;
  bottom: 1rem;
  display: grid;
  width: min(420px, calc(100vw - 2rem));
  gap: .65rem;
}
.admin-toast {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .75rem;
  align-items: start;
  padding: .85rem 1rem;
  border: 1px solid #66815c;
  border-radius: 12px;
  background: #172117;
  color: #e8f2e2;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .45);
}
.admin-toast--error { border-color: #b9645c; background: #2a1716; color: #ffd8d4; }
.admin-toast button { border: 0; background: transparent; color: currentColor; cursor: pointer; font-size: 1.25rem; line-height: 1; }

html.admin-density--compact .admin-page .data-table th,
html.admin-density--compact .admin-page .data-table td { padding-top: .42rem; padding-bottom: .42rem; }
html.admin-density--compact .admin-page .admin-card { padding-top: .8rem; padding-bottom: .8rem; }
html.admin-density--compact .admin-page .order-cell-stack { gap: .08rem; }

@media (max-width: 720px) {
  .admin-command-button kbd,
  .admin-density-toggle [data-admin-density-label] { display: none; }
  .admin-command-button,
  .admin-density-toggle { width: 44px; padding: 0; }
  .admin-command-links { grid-template-columns: 1fr; }
  .admin-command-search > div,
  .admin-global-search-form > div { grid-template-columns: 1fr; }
  .product-save-summary dl { grid-template-columns: 1fr; }
  html:not(.admin-ui--legacy) .admin-page .data-table--mobile-cards,
  html:not(.admin-ui--legacy) .admin-page .data-table--mobile-cards tbody,
  html:not(.admin-ui--legacy) .admin-page .data-table--mobile-cards tr,
  html:not(.admin-ui--legacy) .admin-page .data-table--mobile-cards td { display: block; width: 100%; }
  html:not(.admin-ui--legacy) .admin-page .data-table--mobile-cards tbody { display: grid; gap: .8rem; }
  html:not(.admin-ui--legacy) .admin-page .data-table--mobile-cards tr {
    padding: .55rem .75rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 12px;
    background: rgba(255, 255, 255, .025);
  }
  html:not(.admin-ui--legacy) .admin-page .data-table--mobile-cards td {
    display: grid;
    grid-template-columns: minmax(7rem, 38%) minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
    padding: .45rem 0;
    border: 0;
    text-align: left;
  }
  html:not(.admin-ui--legacy) .admin-page .data-table--mobile-cards td::before {
    content: attr(data-label);
    color: var(--admin-text-muted);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
}

html:not(.admin-ui--legacy) .admin-page .admin-topbar,
html:not(.admin-ui--legacy) .admin-page > main.admin-shell {
  width: min(1360px, calc(100% - var(--admin-sidebar-width) - 2rem));
  margin-right: 1rem;
  margin-left: calc(var(--admin-sidebar-width) + 1rem);
  transition: width .22s ease, margin-left .22s ease;
}

html:not(.admin-ui--legacy) .admin-page .admin-topbar {
  position: sticky;
  z-index: 80;
  top: 0;
  align-items: center;
  min-height: 80px;
  padding: .85rem 0;
  border-bottom: 1px solid var(--line);
  background: rgba(9, 11, 10, .94);
  backdrop-filter: blur(18px);
}

html:not(.admin-ui--legacy) .admin-page .admin-topbar__title {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--admin-space-3);
}

html:not(.admin-ui--legacy) .admin-page .admin-topbar__title > div { min-width: 0; }
html:not(.admin-ui--legacy) .admin-page .admin-topbar .eyebrow { margin-bottom: .15rem; }
html:not(.admin-ui--legacy) .admin-page .admin-topbar h1 {
  overflow: hidden;
  font-size: clamp(1.7rem, 3vw, 2.55rem);
  letter-spacing: -.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-menu-button,
.admin-view-toggle,
.admin-nav__header button {
  display: inline-flex;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 8px;
  background: #171d18;
  color: white;
  padding: .55rem .75rem;
  font-weight: 800;
}

.admin-menu-button:hover,
.admin-view-toggle:hover,
.admin-nav__header button:hover { border-color: var(--gold); background: #252d26; }
.admin-view-toggle { color: #e8d38e; font-size: .78rem; }
.admin-view-toggle__icon { display: none; font-size: 1.1rem; }
.admin-logout-button__icon { display: none; font-size: 1.2rem; }
.admin-site-link__icon { display: none; font-size: 1.2rem; }

/* The shell's display rules must never override a closed drawer's hidden state. */
.admin-page .admin-nav[hidden],
.admin-page .admin-nav-scrim[hidden] { display: none !important; }

html:not(.admin-ui--legacy) .admin-page .admin-nav {
  position: fixed;
  z-index: 100;
  inset: 0 auto 0 0;
  display: block;
  width: var(--admin-sidebar-width);
  height: 100dvh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: 0;
  border-right: 1px solid var(--admin-line-strong);
  background:
    radial-gradient(circle at 15% 0, rgba(202, 164, 74, .12), transparent 32%),
    linear-gradient(180deg, #121713, #090c0a 74%);
  box-shadow: 18px 0 50px rgba(0, 0, 0, .2);
  transform: translateX(0);
  transition: transform .22s ease;
}

html:not(.admin-ui--legacy) .admin-page .admin-nav__header {
  position: sticky;
  z-index: 1;
  top: 0;
  display: flex;
  min-height: 82px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border-bottom: 1px solid var(--line);
  background: rgba(12, 16, 13, .96);
  backdrop-filter: blur(14px);
}

html:not(.admin-ui--legacy) .admin-page .admin-nav__header span,
html:not(.admin-ui--legacy) .admin-page .admin-nav__header strong { display: block; }
html:not(.admin-ui--legacy) .admin-page .admin-nav__header span {
  color: var(--gold);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__header strong {
  margin-top: .15rem;
  font-family: var(--display);
  font-size: 1.18rem;
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__header button { font-size: 1.35rem; }

html:not(.admin-ui--legacy) .admin-page .admin-nav__groups { padding: .6rem 0 1.5rem; }
html:not(.admin-ui--legacy) .admin-page .admin-nav__group {
  position: relative;
  padding: .55rem .7rem .65rem;
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__group + .admin-nav__group {
  border-top: 1px solid rgba(232, 224, 206, .08);
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__group h2 {
  margin: 0;
  padding: 0;
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__group-toggle {
  display: flex;
  width: 100%;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .3rem .65rem;
  border: 0;
  border-radius: .45rem;
  background: transparent;
  color: #989f95;
  font-family: var(--sans);
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__group-toggle:hover,
html:not(.admin-ui--legacy) .admin-page .admin-nav__group-toggle:focus-visible {
  background: rgba(232, 224, 206, .07);
  color: var(--paper);
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__group-chevron {
  flex: 0 0 auto;
  font-size: 1rem;
  line-height: 1;
  transform: rotate(-90deg);
  transition: transform .18s ease;
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__group.is-open .admin-nav__group-chevron {
  transform: rotate(0);
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__group > div {
  display: none;
  gap: .15rem;
}
html:not(.admin-ui--legacy) .admin-page .admin-nav__group.is-open > div {
  display: grid;
}
html:not(.admin-ui--legacy) .admin-page .admin-nav a {
  position: relative;
  display: flex;
  min-height: 44px;
  align-items: center;
  border-radius: 8px;
  padding: .65rem .75rem;
  color: #d3d6cf;
  font-size: .84rem;
}
html:not(.admin-ui--legacy) .admin-page .admin-nav a:hover { background: rgba(255, 255, 255, .07); }
html:not(.admin-ui--legacy) .admin-page .admin-nav a[aria-current="page"] {
  background: linear-gradient(90deg, rgba(189, 75, 49, .35), rgba(202, 164, 74, .1));
  color: white;
  box-shadow: inset 3px 0 0 var(--gold);
}

.admin-nav-scrim { display: none; }

html:not(.admin-ui--legacy).admin-nav--collapsed .admin-page .admin-nav { transform: translateX(-100%); }
html:not(.admin-ui--legacy).admin-nav--collapsed .admin-page .admin-topbar,
html:not(.admin-ui--legacy).admin-nav--collapsed .admin-page > main.admin-shell {
  width: min(1360px, calc(100% - 2rem));
  margin-left: 1rem;
}

/* Components and accessibility ------------------------------------------ */

html:not(.admin-ui--legacy) .admin-page .admin-card {
  border-color: var(--admin-line-strong);
  border-radius: var(--admin-radius);
  background: linear-gradient(145deg, var(--admin-surface-raised), var(--admin-surface));
  box-shadow: 0 14px 36px rgba(0, 0, 0, .14);
}
html:not(.admin-ui--legacy) .admin-page .form-note { color: var(--admin-text-muted); }
html:not(.admin-ui--legacy) .admin-page .form-note--changed { color: #c8e5b9; }

html:not(.admin-ui--legacy) .admin-page .table-button,
html:not(.admin-ui--legacy) .admin-page .admin-subnav a,
html:not(.admin-ui--legacy) .admin-page .order-status-filters a,
html:not(.admin-ui--legacy) .admin-page .pagination button,
html:not(.admin-ui--legacy) .admin-page .quantity-button,
html:not(.admin-ui--legacy) .admin-page .toggle-switch,
html:not(.admin-ui--legacy) .admin-page .choice,
html:not(.admin-ui--legacy) .admin-page summary {
  min-height: 44px;
}

html:not(.admin-ui--legacy) .admin-page .table-button {
  justify-content: center;
  border-radius: 7px;
  padding: .58rem .78rem;
}
html:not(.admin-ui--legacy) .admin-page .button--primary {
  background: linear-gradient(135deg, #c35338, #953823);
  box-shadow: 0 7px 18px rgba(122, 43, 31, .22);
}
html:not(.admin-ui--legacy) .admin-page .button--danger,
html:not(.admin-ui--legacy) .admin-page .table-button--danger {
  border-color: #c56a58;
  background: #4a2019;
  color: #ffd4ca;
}
html:not(.admin-ui--legacy) .admin-page .admin-danger-zone {
  border-width: 2px;
  border-color: #8d4032;
  background: linear-gradient(145deg, #251512, #130f0d);
}
html:not(.admin-ui--legacy) .admin-page .admin-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html:not(.admin-ui--legacy) .admin-page .admin-form select { min-height: 44px; }

.admin-dirty-status {
  position: fixed;
  z-index: 160;
  right: 1rem;
  bottom: 1rem;
  left: calc(var(--admin-sidebar-width) + 1rem);
  display: flex;
  width: min(720px, calc(100% - var(--admin-sidebar-width) - 2rem));
  min-height: 56px;
  margin-inline: auto;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  border: 1px solid #d7b65f;
  border-radius: 12px;
  background: #332b17;
  color: #fff2c9;
  padding: .75rem 1rem;
  box-shadow: 0 16px 50px rgba(0, 0, 0, .45);
  font-weight: 800;
  text-align: center;
}
.admin-dirty-status[hidden] { display: none; }
.admin-dirty-status__icon { color: #f0ca65; font-size: 1.25rem; }
html.admin-nav--collapsed .admin-dirty-status { left: 1rem; width: min(720px, calc(100% - 2rem)); }
body.admin-page--has-save-bar .admin-dirty-status { bottom: 6.8rem; }

html:not(.admin-ui--legacy) .admin-page .admin-save-bar {
  position: fixed;
  z-index: 155;
  right: 1rem;
  bottom: 1rem;
  left: calc(var(--admin-sidebar-width) + 1rem);
  display: none;
  width: min(760px, calc(100% - var(--admin-sidebar-width) - 2rem));
  min-height: 76px;
  margin-inline: auto;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid #d7b65f;
  border-radius: 13px;
  background: rgba(24, 27, 22, .98);
  padding: .78rem .9rem;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .55);
  backdrop-filter: blur(16px);
}
html:not(.admin-ui--legacy) .admin-page .admin-save-bar.is-dirty,
html:not(.admin-ui--legacy) .admin-page .admin-save-bar.is-submitting { display: flex; }
html:not(.admin-ui--legacy) .admin-page .admin-save-bar.is-submitting { border-color: var(--admin-line-strong); }
.admin-save-bar__summary { display: grid; min-width: 0; gap: .15rem; }
.admin-save-bar__summary > span { color: #aeb5aa; font-size: .7rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.admin-save-bar__summary > strong { color: #ffe3a0; line-height: 1.35; }
.admin-save-bar.is-submitting .admin-save-bar__summary > strong { color: #d6ddd3; }
.admin-save-bar__actions { display: flex; flex: 0 0 auto; gap: .55rem; }
html.admin-nav--collapsed .admin-save-bar { left: 1rem; width: min(760px, calc(100% - 2rem)); }
html:not(.admin-ui--legacy) body.admin-page--has-save-bar main.admin-shell { padding-bottom: 7rem; }
html.admin-ui--legacy .admin-save-bar { display: none; }
html.admin-ui--legacy .admin-save-bar.is-dirty,
html.admin-ui--legacy .admin-save-bar.is-submitting {
  display: flex;
  margin-top: 1rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* Daily work and list patterns ------------------------------------------ */

.dashboard-task-center {
  margin-bottom: 1rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: var(--admin-radius);
  background: linear-gradient(135deg, rgba(196, 76, 49, .13), rgba(202, 164, 74, .05) 55%, #111613);
  padding: 1rem;
}
.dashboard-task-center__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .85rem;
}
.dashboard-task-center__heading h2 { font-size: clamp(1.45rem, 3vw, 2rem); }
.dashboard-updated {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--admin-text-muted);
  padding: .4rem .65rem;
  font-size: .72rem;
  font-weight: 800;
}
.dashboard-task-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.dashboard-task {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 76px;
  align-items: center;
  gap: .75rem;
  border: 1px solid rgba(232, 224, 206, .2);
  border-radius: 10px;
  background: rgba(9, 12, 10, .72);
  color: white;
  padding: .75rem;
  text-decoration: none;
}
.dashboard-task:hover { border-color: var(--gold); transform: translateY(-1px); }
.dashboard-task--warning { border-left: 4px solid #d6a744; }
.dashboard-task--urgent { border-left: 4px solid #d1654e; }
.dashboard-task > span:nth-child(2) { display: grid; gap: .15rem; min-width: 0; }
.dashboard-task small { color: var(--admin-text-muted); line-height: 1.35; }
.dashboard-task b { min-width: 2rem; color: #fff3bd; font-size: 1.35rem; text-align: center; }
.dashboard-task__badge {
  border-radius: 999px;
  background: #302919;
  color: #f7da82;
  padding: .3rem .45rem;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.dashboard-task--urgent .dashboard-task__badge { background: #482119; color: #ffd0c4; }
.dashboard-task-clear {
  grid-column: 1 / -1;
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  border: 1px solid rgba(119, 173, 107, .42);
  border-radius: 10px;
  background: rgba(53, 89, 48, .18);
  color: #d5efcf;
  padding: .75rem;
}
.dashboard-task-clear > span { font-size: 1.35rem; }
.dashboard-task-clear small { color: #b7cab3; }
.dashboard-kpi-grid .metric-card { color: white; text-decoration: none; }
.dashboard-kpi-grid .metric-card:hover { border-color: var(--gold); transform: translateY(-1px); }
.dashboard-kpi-grid .metric-card small { display: block; margin-top: .45rem; color: var(--admin-text-muted); }
.dashboard-insights {
  margin-top: 1rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: var(--admin-radius);
  background: rgba(14, 18, 15, .72);
}
.dashboard-insights > summary {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  padding: .8rem 1rem;
}
.dashboard-insights > summary > span { display: grid; gap: .1rem; }
.dashboard-insights > summary small { color: var(--admin-text-muted); }
.dashboard-insights .dashboard-chart-grid { margin: 0; padding: 0 1rem 1rem; }

.order-work-queues {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  gap: .5rem;
}
.order-work-queues a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: .45rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 999px;
  background: #111613;
  color: var(--admin-text-muted);
  padding: .55rem .78rem;
  text-decoration: none;
  font-size: .78rem;
  font-weight: 850;
}
.order-work-queues a:hover,
.order-work-queues a.is-active { border-color: var(--gold); background: #302818; color: #fff1bd; }
.order-work-queues strong { min-width: 1.5rem; text-align: center; }
.active-filter-bar {
  display: flex;
  margin: -.25rem 0 1rem;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
  color: var(--admin-text-muted);
  font-size: .76rem;
  font-weight: 800;
}
.filter-chip {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: .45rem;
  border: 1px solid #9e813c;
  border-radius: 999px;
  background: #302919;
  color: #fff1bd;
  padding: .35rem .65rem;
  text-decoration: none;
}
.filter-chip b { font-size: 1.05rem; }
.filter-reset { color: #e5c96f; padding: .45rem; }
.order-age {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border: 1px solid #4e6650;
  border-radius: 999px;
  background: #17231a;
  color: #cce4c8;
  padding: .3rem .55rem;
  font-size: .72rem;
  font-weight: 900;
  white-space: nowrap;
}
.order-age--warning { border-color: #9e813c; background: #302919; color: #f6d875; }
.order-age--critical { border-color: #aa5847; background: #402019; color: #ffc8ba; }
.order-age--muted { border-color: var(--line); background: #171a18; color: #a7aaa4; }
.order-cell-stack { display: grid; gap: .25rem; justify-items: start; }
.order-next-action { display: block; margin-top: .4rem; color: #f1d784; font-weight: 800; }

/* Product catalog and focused editor ------------------------------------ */

.catalog-overview { margin-bottom: 1rem; }
.catalog-metrics {
  display: grid;
  margin: 1rem 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
}
.catalog-metrics a {
  display: grid;
  min-height: 78px;
  align-content: center;
  gap: .2rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 10px;
  background: rgba(8, 12, 9, .68);
  color: var(--admin-text-muted);
  padding: .75rem;
  text-decoration: none;
}
.catalog-metrics a:hover,
.catalog-metrics a.is-active { border-color: var(--gold); background: #302818; color: #fff1bd; }
.catalog-metrics a.is-warning { border-color: #aa5847; background: #402019; color: #ffc8ba; }
.catalog-metrics span { font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.catalog-metrics strong { color: white; font-size: 1.65rem; line-height: 1; }
.catalog-tools {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
}
.catalog-tools a {
  display: grid;
  min-height: 96px;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: center;
  gap: .15rem .55rem;
  border: 1px solid rgba(232, 224, 206, .16);
  border-radius: 9px;
  background: #101512;
  color: white;
  padding: .7rem;
  text-decoration: none;
}
.catalog-tools a:hover { border-color: var(--gold); transform: translateY(-1px); }
.catalog-tools a > span { grid-row: 1 / 3; align-self: center; color: var(--gold); font-size: 1.25rem; }
.catalog-tools strong { font-size: .78rem; }
.catalog-tools small { color: var(--admin-text-muted); font-size: .68rem; line-height: 1.25; }
.catalog-list-card { overflow: hidden; }
.catalog-filter {
  display: grid;
  margin-bottom: 1rem;
  grid-template-columns: minmax(15rem, 2fr) minmax(9rem, 1fr) minmax(9rem, 1fr) auto auto;
  align-items: end;
  gap: .65rem;
}
.catalog-filter label { display: grid; gap: .35rem; color: var(--admin-text-muted); font-size: .72rem; font-weight: 850; }
.catalog-filter input,
.catalog-filter select { min-height: 44px; }
.product-catalog-table-wrap { overflow-x: auto; }
.product-catalog-table { min-width: 860px; }
.product-catalog-table th:last-child,
.product-catalog-table td:last-child { text-align: right; }
.product-catalog-table tr.is-inactive { opacity: .7; }
.catalog-product-identity { display: flex; min-width: 15rem; align-items: center; gap: .7rem; }
.catalog-product-identity img {
  width: 48px;
  height: 62px;
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #090b09;
  object-fit: cover;
}
.catalog-product-identity > span,
.catalog-price,
.catalog-stock { display: grid; gap: .15rem; }
.catalog-product-identity small,
.catalog-price small,
.catalog-stock small { color: var(--admin-text-muted); font-size: .7rem; }
.catalog-stock small.is-warning { color: #f3cb65; font-weight: 850; }
.catalog-price small { color: #efc662; font-weight: 900; }
.catalog-edit-button { white-space: nowrap; }
.catalog-active-cell { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }
.catalog-active-cell form { display: inline-flex; align-items: center; gap: .35rem; margin: 0; }
.catalog-active-switch { margin: 0; }
.catalog-active-switch input:checked ~ .toggle-switch__control { background: #267144; border-color: #5bc383; }
.catalog-active-switch input:not(:checked) ~ .toggle-switch__control { background: #383b3a; border-color: #777c78; }
.catalog-active-save { padding: .3rem .45rem; border: 1px solid var(--admin-line-strong); border-radius: 5px; background: transparent; color: var(--admin-text); cursor: pointer; font: inherit; font-size: .7rem; }
.catalog-active-save:hover { border-color: #b8c0ae; }

.editor-breadcrumb {
  display: flex;
  margin: -.3rem 0 .8rem;
  align-items: center;
  gap: .45rem;
  color: var(--admin-text-muted);
  font-size: .78rem;
}
.editor-breadcrumb a { color: #e7cc72; }
.product-editor-hero {
  display: flex;
  margin-bottom: .75rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.product-editor-steps {
  position: sticky;
  z-index: 20;
  top: 81px;
  display: grid;
  margin-bottom: .75rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--admin-line-strong);
  border-radius: 10px;
  background: rgba(12, 16, 13, .96);
  overflow: hidden;
  backdrop-filter: blur(14px);
}
.product-editor-steps a {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  border-right: 1px solid rgba(232, 224, 206, .12);
  color: var(--admin-text-muted);
  padding: .55rem;
  font-size: .72rem;
  font-weight: 850;
  text-decoration: none;
}
.product-editor-steps a:last-child { border-right: 0; }
.product-editor-steps a:hover { background: #302818; color: #fff1bd; }
.product-editor-steps a.is-current {
  background: rgba(201, 163, 86, .16);
  color: #fff1bd;
  box-shadow: inset 0 -3px 0 #c9a356;
}
.product-editor-steps a.is-complete { color: #cfe5ca; }
.product-editor-steps a.is-complete span { background: #244a31; color: #e1f3df; }
.product-editor-steps span,
.product-editor-section__heading > span {
  display: inline-grid;
  width: 27px;
  height: 27px;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #412118;
  color: #ffd2a7;
  font-size: .72rem;
  font-weight: 900;
}
.product-editor-form { display: grid; gap: .75rem; }
.product-editor-form.is-wizard-ready .product-editor-section:not(.is-current) { display: none; }
.product-editor-form > .admin-card { margin: 0; }
.product-editor-section { scroll-margin-top: 150px; }
.product-editor-section__heading { display: flex; align-items: flex-start; gap: .7rem; margin-bottom: 1rem; }
.product-editor-section__heading h2 { font-size: clamp(1.25rem, 2.4vw, 1.75rem); }
.product-editor-section__heading p:last-child { margin-top: .2rem; color: var(--admin-text-muted); }
.product-editor-fields { display: grid; gap: .75rem; }
.product-editor-fields--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.product-editor-fields__wide { grid-column: 1 / -1; }
.product-editor-fields label { display: grid; gap: .35rem; }
.product-editor-fields label > small { color: var(--admin-text-muted); font-weight: 500; }
.product-editor-toggle { margin-top: .9rem; }
.product-editor-toggle > span:last-child { display: grid; gap: .1rem; }
.product-editor-toggle small { color: var(--admin-text-muted); font-weight: 500; }
.product-media-editor { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: 1rem; }
.product-media-preview { display: grid; gap: .35rem; align-content: start; color: var(--admin-text-muted); font-size: .72rem; }
.product-media-preview img { width: 100%; max-height: 280px; border-radius: 8px; background: #090b09; object-fit: contain; }
.product-editor-submit { display: flex; margin-top: 1rem; justify-content: flex-end; gap: .6rem; }
.product-wizard-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(10rem, 28rem);
  align-items: center;
  gap: 1rem;
  margin: -.25rem 0 .75rem;
  padding: .6rem .8rem;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
}
.product-wizard-progress > div { display: flex; align-items: baseline; gap: .65rem; }
.product-wizard-progress span { color: var(--admin-text-muted); font-size: .78rem; }
.product-wizard-progress progress { width: 100%; accent-color: #c9a356; }
.product-wizard-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  margin-top: 1.15rem;
  padding-top: .9rem;
  border-top: 1px solid rgba(255, 255, 255, .09);
}
.product-wizard-actions--forward { justify-content: flex-end; }
.product-save-summary {
  display: grid;
  gap: .8rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(201, 163, 86, .34);
  border-radius: 12px;
  background: rgba(201, 163, 86, .055);
}
.product-save-summary__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.product-save-summary__heading h3 { margin: .1rem 0 0; font-size: 1.12rem; }
.product-save-summary dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin: 0; }
.product-save-summary dl > div { display: grid; gap: .14rem; padding: .65rem; border: 1px solid rgba(255, 255, 255, .09); border-radius: 9px; background: rgba(0, 0, 0, .14); }
.product-save-summary dt { color: var(--admin-text-muted); font-size: .7rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.product-save-summary dd { margin: 0; color: white; font-weight: 750; overflow-wrap: anywhere; }
.product-save-summary .form-note { margin: 0; }
.product-danger-zone {
  display: flex;
  margin-top: 1rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-color: #8d4032 !important;
  background: linear-gradient(145deg, #251512, #130f0d) !important;
}
.product-danger-zone p:last-child { color: #d9bdb5; }

/* Focused product tools ----------------------------------------------- */

.product-tool-tabs {
  position: sticky;
  z-index: 21;
  top: 80px;
  display: flex;
  margin-bottom: .8rem;
  gap: .25rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 10px;
  background: rgba(12, 16, 13, .96);
  padding: .35rem;
  overflow-x: auto;
  scrollbar-width: thin;
  backdrop-filter: blur(14px);
}
.product-tool-tabs a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: .35rem;
  flex: 0 0 auto;
  border-radius: 7px;
  color: var(--admin-text-muted);
  padding: .55rem .68rem;
  font-size: .72rem;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}
.product-tool-tabs a:hover { background: #252a24; color: white; }
.product-tool-tabs a[aria-current="page"] { background: #40291b; color: #ffe9a5; }
.product-tool-tabs a > span { color: var(--gold); font-size: .95rem; }
.product-tool-tabs .product-tool-tabs__legacy { margin-left: auto; border-left: 1px solid rgba(232, 224, 206, .13); }
.product-tool-hero { margin-bottom: .8rem; }
.product-tool-hero > p:last-child,
.order-intake-card > p { margin-top: .35rem; color: var(--admin-text-muted); }
.tool-metrics { display: grid; margin-top: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.tool-metrics--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tool-metrics > div {
  display: grid;
  min-height: 74px;
  align-content: center;
  gap: .15rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 9px;
  background: #0d120f;
  padding: .72rem;
}
.tool-metrics span { color: var(--admin-text-muted); font-size: .68rem; font-weight: 850; text-transform: uppercase; }
.tool-metrics strong { color: white; font-size: 1.5rem; }
.tool-metrics .is-warning { border-color: #92742c; background: #2e2819; }
.tool-metrics .is-danger { border-color: #9b483a; background: #351b17; }

.stock-workspace,
.product-types-workspace { display: grid; margin-bottom: .8rem; grid-template-columns: minmax(0, 1.75fr) minmax(280px, .8fr); align-items: start; gap: .8rem; }
.stock-workspace > .admin-card,
.product-types-workspace > .admin-card { margin: 0; }
.quick-stock-card,
.product-type-create-card { position: sticky; top: 143px; }
.quick-stock-card > p,
.product-type-create-card > p { color: var(--admin-text-muted); }
.quick-stock-card .admin-form,
.product-type-create-card .admin-form { margin-top: 1rem; }
.quick-stock-card label > small,
.product-type-create-card label > small { color: var(--admin-text-muted); font-weight: 500; }
.stock-card-list { display: grid; gap: .45rem; }
.stock-card-list article {
  display: grid;
  min-height: 76px;
  grid-template-columns: 48px minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: .7rem;
  border: 1px solid rgba(232, 224, 206, .12);
  border-radius: 9px;
  background: #0d120f;
  padding: .55rem .65rem;
}
.stock-card-list article.is-warning { border-color: #806b37; background: #282318; }
.stock-card-list article.is-danger { border-color: #854338; background: #2d1916; }
.stock-card-list img { width: 44px; height: 58px; border-radius: 5px; background: #090b09; object-fit: cover; }
.stock-card-list article > div { display: grid; gap: .12rem; }
.stock-card-list article > div small { color: var(--admin-text-muted); font-size: .7rem; }
.stock-card-list__value { display: flex; align-items: baseline; gap: .18rem; }
.stock-card-list__value strong { color: white; font-size: 1.4rem; }
.stock-card-list__value small { color: var(--admin-text-muted); }

.bundle-focused-list { display: grid; gap: .65rem; margin-bottom: .8rem; }
.bundle-focused-list > .admin-card { margin: 0; }
.bundle-focused-card { padding: 0; overflow: hidden; }
.bundle-focused-card.is-inactive { opacity: .76; }
.bundle-focused-card > summary {
  display: grid;
  min-height: 82px;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  list-style: none;
  padding: .8rem 1rem;
}
.bundle-focused-card > summary::-webkit-details-marker { display: none; }
.bundle-focused-card > summary::before { content: "›"; color: var(--gold); font-size: 1.4rem; font-weight: 900; }
.bundle-focused-card[open] > summary::before { transform: rotate(90deg); }
.bundle-focused-card > summary > span:first-of-type,
.bundle-focused-card__price { display: grid; gap: .18rem; }
.bundle-focused-card > summary small { color: var(--admin-text-muted); font-size: .7rem; }
.bundle-focused-card__price { min-width: 130px; text-align: right; }
.bundle-focused-card__body { display: grid; gap: .8rem; border-top: 1px solid rgba(232, 224, 206, .12); padding: 1rem; }
.bundle-focused-card__body > form:last-child { justify-self: end; }
.tool-empty,
.trash-empty { display: grid; min-height: 250px; place-items: center; align-content: center; gap: .4rem; text-align: center; }
.tool-empty > span,
.trash-empty > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: #203127; color: #8de1a8; font-size: 1.5rem; }
.tool-empty p,
.trash-empty p { color: var(--admin-text-muted); }

.product-type-list--focused article { align-items: center; }
.product-type-list--focused .product-type-edit { grid-template-columns: minmax(9rem, .7fr) minmax(12rem, 1fr) auto auto; align-items: end; }
.product-type-list--focused .status-pill { align-self: center; }
.order-intake-card { max-width: 820px; margin-inline: auto; border-width: 2px; }
.order-intake-card.is-enabled { border-color: #356f49; background: linear-gradient(145deg, #14261a, #0f1511); }
.order-intake-card.is-paused { border-color: #8f7331; background: linear-gradient(145deg, #2d2719, #15130f); }
.order-intake-card__state { display: flex; align-items: center; gap: .8rem; }
.order-intake-card__state > span { display: grid; width: 52px; height: 52px; place-items: center; flex: 0 0 auto; border-radius: 50%; background: rgba(255,255,255,.08); color: white; font-size: 1.5rem; font-weight: 900; }
.order-intake-effects { display: grid; margin: 1.25rem 0; gap: .55rem; list-style: none; padding: 0; }
.order-intake-effects li { display: flex; align-items: center; gap: .55rem; color: #d6d9d3; }
.order-intake-effects li span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.08); color: #9fe0ac; font-size: .7rem; font-weight: 900; }
.order-intake-form { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid rgba(232, 224, 206, .13); padding-top: 1rem; }
.trash-card { min-height: 280px; }
.deleted-product-list--focused article { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; }
.deleted-product-list--focused img { width: 48px; height: 62px; border-radius: 5px; object-fit: cover; }
.deleted-product-list--focused article > div { display: grid; gap: .15rem; }

/* Focused content tools ----------------------------------------------- */

.content-hub-hero,
.content-tool-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border-color: rgba(202, 164, 74, .32);
  background: linear-gradient(135deg, #1d241d, #111512 65%, #241a12);
}
.content-hub-hero > div,
.content-tool-hero > div { max-width: 820px; }
.content-hub-hero h2,
.content-tool-hero h2 { font-size: clamp(1.35rem, 2.5vw, 2rem); }
.content-hub-hero p:last-child,
.content-tool-hero p:last-child { margin-top: .35rem; color: var(--admin-text-muted); }
.content-hub-hero > .button,
.content-tool-hero > .button { flex: 0 0 auto; }
.content-tool-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}
.content-tool-card {
  display: grid;
  min-height: 218px;
  margin: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: .8rem;
  color: inherit;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.content-tool-card:hover {
  border-color: rgba(202, 164, 74, .55);
  background: linear-gradient(145deg, #212820, #141814);
  transform: translateY(-2px);
}
.content-tool-card__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 9px;
  background: #332319;
  color: #ffe4a2;
  font-size: 1.2rem;
}
.content-tool-card > div { min-width: 0; }
.content-tool-card h2 { margin-top: .1rem; font-size: 1.2rem; }
.content-tool-card p:last-child { margin-top: .35rem; color: var(--admin-text-muted); }
.content-tool-card > strong {
  grid-column: 2;
  align-self: end;
  color: #d9bd70;
  font-size: .75rem;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.content-create-card { scroll-margin-top: 145px; }
.content-create-card > .admin-collapsible { border: 0; background: transparent; }
.content-create-card > .admin-collapsible > summary { padding: 0; }
.content-create-card > .admin-collapsible[open] > summary { margin-bottom: 1rem; border-bottom: 1px solid var(--admin-line-strong); padding-bottom: 1rem; }
.content-create-card > .admin-collapsible > form { padding: 0; }
.managed-content-list--focused {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}
.managed-content-list--focused > .tool-empty { grid-column: 1 / -1; }
.managed-content-list--focused .managed-content-card { min-height: 170px; }
.managed-content-list--focused .managed-content-card > img { width: 112px; height: 146px; object-fit: cover; }
.managed-content-list--focused .managed-content-card > div { min-width: 0; }
.review-focused-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.review-focused-list > .admin-summary-card { margin: 0; }
.review-focused-list > .tool-empty { grid-column: 1 / -1; }
.content-management-grid--focused { grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr); }
.content-news-list { display: grid; align-content: start; gap: .8rem; }
.content-create-panel { position: sticky; top: 143px; }
.content-settings-form > details {
  border: 1px solid var(--admin-line-strong);
  border-radius: 9px;
  background: #0e1310;
}
.content-settings-form > details > summary { cursor: pointer; padding: .85rem 1rem; color: white; font-weight: 850; }
.content-settings-form > details > :not(summary) { margin-inline: 1rem; }
.content-settings-form > details > :last-child { margin-bottom: 1rem; }
.content-settings-form > details[open] > summary { border-bottom: 1px solid var(--admin-line-strong); }
.content-settings-panel > form { padding: 1rem; }
.carousel-admin-list--focused { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.carousel-focused-card { padding: 0; overflow: hidden; }
.carousel-focused-card > summary {
  display: grid;
  min-height: 112px;
  grid-template-columns: 128px minmax(0, 1fr);
  align-items: center;
  gap: .9rem;
  cursor: pointer;
  list-style: none;
  padding: .7rem;
}
.carousel-focused-card > summary::-webkit-details-marker { display: none; }
.carousel-focused-card > summary > img { width: 128px; height: 92px; border-radius: 7px; object-fit: cover; }
.carousel-focused-card > summary > span { display: block; min-width: 0; }
.carousel-focused-card > summary strong,
.carousel-focused-card > summary small { display: block; }
.carousel-focused-card > summary strong { margin-top: .5rem; overflow: hidden; color: white; text-overflow: ellipsis; white-space: nowrap; }
.carousel-focused-card > summary small { margin-top: .18rem; color: var(--admin-text-muted); }
.carousel-focused-card__editor { display: grid; gap: .8rem; border-top: 1px solid var(--admin-line-strong); padding: 1rem; }
.carousel-focused-card__editor > form:last-child { justify-self: end; }
.carousel-preview-workbench { display: grid; gap: 1rem; border: 1px solid rgba(202, 164, 74, .34); border-radius: 11px; padding: 1rem; background: rgba(7, 10, 8, .52); }
.carousel-preview-workbench__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.carousel-preview-workbench__heading h3 { margin: .12rem 0 .28rem; color: white; font-size: 1.05rem; }
.carousel-preview-workbench__heading p:last-child { margin: 0; color: var(--admin-text-muted); }
.carousel-preview-devices { display: flex; flex: 0 0 auto; gap: .35rem; }
.carousel-preview-devices .is-active { border-color: var(--gold); background: #302818; color: #fff1bd; }
.carousel-preview-picker { display: flex; overflow-x: auto; gap: .5rem; padding: 0 0 .25rem; scrollbar-width: thin; }
.carousel-preview-picker button { display: grid; min-width: 138px; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: .5rem; border: 1px solid var(--admin-line); border-radius: 8px; padding: .4rem; background: #111613; color: var(--admin-text-muted); text-align: left; cursor: pointer; }
.carousel-preview-picker button:hover,
.carousel-preview-picker button.is-active { border-color: var(--gold); background: #2a2418; color: white; }
.carousel-preview-picker img { width: 48px; height: 38px; border-radius: 5px; object-fit: cover; }
.carousel-preview-picker span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .72rem; font-weight: 800; }
.carousel-preview-canvas { display: grid; justify-items: center; gap: .65rem; margin: 0; }
.carousel-preview-frame { width: 100%; max-width: 800px; overflow: hidden; border: 1px solid rgba(232, 224, 206, .26); border-radius: 8px; background: #000; box-shadow: 0 12px 28px rgba(0, 0, 0, .3); transition: max-width .25s ease, aspect-ratio .25s ease; }
.carousel-preview-frame.is-mobile { max-width: 360px; }
.carousel-preview-frame img { display: block; width: 100%; height: 100%; background: #000; transition: object-fit .2s ease; }
.carousel-preview-canvas figcaption { display: flex; width: min(100%, 800px); justify-content: space-between; gap: .8rem; color: var(--admin-text-muted); font-size: .74rem; }
.carousel-preview-canvas figcaption strong { color: white; }
.carousel-visual-order__list > li { grid-template-columns: 2.4rem minmax(180px, 1fr) auto; }
.carousel-visual-order__identity { display: grid; min-width: 0; grid-template-columns: 104px minmax(0, 1fr); align-items: center; gap: .75rem; }
.carousel-visual-order__identity > img { width: 104px; height: 62px; border-radius: 7px; object-fit: cover; background: #000; }
.carousel-visual-order__identity > span { display: grid; min-width: 0; gap: .18rem; }
.carousel-visual-order__identity strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.carousel-visual-order__identity small { color: var(--admin-text-muted); }

/* Focused media tools ------------------------------------------------- */

.media-tool-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.media-tool-card {
  display: grid;
  min-height: 260px;
  margin: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: 1rem;
  color: inherit;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.media-tool-card:hover { border-color: rgba(202, 164, 74, .55); background: linear-gradient(145deg, #212820, #141814); transform: translateY(-2px); }
.media-tool-card h2 { margin-top: .12rem; font-size: 1.35rem; }
.media-tool-card p:last-of-type { margin-top: .45rem; color: var(--admin-text-muted); }
.media-tool-card__metrics { display: flex; margin-top: 1.2rem; flex-wrap: wrap; gap: .5rem; }
.media-tool-card__metrics span { display: inline-flex; align-items: baseline; gap: .3rem; border: 1px solid var(--admin-line-strong); border-radius: 8px; background: #0d120f; padding: .55rem .7rem; color: var(--admin-text-muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.media-tool-card__metrics strong { color: white; font-size: 1.15rem; }
.media-filter { display: grid; grid-template-columns: minmax(180px, 1.4fr) repeat(4, minmax(125px, .7fr)) auto auto; align-items: end; gap: .6rem; }
.media-filter label { display: grid; min-width: 0; gap: .3rem; color: var(--admin-text-muted); font-size: .7rem; font-weight: 850; text-transform: uppercase; }
.media-filter .button { min-height: 43px; justify-content: center; }
.media-catalog-toolbar { display: flex; margin: 1rem 0 .75rem; align-items: center; justify-content: space-between; gap: .8rem; border-top: 1px solid var(--admin-line-strong); padding-top: .8rem; }
.media-catalog-toolbar p { color: var(--admin-text-muted); }
.media-catalog-toolbar p strong { color: white; }
.media-view-switch { display: flex; gap: .3rem; border: 1px solid var(--admin-line-strong); border-radius: 8px; background: #0d120f; padding: .25rem; }
.media-view-switch a { min-height: 36px; border-radius: 6px; color: var(--admin-text-muted); padding: .5rem .65rem; font-size: .7rem; font-weight: 850; text-decoration: none; }
.media-view-switch a.is-active { background: #40291b; color: #ffe9a5; }
.media-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.media-catalog > .tool-empty { grid-column: 1 / -1; }
.media-library-item { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--admin-line-strong); border-radius: 10px; background: #0d120f; transition: border-color .18s ease, box-shadow .18s ease; }
.media-library-item.is-selected { border-color: #d7b35e; box-shadow: 0 0 0 2px rgba(215,179,94,.18); }
.media-library-item__select { position: absolute; z-index: 2; top: .5rem; left: .5rem; display: inline-flex; min-height: 38px; align-items: center; gap: .35rem; border: 1px solid rgba(232,224,206,.3); border-radius: 7px; background: rgba(8,11,9,.92); padding: .35rem .5rem; color: #fff1c7; font-size: .68rem; font-weight: 850; cursor: pointer; }
.media-library-item__select input { width: 18px; height: 18px; accent-color: #c9a356; }
.media-library-item__preview { display: block; background: #080b09; }
.media-library-item__preview img { display: block; width: 100%; height: 190px; object-fit: contain; }
.media-library-item__body { display: grid; gap: .5rem; padding: .75rem; }
.media-library-item__body > div:first-child { display: flex; flex-wrap: wrap; gap: .3rem; }
.media-library-item__body h3 { overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.media-library-item__body > p,
.media-library-item__body > small { overflow: hidden; color: var(--admin-text-muted); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.media-library-item__body .admin-actions { margin-top: .2rem; }
.media-catalog--list { grid-template-columns: 1fr; }
.media-catalog--list .media-library-item { display: grid; grid-template-columns: 150px minmax(0, 1fr); }
.media-catalog--list .media-library-item__preview img { height: 140px; }
.media-catalog--list .media-library-item__body { align-content: center; }
.media-editor-layout { display: grid; margin-top: 1rem; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); align-items: start; gap: .8rem; }
.media-editor-layout > .admin-card { margin: 0; }
.media-editor-preview { padding: 0; overflow: hidden; }
.media-editor-preview > img { display: block; width: 100%; max-height: 420px; background: #090b09; object-fit: contain; }
.media-editor-preview > div { display: grid; gap: .6rem; padding: 1rem; }
.media-editor-preview dl { display: grid; gap: .4rem; }
.media-editor-preview dl > div { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid rgba(232,224,206,.1); padding-top: .4rem; }
.media-editor-preview dt { color: var(--admin-text-muted); }
.media-editor-preview dd { text-align: right; }
.media-replace-warning { border: 1px solid #816d36; border-radius: 9px; background: #292417; padding: .8rem; }
.media-replace-warning p { margin-top: .2rem; color: #d7ceb5; }
.media-replacement-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.media-replacement-comparison figure { overflow: hidden; border: 1px solid var(--admin-line-strong); border-radius: 8px; background: #090b09; }
.media-replacement-comparison img { display: block; width: 100%; height: 180px; object-fit: contain; }
.media-replacement-comparison figcaption { border-top: 1px solid var(--admin-line-strong); padding: .45rem .6rem; color: var(--admin-text-muted); font-size: .7rem; font-weight: 800; }
.media-duplicate-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .55rem; }
.media-duplicate-list a { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: .65rem; border: 1px solid var(--admin-line-strong); border-radius: 8px; background: #0d120f; padding: .45rem; color: white; text-decoration: none; }
.media-duplicate-list a:hover { border-color: #c9a356; }
.media-duplicate-list img { width: 72px; height: 60px; border-radius: 5px; background: #090b09; object-fit: contain; }
.media-duplicate-list span { display: grid; min-width: 0; gap: .2rem; }
.media-duplicate-list strong, .media-duplicate-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-duplicate-list small { color: var(--admin-text-muted); }
.media-usage__list--focused { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.media-bulk-form { display: grid; }
.media-bulk-toolbar { position: sticky; z-index: 4; top: .5rem; display: grid; grid-template-columns: minmax(210px, 1.2fr) repeat(3, minmax(155px, .8fr)) auto; align-items: end; gap: .55rem; border: 1px solid rgba(201,163,86,.34); border-radius: 9px; background: rgba(18,22,18,.97); padding: .7rem; box-shadow: 0 10px 25px rgba(0,0,0,.22); }
.media-bulk-toolbar > div, .media-bulk-toolbar label { display: grid; gap: .25rem; }
.media-bulk-toolbar > div span, .media-bulk-toolbar label { color: var(--admin-text-muted); font-size: .7rem; font-weight: 800; }
.media-bulk-toolbar select, .media-bulk-toolbar input, .media-bulk-toolbar .button { min-height: 42px; }
.media-bulk-preview-page { max-width: 1280px; }
.media-bulk-preview-asset { display: grid; min-width: 230px; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: .55rem; }
.media-bulk-preview-asset img { width: 64px; height: 54px; border-radius: 5px; background: #090b09; object-fit: contain; }
.media-bulk-preview-asset span { display: grid; min-width: 0; gap: .15rem; }
.media-bulk-preview-asset small { color: var(--admin-text-muted); }
.tool-empty--compact { min-height: 150px; }
.digital-media-list { display: grid; gap: .55rem; }
.digital-media-list article { display: grid; min-height: 92px; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: .8rem; border: 1px solid var(--admin-line-strong); border-radius: 9px; background: #0d120f; padding: .7rem; }
.digital-media-list article.is-inactive { opacity: .72; }
.digital-media-list__format { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 8px; background: #342219; color: #ffe1a0; font-weight: 900; }
.digital-media-list article > div { min-width: 0; }
.digital-media-list h3 { margin-top: .25rem; font-size: 1rem; }
.digital-media-list p,
.digital-media-list small { display: inline; color: var(--admin-text-muted); overflow-wrap: anywhere; }
.digital-media-list > .tool-empty { min-height: 220px; }

/* Focused finance tools ----------------------------------------------- */

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}
.billing-tool-grid .content-tool-card { min-height: 230px; }
.filter-chip-list { display: flex; flex-wrap: wrap; gap: .35rem; }
.filter-chip-list a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  border: 1px solid var(--admin-line-strong);
  border-radius: 999px;
  background: #0d120f;
  color: var(--admin-text-muted);
  padding: .45rem .7rem;
  font-size: .7rem;
  font-weight: 850;
  text-decoration: none;
}
.filter-chip-list a:hover,
.filter-chip-list a.is-active { border-color: #856d34; background: #332719; color: #ffe8aa; }
.finance-scroll-hint {
  display: none;
  margin: .8rem 0 .35rem;
  color: #d9bd70;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.finance-table-wrap { position: relative; box-shadow: inset -18px 0 18px -20px rgba(255, 223, 139, .8); }
.finance-data-table th:first-child,
.finance-data-table td:first-child {
  position: sticky;
  z-index: 2;
  left: 0;
  min-width: 140px;
  background: #101511;
  box-shadow: 10px 0 14px -14px rgba(255, 239, 195, .85);
}
.finance-data-table th:first-child { z-index: 3; background: #171d18; }
.finance-report-context {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin: 1rem 0;
}
.finance-report-context > div {
  display: grid;
  align-content: start;
  gap: .28rem;
  min-height: 86px;
  padding: .8rem .9rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 9px;
  background: #0d120f;
}
.finance-report-context span { color: var(--admin-text-muted); font-size: .72rem; font-weight: 850; text-transform: uppercase; }
.finance-report-context strong { color: #f4e5bc; font-size: .9rem; line-height: 1.4; }
.billing-issuer-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.billing-issuer-summary { display: grid; margin: 0; align-content: start; gap: 1rem; }
.billing-issuer-summary.is-inactive { opacity: .78; }
.billing-issuer-summary h2 { margin-top: .45rem; font-size: 1.25rem; }
.billing-issuer-summary p { margin-top: .2rem; color: var(--admin-text-muted); }
.billing-issuer-summary dl { display: grid; gap: .45rem; }
.billing-issuer-summary dl > div { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid rgba(232,224,206,.1); padding-top: .45rem; }
.billing-issuer-summary dt { color: var(--admin-text-muted); font-size: .72rem; font-weight: 800; }
.billing-issuer-summary dd { max-width: 65%; color: white; text-align: right; overflow-wrap: anywhere; }
.billing-issuer-summary .admin-actions { align-self: end; }
.billing-issuer-summary .button { width: 100%; justify-content: center; }
.billing-issuer-editor-page > .admin-actions { margin-bottom: .8rem; }

/* Focused social media tools ------------------------------------------- */

.social-tool-grid .content-tool-card { min-height: 230px; }
.social-hub-summary {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 1rem;
}
.social-hub-summary h2 { margin-top: .25rem; font-size: clamp(1.3rem, 2.3vw, 1.9rem); }
.social-hub-summary p:last-child { margin-top: .35rem; color: var(--admin-text-muted); }
.social-hub-summary .tool-metrics { margin-top: 0; }
.social-profile-list-focused { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.social-profile-summary { display: grid; min-width: 0; margin: 0; align-content: start; gap: .8rem; }
.social-profile-summary.is-inactive { opacity: .75; }
.social-profile-summary h2 { margin-top: .25rem; font-size: 1.15rem; }
.social-profile-summary__url { overflow: hidden; color: var(--admin-text-muted); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.social-profile-summary dl,
.social-profile-editor-layout dl { display: grid; gap: .4rem; }
.social-profile-summary dl > div,
.social-profile-editor-layout dl > div { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid rgba(232,224,206,.1); padding-top: .4rem; }
.social-profile-summary dt,
.social-profile-editor-layout dt { color: var(--admin-text-muted); font-size: .7rem; font-weight: 850; }
.social-profile-summary dd,
.social-profile-editor-layout dd { color: white; text-align: right; }
.social-profile-summary > .button { align-self: end; justify-content: center; }
.social-profile-editor-page > .admin-actions { margin-bottom: .8rem; }
.social-profile-editor-layout { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); align-items: start; gap: 1.2rem; }
.social-profile-editor-layout > div { display: grid; gap: .8rem; }
.social-profile-editor-layout h2 { font-size: clamp(1.35rem, 2.6vw, 2rem); }
.social-profile-editor-layout > div > p:last-of-type { color: var(--admin-text-muted); }
.social-profile-order--focused li > span:nth-child(2) { display: grid; min-width: 0; gap: .15rem; }
.social-profile-order--focused small { color: var(--admin-text-muted); }
.social-campaign-table { min-width: 980px; }
.social-campaign-filter,
.social-editorial-filter {
  display: grid;
  grid-template-columns: minmax(210px, 1.4fr) repeat(3, minmax(135px, .75fr)) auto auto;
  align-items: end;
  gap: .65rem;
  margin: .9rem 0;
  border: 1px solid rgba(232, 224, 206, .12);
  border-radius: 9px;
  padding: .75rem;
  background: rgba(255, 255, 255, .018);
}
.social-editorial-filter { grid-template-columns: minmax(200px, 1.35fr) repeat(4, minmax(125px, .65fr)) auto auto; }
.social-campaign-filter label,
.social-editorial-filter label { display: grid; min-width: 0; gap: .3rem; color: var(--admin-text-muted); font-size: .72rem; font-weight: 800; }
.social-campaign-filter .button,
.social-editorial-filter .button { min-height: 43px; justify-content: center; }
.social-calendar-nav { display: grid; grid-template-columns: auto minmax(180px, 1fr) auto; align-items: center; gap: .75rem; margin: 1rem 0 .7rem; }
.social-calendar-nav strong { color: white; text-align: center; text-transform: capitalize; }
.social-calendar-weekdays,
.social-calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .35rem; }
.social-calendar-weekdays { margin-bottom: .35rem; }
.social-calendar-weekdays span { color: var(--admin-text-muted); font-size: .68rem; font-weight: 850; text-align: center; text-transform: uppercase; }
.social-calendar-day { min-width: 0; min-height: 160px; border: 1px solid rgba(232, 224, 206, .14); border-radius: 8px; padding: .45rem; background: rgba(255, 255, 255, .018); }
.social-calendar-grid.is-week .social-calendar-day { min-height: 250px; }
.social-calendar-grid.is-month .social-calendar-day.is-outside { opacity: .45; }
.social-calendar-day.is-today { border-color: rgba(230, 202, 131, .72); box-shadow: inset 0 0 0 1px rgba(230, 202, 131, .18); }
.social-calendar-day > header { display: flex; min-height: 28px; align-items: center; justify-content: space-between; gap: .35rem; color: var(--admin-text-muted); font-size: .7rem; font-weight: 850; }
.social-calendar-day > header span { border-radius: 999px; background: #5c4722; padding: .14rem .35rem; color: #ffe8aa; font-size: .58rem; text-transform: uppercase; }
.social-calendar-item { display: grid; min-width: 0; margin-top: .35rem; gap: .24rem; border: 1px solid rgba(202, 164, 74, .28); border-radius: 7px; background: rgba(202, 164, 74, .07); padding: .45rem; color: inherit; text-decoration: none; }
.social-calendar-item:hover { border-color: rgba(230, 202, 131, .72); background: rgba(202, 164, 74, .13); }
.social-calendar-item strong { overflow: hidden; color: white; font-size: .72rem; line-height: 1.25; text-overflow: ellipsis; }
.social-calendar-item small,
.social-calendar-item time { overflow: hidden; color: var(--admin-text-muted); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.social-calendar-item .status-badge { width: fit-content; max-width: 100%; font-size: .55rem; }

/* Focused newsletter template library and visual letter editor. */
.newsletter-guidance .admin-card__heading { align-items: center; }
.newsletter-checklist { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.newsletter-checklist li { border: 1px solid rgba(202, 164, 74, .28); border-radius: 999px; background: rgba(202, 164, 74, .07); padding: .42rem .7rem; color: var(--admin-text-muted); font-size: .72rem; font-weight: 750; }
.newsletter-template-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)); gap: 1rem; }
.newsletter-template-card { min-width: 0; }
.newsletter-template-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .45rem; margin: -.35rem 0 .8rem; color: var(--admin-text-muted); font-size: .7rem; }
.newsletter-email-preview { width: 100%; height: 560px; border: 1px solid rgba(232, 224, 206, .2); border-radius: 10px; background: white; }
.newsletter-email-preview--large { height: min(72vh, 760px); min-height: 560px; }
.newsletter-template-form { gap: .85rem; }
.newsletter-color-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.newsletter-color-fields label { min-width: 0; }
.newsletter-color-fields input[type="color"] { width: 100%; min-height: 46px; padding: .2rem; }
.newsletter-template-actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .8rem; }
.newsletter-letter-list { display: grid; gap: .65rem; }
.newsletter-letter-card { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid rgba(232, 224, 206, .14); border-radius: 9px; background: rgba(255, 255, 255, .018); padding: .9rem; }
.newsletter-letter-card h3 { margin: .45rem 0 .2rem; color: white; }
.newsletter-letter-card p { margin: 0; color: var(--admin-text-muted); }
.newsletter-letter-card small { display: block; margin-top: .35rem; color: var(--admin-text-muted); }
.newsletter-editor-heading { margin-bottom: .85rem; }
.newsletter-editor-heading h1 { max-width: 18ch; font-size: clamp(2rem, 4vw, 3.7rem); line-height: 1.04; }
.newsletter-editor-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(400px, .95fr); align-items: start; gap: 1rem; }
.newsletter-editor-panel,
.newsletter-preview-panel { min-width: 0; }
.newsletter-preview-panel { position: sticky; top: calc(var(--admin-topbar-height, 70px) + 1rem); }
.newsletter-campaign-form { gap: 1rem; }
.newsletter-campaign-form fieldset { display: grid; min-width: 0; margin: 0; gap: .75rem; border: 1px solid rgba(232, 224, 206, .15); border-radius: 10px; padding: 1rem; }
.newsletter-campaign-form legend { padding: 0 .4rem; color: #e6ca83; font-size: .78rem; font-weight: 850; }
.newsletter-cta-fields,
.newsletter-visual-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.newsletter-editor-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.newsletter-schedule-card { margin-top: 1rem; border-top: 1px solid rgba(232, 224, 206, .15); padding-top: 1rem; }
.newsletter-schedule-card h2 { margin-top: 0; color: white; font-size: 1rem; }
.newsletter-plain-preview { overflow: auto; max-height: 400px; margin: .75rem 0 0; border-radius: 8px; background: #f4efe7; padding: 1rem; color: #241b1e; font: .78rem/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; }

/* News publishing workflow, live preview and revision history. */
.news-workflow-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); align-items: start; gap: 1rem; }
.news-live-preview { position: sticky; top: calc(var(--admin-topbar-height, 70px) + 1rem); min-width: 0; border: 1px solid rgba(232, 224, 206, .16); border-radius: 12px; background: #111512; padding: .8rem; }
.news-live-preview__toolbar { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .7rem; }
.news-live-preview__toolbar p { margin: 0; }
.news-live-preview__toolbar strong { display: block; max-width: 34rem; color: var(--admin-text-muted); font-size: .72rem; font-weight: 650; }
.news-live-preview__toolbar button { min-height: 36px; border: 1px solid rgba(232, 224, 206, .18); background: transparent; padding: .35rem .55rem; color: var(--admin-text-muted); }
.news-live-preview__toolbar button.is-active { border-color: var(--admin-accent); background: rgba(190, 144, 63, .14); color: white; }
.news-live-preview__viewport { width: 100%; max-width: 760px; margin-inline: auto; transition: max-width .2s ease; }
.news-live-preview__viewport.is-mobile { max-width: 390px; }
.news-live-preview__viewport article { overflow: hidden; min-height: 520px; border-radius: 8px; background: #f2ede3; padding: 1.2rem; color: #211b18; box-shadow: 0 12px 28px rgba(0, 0, 0, .25); }
.news-live-preview__viewport article > .status-pill { margin-bottom: .7rem; }
.news-live-preview__viewport img { display: block; width: 100%; max-height: 260px; margin-bottom: 1rem; border-radius: 5px; object-fit: cover; }
.news-live-preview__viewport [data-news-preview-image-empty] { display: grid; min-height: 120px; margin-bottom: 1rem; place-items: center; border: 1px dashed #b9ac99; color: #746a5e; font-size: .75rem; }
.news-live-preview__viewport h2 { margin: .35rem 0 .5rem; color: #211b18; font: 800 clamp(1.35rem, 3vw, 2rem)/1.08 Georgia, serif; }
.news-live-preview__viewport time { color: #6d6257; font-size: .72rem; }
.news-live-preview__viewport .lead { color: #433b34; font-size: .92rem; }
.news-live-preview__body { margin-top: 1rem; border-top: 1px solid #d4c8b8; padding-top: 1rem; color: #332c27; font: .84rem/1.65 Georgia, serif; white-space: pre-wrap; }
.news-revision-history { margin-top: 1rem; }
.news-revision-list { display: grid; gap: .65rem; }
.news-revision-list > article { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 1rem; border: 1px solid rgba(232, 224, 206, .11); border-radius: 9px; background: rgba(255, 255, 255, .018); padding: .8rem; }
.news-revision-list > article.is-current { border-color: rgba(89, 170, 111, .45); }
.news-revision-list p { margin: .25rem 0; color: white; }
.news-revision-list small { color: var(--admin-text-muted); }
.news-revision-list details { min-width: 270px; }
.news-revision-list details form { margin-top: .6rem; }
.content-preview-page { background: #090b0a; }
.content-preview-banner { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: center; gap: .8rem; flex-wrap: wrap; border-bottom: 1px solid #8b6b34; background: #241c10; padding: .65rem 1rem; color: #f3dfb4; font-size: .78rem; }
.content-preview-banner strong { letter-spacing: .08em; }
.review-summary-card { gap: .65rem; }
.review-summary-card__quote { display: -webkit-box; overflow: hidden; margin: 0; color: white; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.review-live-preview .news-live-preview__viewport article { min-height: 390px; }
.review-live-preview .reader-review { margin-top: 1rem; }
.review-live-preview .reader-review p { color: #32352f; }
.review-live-preview .reader-review footer { color: var(--rust-dark); }
[data-managed-content-preview] .story { grid-template-columns: minmax(150px, .7fr) minmax(0, 1.3fr); gap: 1.2rem; align-items: stretch; min-height: 480px; background: #171b17; padding: 0; }
[data-managed-content-preview] .story__visual { min-height: 100%; padding: 1rem; }
[data-managed-content-preview] .story__visual img { width: auto; max-width: 100%; max-height: 420px; margin: 0; object-fit: contain; }
[data-managed-content-preview] .story__content { align-self: center; padding: 1.2rem 1.2rem 1.2rem 0; }
[data-managed-content-preview] .story__content p { color: #c0c2b8; white-space: pre-wrap; }
[data-managed-content-preview] .author-card { min-height: 480px; padding: 0; }
[data-managed-content-preview] .author-card > img:not([src]),
[data-managed-content-preview] .story__visual img:not([src]) { min-height: 180px; border: 1px dashed #b9ac99; background: #ded6c9; }
[data-managed-content-preview] .author-card__body > p:last-child { white-space: pre-wrap; }
[data-managed-content-preview] .news-live-preview__viewport.is-mobile .story { grid-template-columns: 1fr; }
[data-managed-content-preview] .news-live-preview__viewport.is-mobile .story__visual { min-height: 280px; }
[data-managed-content-preview] .news-live-preview__viewport.is-mobile .story__content { padding: 1.2rem; }
.page-content-workflow { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr); align-items: start; gap: 1rem; }
.page-content-live-preview { top: calc(var(--admin-topbar-height, 70px) + 1rem); }
.page-text-preview__tabs { display: flex; overflow-x: auto; gap: .35rem; margin-bottom: .65rem; padding-bottom: .25rem; scrollbar-width: thin; }
.page-text-preview__tabs button { flex: 0 0 auto; min-height: 34px; border: 1px solid rgba(232, 224, 206, .15); border-radius: 999px; background: transparent; padding: .35rem .6rem; color: var(--admin-text-muted); font-size: .68rem; font-weight: 750; }
.page-text-preview__tabs button.is-active { border-color: var(--admin-accent); background: rgba(190, 144, 63, .14); color: white; }
.page-text-preview__viewport { max-width: 680px; }
.page-text-preview__viewport.is-mobile { max-width: 390px; }
.page-text-preview__screen { min-height: 430px !important; background: linear-gradient(145deg, #121714, #20251f) !important; color: #f4eee2 !important; }
.page-text-preview__screen h2 { max-width: 18ch; color: #f7f0e3 !important; }
.page-text-preview__screen .lead { color: #d5d0c5 !important; line-height: 1.55; }
.page-text-preview__subsection, .page-text-preview__cta { margin-top: 2rem; border-radius: 8px; background: #eee6d9; padding: 1rem; color: #2a2420; }
.page-text-preview__subsection h3, .page-text-preview__cta h3 { margin: .25rem 0 .55rem; color: #2a2420; font: 800 1.15rem/1.2 Georgia, serif; }
.page-text-preview__subsection p, .page-text-preview__cta p { color: #4a4038; }
.page-text-preview__cta .button { display: inline-flex; width: auto; margin-top: .5rem; pointer-events: none; }
.page-text-preview__placeholder { display: grid; gap: .6rem; margin-top: 2rem; }
.page-text-preview__placeholder span { display: block; height: 42px; border: 1px solid rgba(232, 224, 206, .12); border-radius: 6px; background: rgba(255, 255, 255, .045); }
.page-text-preview__screen--excerpt { min-height: 360px !important; background: #171313 !important; }
.page-text-preview__reader { min-height: 130px; margin: 1rem 0; border: 1px solid rgba(232, 224, 206, .15); border-radius: 7px; background: #eee7dc; padding: 1rem; color: #3b332d; }
.page-text-preview__reader-actions { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.page-text-preview__reader-actions .button { min-height: 36px; padding: .45rem .65rem; pointer-events: none; }
.page-content-draft-status .table-button { margin-left: .35rem; }
.newsletter-engine-settings { display: grid; gap: .75rem; min-width: 0; margin: 0; border: 1px solid rgba(202, 164, 74, .24); border-radius: 10px; background: rgba(202, 164, 74, .035); padding: 1rem; }
.newsletter-engine-settings legend { padding: 0 .4rem; color: #e6ca83; font-size: .78rem; font-weight: 850; }
.newsletter-test-send { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(220px, .8fr) auto; align-items: end; gap: .75rem; margin-top: 1rem; border-top: 1px solid rgba(232, 224, 206, .14); padding-top: 1rem; }
.newsletter-test-send > div { display: grid; gap: .25rem; color: white; }
.newsletter-test-send > div small { color: var(--admin-text-muted); }
.newsletter-timeline { position: relative; display: grid; gap: 0; margin: 1rem 0; padding: .25rem 0; }
.newsletter-timeline::before { content: ""; position: absolute; top: 1rem; bottom: 1rem; left: 105px; width: 2px; background: linear-gradient(#caa44a, rgba(202, 164, 74, .14)); }
.newsletter-timeline__item { position: relative; display: grid; grid-template-columns: 88px 18px minmax(0, 1fr) auto; align-items: center; gap: .55rem; min-height: 68px; }
.newsletter-timeline__day { color: #e6ca83; font-size: .72rem; font-weight: 850; text-align: right; }
.newsletter-timeline__dot { z-index: 1; width: 12px; height: 12px; border: 3px solid #171316; border-radius: 50%; background: #caa44a; box-shadow: 0 0 0 2px rgba(202, 164, 74, .24); }
.newsletter-timeline__item > div { display: grid; gap: .18rem; min-width: 0; }
.newsletter-timeline__item > div strong { color: white; }
.newsletter-timeline__item > div small { color: var(--admin-text-muted); }
.newsletter-segment-preview { display: grid; gap: .8rem; margin: 1rem 0 1.2rem; border: 1px solid rgba(232, 224, 206, .14); border-radius: 10px; background: rgba(255, 255, 255, .018); padding: 1rem; }
.newsletter-media-picker { grid-column: 1 / -1; margin-top: .2rem; border: 1px solid rgba(202, 164, 74, .24); border-radius: 9px; background: rgba(202, 164, 74, .035); }
.newsletter-media-picker > summary { cursor: pointer; padding: .75rem .85rem; color: #e6ca83; font-size: .76rem; font-weight: 800; }
.newsletter-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: .65rem; max-height: 390px; overflow: auto; padding: 0 .8rem .8rem; }
.newsletter-media-card { display: grid; align-content: start; gap: .4rem; min-width: 0; border: 1px solid rgba(232, 224, 206, .16); border-radius: 8px; background: #201a1d; padding: .45rem; color: white; text-align: left; cursor: pointer; }
.newsletter-media-card:hover, .newsletter-media-card:focus-visible { border-color: #caa44a; background: #2a2223; outline: none; }
.newsletter-media-card.is-selected, .newsletter-media-card:has(input[type="radio"]:checked) { border-color: #7bc990; background: rgba(35, 94, 53, .32); box-shadow: 0 0 0 2px rgba(123, 201, 144, .16); }
.newsletter-media-card > input[type="radio"] { justify-self: end; width: 1rem; height: 1rem; margin: 0; accent-color: #7bc990; }
.newsletter-media-card img { width: 100%; aspect-ratio: 4 / 3; border-radius: 5px; object-fit: cover; background: #0d0b0c; }
.newsletter-media-card span { overflow: hidden; font-size: .72rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.newsletter-media-card small { overflow: hidden; color: var(--admin-text-muted); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.newsletter-media-selection { display: flex; gap: .75rem; align-items: center; margin: .8rem; border: 1px solid rgba(123, 201, 144, .35); border-radius: 9px; background: rgba(35, 94, 53, .2); padding: .6rem; color: #e9f5ec; }
.newsletter-media-selection[hidden] { display: none; }
.newsletter-media-selection img { width: 68px; height: 52px; border-radius: 6px; object-fit: cover; background: #0d0b0c; }
.newsletter-media-selection span { display: grid; gap: .15rem; min-width: 0; }
.newsletter-media-selection strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsletter-media-selection small { color: #afd8ba; }
.newsletter-interest-options { display: flex; flex-wrap: wrap; gap: .55rem .9rem; border: 1px solid rgba(232, 224, 206, .16); border-radius: 8px; padding: .8rem; }
.newsletter-interest-options label { display: inline-flex; gap: .4rem; align-items: center; min-height: 36px; font-weight: 700; }
.newsletter-new-group { margin-top: 1rem; }
.newsletter-ab-panel { padding: .35rem 0; }
.newsletter-ab-panel[open] { display: grid; gap: .7rem; }
.newsletter-result-strip { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .65rem; }
.newsletter-result-strip span { border-radius: 999px; background: rgba(255,255,255,.045); padding: .3rem .55rem; color: var(--admin-text-muted); font-size: .67rem; }
.newsletter-result-strip strong { color: white; }
.newsletter-letter-card__content { min-width: 0; }
.newsletter-letter-card__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: .5rem; }
.newsletter-letter-card.is-archived { opacity: .62; }
.newsletter-group-card { display: block; }
.newsletter-group-editor { margin-top: .85rem; }
.newsletter-group-editor > summary { width: fit-content; min-height: 44px; cursor: pointer; list-style: none; }
.newsletter-group-editor > summary::-webkit-details-marker { display: none; }
.newsletter-group-editor > summary::before { content: "+"; margin-right: .35rem; }
.newsletter-group-editor[open] > summary::before { content: "−"; }
.newsletter-group-form { margin-top: 1rem; border-top: 1px solid var(--admin-line-strong); padding-top: 1rem; }
.newsletter-group-form [hidden] { display: none !important; }
.newsletter-results { margin-top: 1rem; border-top: 1px solid rgba(232, 224, 206, .14); padding-top: 1rem; }
.newsletter-results h2 { margin: 0 0 .35rem; color: white; font-size: 1rem; }
.newsletter-results > p { margin: 0 0 .7rem; color: var(--admin-text-muted); font-size: .72rem; }
.newsletter-variant-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.newsletter-variant-results article { display: grid; gap: .28rem; border: 1px solid rgba(232, 224, 206, .14); border-radius: 8px; padding: .75rem; color: var(--admin-text-muted); font-size: .7rem; }
.newsletter-variant-results article strong { color: #e6ca83; }

@media (max-width: 980px) {
  .newsletter-editor-layout { grid-template-columns: 1fr; }
  .newsletter-preview-panel { position: static; }
  .newsletter-email-preview--large { height: 650px; min-height: 0; }
  .newsletter-test-send { grid-template-columns: 1fr; align-items: stretch; }
  .news-workflow-layout { grid-template-columns: 1fr; }
  .page-content-workflow { grid-template-columns: 1fr; }
  .news-live-preview { position: static; }
}

@media (max-width: 640px) {
  .newsletter-color-fields,
  .newsletter-cta-fields,
  .newsletter-visual-fields { grid-template-columns: 1fr; }
  .newsletter-email-preview { height: 520px; }
  .newsletter-letter-card { align-items: stretch; flex-direction: column; }
  .newsletter-letter-card .button { width: 100%; justify-content: center; }
  .newsletter-letter-card__actions { justify-content: stretch; }
  .newsletter-letter-card__actions > * { flex: 1 1 100%; }
  .newsletter-letter-card__actions .table-button { width: 100%; }
  .newsletter-timeline::before { left: 79px; }
  .newsletter-timeline__item { grid-template-columns: 62px 18px minmax(0, 1fr); padding: .35rem 0; }
  .newsletter-timeline__item > .status-badge { grid-column: 3; justify-self: start; }
  .newsletter-variant-results { grid-template-columns: 1fr; }
  .newsletter-guidance .admin-card__heading { align-items: stretch; }
}
.social-unscheduled { margin-top: 1rem; border-top: 1px solid var(--admin-line-strong); padding-top: 1rem; }
.social-unscheduled .admin-card__heading { margin-bottom: .7rem; }
.social-catalog-list--focused .social-catalog-row { margin: 0; }

/* Focused intellectual property tools --------------------------------- */

.ip-tool-grid .content-tool-card { min-height: 224px; }
.ip-hub-hero { border-color: rgba(202, 164, 74, .34); }
.ip-record-switcher {
  display: flex;
  margin: -.15rem 0 1rem;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid rgba(202, 164, 74, .28);
  border-radius: 10px;
  padding: .72rem .85rem;
  background: rgba(64, 41, 27, .24);
}
.ip-record-switcher form { display: flex; min-width: min(100%, 620px); align-items: end; gap: .65rem; }
.ip-record-switcher label { display: grid; min-width: 0; flex: 1; gap: .3rem; }
.ip-record-switcher label > span { color: #e6ca83; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ip-record-switcher select { min-width: 0; }
.ip-record-switcher > div { display: flex; min-width: 0; align-items: center; gap: .65rem; }
.ip-record-switcher small { max-width: 18rem; overflow: hidden; color: var(--admin-text-muted); text-overflow: ellipsis; white-space: nowrap; }
.ip-record-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.ip-record-card { display: flex; min-width: 0; min-height: 128px; align-items: flex-start; justify-content: space-between; gap: .8rem; color: inherit; text-decoration: none; }
.ip-record-card:hover,
.ip-record-card.is-active { border-color: rgba(230, 202, 131, .62); background: #17160f; }
.ip-record-card h2 { margin: .2rem 0; overflow-wrap: anywhere; font-size: 1.08rem; }
.ip-record-card p:last-child { color: var(--admin-text-muted); font-size: .76rem; }
.ip-filter-form { display: grid; grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(140px, .7fr)) auto auto; align-items: end; gap: .65rem; margin: .9rem 0; border: 1px solid rgba(232, 224, 206, .12); border-radius: 9px; padding: .75rem; background: rgba(255, 255, 255, .018); }
.ip-filter-form--deadline { grid-template-columns: minmax(240px, 1fr) minmax(180px, .5fr) auto auto; }
.ip-filter-form label { display: grid; min-width: 0; gap: .3rem; color: var(--admin-text-muted); font-size: .72rem; font-weight: 800; }
.ip-filter-form .button { min-height: 43px; justify-content: center; }
.ip-pagination { display: flex; align-items: center; justify-content: center; gap: .8rem; margin-top: 1rem; }
.ip-pagination span { color: var(--admin-text-muted); font-size: .78rem; font-weight: 800; }
.ip-deadline-preview .admin-card__heading { margin-bottom: .8rem; }
.ip-timeline {
  position: relative;
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ip-timeline::before {
  position: absolute;
  top: .7rem;
  bottom: .7rem;
  left: 6.7rem;
  width: 1px;
  background: rgba(202, 164, 74, .25);
  content: "";
}
.ip-timeline li {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 64px;
  grid-template-columns: 6rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid rgba(232, 224, 206, .1);
  padding: .72rem 0;
}
.ip-timeline li:last-child { border-bottom: 0; }
.ip-timeline li::before {
  position: absolute;
  left: 6.42rem;
  z-index: 1;
  width: .62rem;
  height: .62rem;
  border: 2px solid #aa8a42;
  border-radius: 50%;
  background: #111612;
  content: "";
}
.ip-timeline li.is-due::before { border-color: #f2c35d; background: #6f4c14; }
.ip-timeline li.is-overdue::before { border-color: #ff8d84; background: #7b2925; }
.ip-timeline li.is-completed { opacity: .62; }
.ip-timeline time { color: #f2d48b; font-size: .76rem; font-weight: 850; }
.ip-timeline li > div { display: grid; min-width: 0; gap: .14rem; padding-left: .8rem; }
.ip-timeline li > div span,
.ip-timeline li > div small { color: var(--admin-text-muted); }
.ip-timeline li > div a { width: fit-content; color: #e8c66f; font-size: .75rem; font-weight: 800; }
.ip-timeline--full li { grid-template-columns: 6rem minmax(220px, 1fr) auto auto; }
.ip-timeline form { margin: 0; }
.ip-logo-grid,
.ip-license-list { align-items: start; }
.ip-logo-card,
.ip-license-card { min-width: 0; }
.ip-logo-card .admin-card__heading h2,
.ip-license-card .admin-card__heading h2 { margin: 0; font-size: 1.2rem; }
.ip-contract-state { display: grid; min-width: 0; align-content: center; gap: .22rem; }
.ip-contract-state a,
.ip-contract-state code { max-width: min(100%, 26rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ip-data-table-wrap { position: relative; box-shadow: inset -18px 0 18px -20px rgba(255, 223, 139, .8); }
.ip-data-table-wrap .data-table { min-width: 880px; }
.ip-data-table-wrap th:first-child,
.ip-data-table-wrap td:first-child {
  position: sticky;
  z-index: 2;
  left: 0;
  background: #101511;
  box-shadow: 10px 0 14px -14px rgba(255, 239, 195, .85);
}
.ip-data-table-wrap th:first-child { z-index: 3; background: #171d18; }

/* Focused access management tools ------------------------------------- */

.access-tool-grid .content-tool-card { min-height: 224px; }
.access-hub-hero { border-color: rgba(143, 184, 150, .34); }
.access-user-summary-grid,
.access-role-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.access-user-summary,
.access-role-summary { display: grid; min-width: 0; margin: 0; align-content: start; gap: .9rem; }
.access-user-summary.is-inactive { opacity: .7; border-style: dashed; }
.access-user-summary h2,
.access-role-summary h2 { margin-top: .22rem; overflow-wrap: anywhere; font-size: 1.12rem; }
.access-user-summary dl,
.access-editor-layout dl { display: grid; gap: .42rem; }
.access-user-summary dl > div,
.access-editor-layout dl > div { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid rgba(232, 224, 206, .1); padding-top: .42rem; }
.access-user-summary dt,
.access-editor-layout dt { color: var(--admin-text-muted); font-size: .7rem; font-weight: 850; }
.access-user-summary dd,
.access-editor-layout dd { color: white; text-align: right; }
.access-user-summary > .button,
.access-role-summary > .button { align-self: end; justify-content: center; }
.access-editor-page > .admin-actions { margin-bottom: .8rem; }
.access-editor-layout { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); align-items: start; gap: 1.2rem; }
.access-editor-layout > div { display: grid; min-width: 0; gap: .8rem; }
.access-editor-layout h2 { overflow-wrap: anywhere; font-size: clamp(1.25rem, 2.6vw, 1.9rem); }
.access-matrix-wrap,
.access-data-table-wrap { position: relative; box-shadow: inset -18px 0 18px -20px rgba(255, 223, 139, .8); }
.access-permission-matrix { min-width: max(820px, 100%); }
.access-permission-matrix caption { padding: 0 0 .75rem; color: white; font-size: 1.1rem; font-weight: 850; text-align: left; }
.access-permission-matrix th:first-child,
.access-permission-matrix td:first-child,
.access-data-table-wrap th:first-child,
.access-data-table-wrap td:first-child {
  position: sticky;
  z-index: 2;
  left: 0;
  min-width: 210px;
  background: #101511;
  box-shadow: 10px 0 14px -14px rgba(255, 239, 195, .85);
}
.access-permission-matrix thead th:first-child,
.access-data-table-wrap thead th:first-child { z-index: 3; background: #171d18; }
.access-permission-matrix thead th:not(:first-child) { min-width: 130px; text-align: center; }
.access-permission-matrix th small { display: block; margin-top: .18rem; color: var(--admin-text-muted); font-weight: 500; text-transform: none; letter-spacing: normal; }
.access-permission-matrix td { text-align: center; }
.access-matrix-state { display: inline-grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; font-weight: 950; }
.access-matrix-state.is-granted { background: #29462d; color: #d8f1d7; }
.access-matrix-state.is-denied { background: #292d2a; color: #8d968f; }
.access-role-mobile-list { display: none; }
.access-role-summary { grid-template-rows: 1fr auto; }
.access-role-summary p:last-child { margin-top: .3rem; color: var(--admin-text-muted); }
.access-change-summary { display: grid; gap: .8rem; border: 1px solid rgba(202, 164, 74, .38); border-left: 3px solid #caa44a; border-radius: 8px; padding: .9rem 1rem; background: rgba(202, 164, 74, .08); }
.access-change-summary[hidden] { display: none; }
.access-change-summary p { margin: 0; color: var(--admin-text-muted); }
.access-change-summary__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; }
.access-change-summary__heading > div { display: grid; gap: .16rem; }
.access-change-summary__heading > div > span { color: #d4ba77; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.access-change-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.access-change-columns > div { border: 1px solid rgba(232, 224, 206, .12); border-radius: 7px; padding: .7rem; background: rgba(8, 12, 9, .36); }
.access-change-columns ul { display: grid; gap: .3rem; margin: .5rem 0 0; padding-left: 1.2rem; color: #e8eadf; }
.access-change-columns li::marker { color: #d4ba77; }
.access-change-columns li.is-empty { color: var(--admin-text-muted); }
.access-change-confirm { display: flex; align-items: flex-start; gap: .6rem; border-top: 1px solid rgba(232, 224, 206, .14); padding-top: .8rem; color: white; font-weight: 750; }
.access-change-confirm input { flex: 0 0 auto; width: 20px; height: 20px; margin-top: .05rem; accent-color: #caa44a; }
.access-role-copy-form { max-width: 720px; padding-top: .9rem; }
.access-credential-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.access-credential-card { display: grid; align-content: start; gap: .8rem; border: 1px solid var(--admin-line); border-radius: 9px; padding: .9rem; background: #101511; }
.access-credential-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; }
.access-credential-card h3 { margin: 0; overflow-wrap: anywhere; font-size: 1rem; }
.access-credential-card__heading p { margin: .18rem 0 0; color: var(--admin-text-muted); font-size: .78rem; }
.access-credential-card dl { display: grid; gap: .42rem; }
.access-credential-card dl > div { display: flex; justify-content: space-between; gap: .8rem; border-top: 1px solid rgba(232, 224, 206, .1); padding-top: .42rem; }
.access-credential-card dt { color: var(--admin-text-muted); font-size: .7rem; font-weight: 850; }
.access-credential-card dd { min-width: 0; color: white; text-align: right; overflow-wrap: anywhere; }
.access-credential-card form { align-self: end; }
.access-credential-card .table-button { width: 100%; justify-content: center; }
.access-permission-readonly { display: grid; gap: .55rem; border: 0; padding: 0; }
.access-permission-readonly > div { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: .7rem; border-bottom: 1px solid rgba(232, 224, 206, .1); padding: .58rem 0; }
.access-permission-readonly > div > div { display: grid; gap: .18rem; }
.access-permission-readonly small { color: var(--admin-text-muted); }
.access-login-filter { margin-bottom: .8rem; }

/* Focused system settings tools --------------------------------------- */

.settings-hub-hero { border-color: rgba(111, 158, 203, .38); background: linear-gradient(135deg, #172027, #101512 64%, #171f2a); }
.settings-tool-grid .content-tool-card { min-height: 224px; }
.settings-danger-entry,
.settings-danger-safety {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
.settings-danger-entry {
  border-color: rgba(203, 91, 80, .4);
  background: linear-gradient(135deg, rgba(117, 48, 42, .18), #101511 70%);
}
.settings-danger-entry > div,
.settings-danger-safety > div { max-width: 820px; }
.settings-danger-entry p:last-child,
.settings-danger-safety p:last-child { margin-top: .3rem; color: var(--admin-text-muted); }
.settings-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
}
.settings-status-grid article {
  display: grid;
  min-width: 0;
  gap: .22rem;
  border: 1px solid var(--admin-line);
  border-radius: 10px;
  padding: .78rem .9rem;
  background: #101511;
}
.settings-status-grid span { color: var(--admin-text-muted); font-size: .68rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.settings-status-grid strong { overflow-wrap: anywhere; color: white; font-size: 1.05rem; }
.settings-boundary-section .admin-card__heading { margin-bottom: .8rem; }
.settings-boundary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.settings-boundary-grid a {
  display: grid;
  min-width: 0;
  gap: .22rem;
  border: 1px solid var(--admin-line);
  border-radius: 9px;
  padding: .9rem;
  background: #0e1410;
  color: inherit;
  text-decoration: none;
}
.settings-boundary-grid a:hover { border-color: rgba(202, 164, 74, .55); background: #151c16; }
.settings-boundary-grid span { color: #d9bd70; font-size: .67rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.settings-boundary-grid strong { color: white; font-size: 1.05rem; }
.settings-boundary-grid small { color: var(--admin-text-muted); line-height: 1.45; }
.settings-sensitive-export > .admin-collapsible { border: 0; background: transparent; }
.settings-sensitive-export > .admin-collapsible > summary { padding: 0; }
.settings-sensitive-export > .admin-collapsible[open] > summary { margin-bottom: 1rem; border-bottom: 1px solid var(--admin-line-strong); padding-bottom: .9rem; }
.settings-sensitive-export .settings-form { max-width: 720px; padding: 0; }
.settings-risk-note { margin-bottom: .9rem; border-left: 3px solid #caa44a; padding: .78rem .9rem; background: rgba(202, 164, 74, .08); }
.settings-risk-note strong { color: #ffe2a0; }
.settings-risk-note p { margin-top: .25rem; color: var(--admin-text-muted); }
.settings-impact-summary {
  display: grid;
  gap: .22rem;
  border: 1px solid rgba(202, 164, 74, .42);
  border-left: 4px solid #caa44a;
  border-radius: 8px;
  background: rgba(202, 164, 74, .09);
  padding: .78rem .85rem;
}
.settings-impact-summary[hidden] { display: none; }
.settings-impact-summary > span { color: #d4ba77; font-size: .68rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.settings-impact-summary > strong { color: #ffe6aa; line-height: 1.35; }
.settings-impact-summary > p { margin: 0; color: var(--admin-text-muted); line-height: 1.5; }
.settings-impact-summary[data-impact-tone="success"] { border-color: rgba(94, 153, 108, .48); border-left-color: #69a878; background: rgba(64, 116, 75, .13); }
.settings-impact-summary[data-impact-tone="danger"] { border-color: rgba(203, 91, 80, .5); border-left-color: #cb5b50; background: rgba(117, 48, 42, .14); }
.settings-operation-link,
.settings-danger-hero { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; }
.settings-operation-link > div,
.settings-danger-hero > div { max-width: 820px; }
.settings-operation-link p:last-child,
.settings-danger-hero p:last-child { margin-top: .3rem; color: var(--admin-text-muted); }
.settings-danger-hero { border-color: rgba(203, 91, 80, .48); background: linear-gradient(135deg, #2c1816, #15100f 62%, #1c1211); }
.settings-danger-back { justify-self: start; }
.settings-danger-safety { border-color: rgba(202, 164, 74, .42); background: rgba(202, 164, 74, .06); }
.settings-danger-list--sensitive > details { border-color: rgba(202, 164, 74, .44); }
.settings-danger-list--sensitive > details[open] > summary { border-bottom-color: rgba(202, 164, 74, .3); }
.settings-danger-gate,
.settings-danger-access {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  align-items: center;
  gap: 1.2rem;
  border-color: rgba(203, 91, 80, .42);
}
.settings-danger-gate { background: linear-gradient(135deg, rgba(117, 48, 42, .18), #101511 70%); }
.settings-danger-access { border-color: rgba(94, 153, 108, .44); background: linear-gradient(135deg, rgba(64, 116, 75, .17), #101511 70%); }
.settings-danger-gate h2,
.settings-danger-access h2 { margin: .1rem 0 .35rem; }
.settings-danger-gate p:last-child,
.settings-danger-access p:last-child { color: var(--admin-text-muted); }
.settings-danger-unlock-form { padding: 0; }
.settings-danger-unlock-form .button,
.settings-danger-access .button { width: 100%; justify-content: center; }
.settings-danger-locked-note {
  margin-top: .8rem;
  border: 1px solid rgba(203, 91, 80, .36);
  border-radius: 9px;
  padding: .9rem;
  background: rgba(117, 48, 42, .12);
  color: var(--admin-text-muted);
}
.settings-danger-locked-note strong { color: #ffc0ba; }
.settings-danger-locked-note p { margin: .25rem 0 .75rem; }
.settings-danger-locked-note a:not(.button) { color: #ffd0ca; }
.settings-danger-list { display: grid; gap: .8rem; }
.settings-danger-list > details { margin: 0; border-color: rgba(203, 91, 80, .38); }
.settings-danger-list > details > summary { padding: .95rem 1rem; }
.settings-danger-list > details[open] > summary { border-bottom: 1px solid rgba(203, 91, 80, .28); }
.settings-danger-list > details > form { padding: 1rem; }

@media (max-width: 960px) {
  .settings-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-boundary-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .settings-tool-grid .content-tool-card { min-height: 168px; }
  .settings-status-grid { grid-template-columns: 1fr; }
  .settings-operation-link,
  .settings-danger-hero,
  .settings-danger-entry,
  .settings-danger-safety { align-items: stretch; flex-direction: column; }
  .settings-danger-gate,
  .settings-danger-access { grid-template-columns: 1fr; }
  .settings-operation-link > .button,
  .settings-danger-entry > .button,
  .settings-danger-safety > .button,
  .settings-danger-hero > .status-pill { width: 100%; justify-content: center; }
  .settings-danger-list > details > form { padding: .85rem; }
}

/* Previous appearance ---------------------------------------------------- */

html.admin-ui--legacy .admin-page .admin-menu-button,
html.admin-ui--legacy .admin-page .admin-nav__header,
html.admin-ui--legacy .admin-page .admin-nav__group h2,
html.admin-ui--legacy .admin-page .admin-nav-scrim { display: none; }
html.admin-ui--legacy .admin-page .admin-topbar__title { display: block; }
html.admin-ui--legacy .admin-page .admin-view-toggle { align-self: stretch; }
html.admin-ui--legacy .admin-page .admin-nav {
  position: static;
  display: flex;
  width: min(1360px, calc(100% - 2rem));
  height: auto;
  margin: 0 auto 1.25rem;
  padding: .45rem;
  flex-wrap: wrap;
  gap: .35rem;
  overflow-x: visible;
  border: 1px solid var(--line);
  background: var(--ink-soft);
  box-shadow: none;
  transform: none;
}
html.admin-ui--legacy .admin-page .admin-nav__groups,
html.admin-ui--legacy .admin-page .admin-nav__group,
html.admin-ui--legacy .admin-page .admin-nav__group > div { display: contents; }
html.admin-ui--legacy .admin-page .admin-nav a {
  flex: 0 0 auto;
  padding: .72rem .9rem;
  color: var(--fog);
  text-decoration: none;
  font-size: .84rem;
  font-weight: 800;
}
html.admin-ui--legacy .admin-page .admin-nav a:hover,
html.admin-ui--legacy .admin-page .admin-nav a[aria-current="page"] { background: #283128; color: white; }
html.admin-ui--legacy .admin-dirty-status { left: 1rem; width: min(720px, calc(100% - 2rem)); }

/* Responsive drawer and order cards ------------------------------------- */

@media (max-width: 980px) {
  html:not(.admin-ui--legacy) .admin-page .admin-topbar {
    flex-direction: column;
    align-items: stretch;
    gap: .65rem;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar__title { width: 100%; }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar__title > div { flex: 1 1 auto; }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar h1 {
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.15;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar .admin-actions {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar,
  html:not(.admin-ui--legacy) .admin-page > main.admin-shell,
  html:not(.admin-ui--legacy).admin-nav--collapsed .admin-page .admin-topbar,
  html:not(.admin-ui--legacy).admin-nav--collapsed .admin-page > main.admin-shell {
    width: min(100% - 1.2rem, 1360px);
    margin-inline: auto;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-nav {
    width: min(88vw, 320px);
    transform: translateX(-105%);
  }
  html:not(.admin-ui--legacy) .admin-page .admin-nav[data-open="true"] { transform: translateX(0); }
  html:not(.admin-ui--legacy) .admin-page .admin-nav[data-open="true"] + .admin-nav-scrim {
    position: fixed;
    z-index: 90;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(0, 0, 0, .68);
  }
  html.admin-nav--open { overflow: hidden; }
  .admin-dirty-status,
  html.admin-nav--collapsed .admin-dirty-status {
    right: .6rem;
    bottom: .6rem;
    left: .6rem;
    width: auto;
  }
  body.admin-page--has-save-bar .admin-dirty-status { bottom: 7.2rem; }
  html:not(.admin-ui--legacy) .admin-page .admin-save-bar,
  html.admin-nav--collapsed .admin-save-bar {
    right: .6rem;
    bottom: .6rem;
    left: .6rem;
    width: auto;
  }
  .content-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .media-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .media-bulk-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .media-bulk-toolbar > div { grid-column: 1 / -1; }
  .media-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  html:not(.admin-ui--legacy) .admin-page .admin-topbar {
    min-height: 68px;
    padding: .55rem 0;
    flex-direction: column;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar__title { flex: 1 1 auto; }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar h1 { font-size: clamp(1.35rem, 5.8vw, 1.75rem); }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar .eyebrow { display: none; }
  html:not(.admin-ui--legacy) .admin-page .admin-menu-button > span:last-child,
  html:not(.admin-ui--legacy) .admin-page .admin-mail-indicator > span:not(.admin-mail-indicator__icon) { display: none; }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar .admin-actions { flex-wrap: wrap; gap: .3rem; }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar .admin-actions .button { min-width: 44px; padding-inline: .65rem; }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar .admin-actions > .admin-site-link { display: inline-flex; }
  .admin-command-button__label { display: none; }
  html:not(.admin-ui--legacy) .admin-page .admin-menu-button {
    width: 44px;
    padding: 0;
    flex: 0 0 44px;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar .admin-actions > button,
  html:not(.admin-ui--legacy) .admin-page .admin-topbar .admin-actions > a,
  html:not(.admin-ui--legacy) .admin-page .admin-topbar .admin-actions > form {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    flex: 0 0 44px;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-topbar .admin-actions > a {
    justify-content: center;
    padding: 0;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-site-link__icon { display: inline; }
  html:not(.admin-ui--legacy) .admin-page .admin-site-link__label { display: none; }
  html:not(.admin-ui--legacy) .admin-page .admin-mail-indicator { position: relative; }
  html:not(.admin-ui--legacy) .admin-page .admin-mail-indicator strong {
    position: absolute;
    top: -.2rem;
    right: -.2rem;
    max-width: 2rem;
    overflow: hidden;
    font-size: .65rem;
    line-height: 1.3;
    padding: .12rem .22rem;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-card__heading .admin-actions { width: 100%; }
  html:not(.admin-ui--legacy) .admin-page .admin-card__heading .admin-actions > * { flex: 1 1 9rem; justify-content: center; }
  html:not(.admin-ui--legacy) .admin-page .admin-view-toggle { width: 44px; padding: 0; }
  html:not(.admin-ui--legacy) .admin-page .admin-view-toggle__icon,
  html:not(.admin-ui--legacy) .admin-page .admin-logout-button__icon { display: inline; }
  html:not(.admin-ui--legacy) .admin-page .admin-view-toggle > span:last-child,
  html:not(.admin-ui--legacy) .admin-page .admin-logout-button__label { display: none; }
  html:not(.admin-ui--legacy) .admin-page .admin-logout-button { width: 44px; padding: 0; }
  html:not(.admin-ui--legacy) .admin-page .admin-save-bar,
  html.admin-ui--legacy .admin-save-bar.is-dirty,
  html.admin-ui--legacy .admin-save-bar.is-submitting { align-items: stretch; flex-direction: column; }
  .admin-save-bar__actions { width: 100%; }
  .admin-save-bar__actions .button { flex: 1 1 50%; justify-content: center; }

  .dashboard-task-center__heading { display: grid; }
  .dashboard-updated { width: fit-content; }
  .dashboard-task-list { grid-template-columns: 1fr; }
  .dashboard-task { grid-template-columns: minmax(0, 1fr) auto; }
  .dashboard-task__badge { grid-column: 1 / -1; width: fit-content; }
  .dashboard-task-clear { display: grid; justify-items: center; text-align: center; }
  .dashboard-insights > summary small { display: none; }
  .order-work-queues { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-work-queues a { justify-content: space-between; border-radius: 8px; }
  .active-filter-bar { align-items: stretch; }
  .active-filter-bar > span { flex-basis: 100%; }
  .filter-chip { min-height: 44px; }

  .catalog-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-tools { grid-template-columns: 1fr; }
  .catalog-tools a { min-height: 72px; }
  .catalog-filter { grid-template-columns: 1fr; }
  .catalog-filter .button { width: 100%; justify-content: center; }
  html:not(.admin-ui--legacy) .admin-page .product-catalog-table-wrap { overflow: visible; }
  html:not(.admin-ui--legacy) .admin-page .product-catalog-table,
  html:not(.admin-ui--legacy) .admin-page .product-catalog-table tbody { display: block; min-width: 0; }
  html:not(.admin-ui--legacy) .admin-page .product-catalog-table tr {
    display: block;
    margin-bottom: .85rem;
    overflow: hidden;
    border: 1px solid var(--admin-line-strong);
    border-radius: 10px;
    background: #0e1310;
  }
  html:not(.admin-ui--legacy) .admin-page .product-catalog-table td {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    border: 0;
    border-bottom: 1px solid rgba(232, 224, 206, .1);
    padding: .65rem .75rem;
    text-align: right;
  }
  html:not(.admin-ui--legacy) .admin-page .product-catalog-table td::before {
    content: attr(data-label);
    flex: 0 0 5rem;
    color: #9fa59c;
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-align: left;
    text-transform: uppercase;
  }
  html:not(.admin-ui--legacy) .admin-page .product-catalog-table td:first-child { display: block; text-align: left; }
  html:not(.admin-ui--legacy) .admin-page .product-catalog-table td:first-child::before { display: none; }
  html:not(.admin-ui--legacy) .admin-page .product-catalog-table td:last-child { border-bottom: 0; }
  .catalog-product-identity { min-width: 0; }
  .catalog-edit-button { width: 100%; justify-content: center; }
  .product-editor-hero,
  .product-danger-zone { align-items: stretch; flex-direction: column; }
  .product-editor-hero .admin-actions { width: 100%; }
  .product-editor-hero .admin-actions > * { flex: 1 1 auto; justify-content: center; }
  .product-editor-steps { top: 69px; display: flex; overflow-x: auto; }
  .product-editor-steps a { min-width: 132px; flex: 0 0 auto; }
  .product-editor-fields--two,
  .product-media-editor { grid-template-columns: 1fr; }
  .product-media-preview { max-width: 180px; }
  .product-editor-submit { display: grid; grid-template-columns: 1fr; }
  .product-editor-submit .button { width: 100%; justify-content: center; }
  .product-save-summary dl { grid-template-columns: 1fr; }
  .product-wizard-progress { grid-template-columns: 1fr; gap: .45rem; }
  .product-wizard-progress > div { justify-content: space-between; }
  .product-wizard-actions { display: grid; grid-template-columns: 1fr; }
  .product-wizard-actions .button { width: 100%; justify-content: center; }

  .product-tool-tabs { top: 68px; margin-inline: -.1rem; }
  .product-tool-tabs .product-tool-tabs__legacy { margin-left: 0; }
  .product-tool-hero .admin-card__heading { display: grid; }
  .product-tool-hero .admin-card__heading > .button { width: 100%; justify-content: center; }
  .tool-metrics,
  .tool-metrics--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-workspace,
  .product-types-workspace { grid-template-columns: 1fr; }
  .quick-stock-card,
  .product-type-create-card { position: static; }
  .stock-card-list article { grid-template-columns: 42px minmax(0, 1fr) auto; }
  .stock-card-list article > .status-pill { grid-column: 2; justify-self: start; }
  .stock-card-list article > .table-button { grid-column: 3; grid-row: 2; }
  .bundle-focused-card > summary { grid-template-columns: auto minmax(0, 1fr) auto; }
  .bundle-focused-card > summary > .status-pill { grid-column: 2 / -1; width: fit-content; }
  .bundle-focused-card__price { text-align: right; }
  .product-type-list--focused .product-type-edit { grid-template-columns: 1fr; }
  .product-type-list--focused article { align-items: stretch; }
  .order-intake-form { align-items: stretch; flex-direction: column; }
  .order-intake-form .button { width: 100%; justify-content: center; }
  .deleted-product-list--focused article { grid-template-columns: 48px minmax(0, 1fr); }
  .deleted-product-list--focused article form { grid-column: 1 / -1; }
  .deleted-product-list--focused article .button { width: 100%; justify-content: center; }

  .content-hub-hero,
  .content-tool-hero { align-items: stretch; flex-direction: column; }
  .content-hub-hero > .button,
  .content-tool-hero > .button { width: 100%; justify-content: center; }
  .content-tool-grid,
  .managed-content-list--focused,
  .review-focused-list,
  .carousel-admin-list--focused,
  .content-management-grid--focused { grid-template-columns: 1fr; }
  .news-live-preview__toolbar { align-items: flex-start; flex-direction: column; }
  .news-revision-list > article { grid-template-columns: 1fr; }
  .news-revision-list details { min-width: 0; }
  .content-tool-card { min-height: 168px; }
  .content-create-panel { position: static; }
  .carousel-focused-card > summary { grid-template-columns: 92px minmax(0, 1fr); }
  .carousel-focused-card > summary > img { width: 92px; height: 78px; }
  .carousel-preview-workbench__heading { align-items: stretch; flex-direction: column; }
  .carousel-preview-devices { width: 100%; }
  .carousel-preview-devices .table-button { flex: 1 1 0; justify-content: center; }
  .carousel-preview-canvas figcaption { align-items: flex-start; flex-direction: column; }
  .carousel-visual-order__list > li { grid-template-columns: 2.4rem minmax(0, 1fr); }
  .carousel-visual-order__identity { grid-template-columns: 82px minmax(0, 1fr); }
  .carousel-visual-order__identity > img { width: 82px; height: 54px; }
  .carousel-visual-order__list .display-order-list__actions { grid-column: 1 / -1; justify-content: flex-end; flex-wrap: wrap; }
  .content-settings-panel > summary { position: relative; display: grid; justify-content: stretch; padding-right: 3rem; }
  .content-settings-panel > summary::after { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); }
  .content-settings-panel > summary span { color: var(--admin-text-muted); font-size: .74rem; }

  .media-tool-grid,
  .media-catalog,
  .media-filter,
  .media-editor-layout,
  .media-usage__list--focused { grid-template-columns: 1fr; }
  .media-bulk-toolbar,
  .media-replacement-comparison { grid-template-columns: 1fr; }
  .media-bulk-toolbar > div { grid-column: auto; }
  .media-bulk-toolbar .button { width: 100%; justify-content: center; }
  .media-tool-card { min-height: 220px; }
  .media-filter .button { width: 100%; }
  .media-catalog-toolbar { align-items: stretch; flex-direction: column; }
  .media-view-switch { align-self: stretch; }
  .media-view-switch a { flex: 1; text-align: center; }
  .media-catalog--list .media-library-item { grid-template-columns: 96px minmax(0, 1fr); }
  .media-catalog--list .media-library-item__preview img { height: 100%; min-height: 132px; }
  .media-library-item__body .admin-actions { display: grid; grid-template-columns: 1fr; }
  .media-library-item__body .admin-actions > * { width: 100%; justify-content: center; }
  .digital-media-list article { grid-template-columns: 52px minmax(0, 1fr); }
  .digital-media-list article > .button { grid-column: 1 / -1; width: 100%; justify-content: center; }

  .finance-scroll-hint { display: block; }
  .finance-report-context { grid-template-columns: 1fr; }
  .filter-chip-list { width: 100%; }
  .filter-chip-list a { min-height: 44px; flex: 1 1 auto; justify-content: center; }
  .billing-issuer-list { grid-template-columns: 1fr; }
  .billing-issuer-summary dl > div { align-items: flex-start; flex-direction: column; gap: .2rem; }
  .billing-issuer-summary dd { max-width: 100%; text-align: left; }
  .billing-issuer-editor-page > .admin-actions .button { width: 100%; justify-content: center; }

  .social-tool-grid,
  .social-hub-summary,
  .social-profile-list-focused,
  .social-profile-editor-layout { grid-template-columns: 1fr; }
  .social-tool-grid .content-tool-card { min-height: 168px; }
  .social-profile-summary dl > div,
  .social-profile-editor-layout dl > div { align-items: flex-start; flex-direction: column; gap: .2rem; }
  .social-profile-summary dd,
  .social-profile-editor-layout dd { text-align: left; }
  .social-profile-editor-page > .admin-actions .button { width: 100%; justify-content: center; }
  .social-profile-editor-layout .admin-actions { display: grid; grid-template-columns: 1fr; }
  .social-profile-editor-layout .admin-actions > * { width: 100%; justify-content: center; }
  .social-campaign-filter,
  .social-editorial-filter { grid-template-columns: 1fr; }
  .social-campaign-filter .button,
  .social-editorial-filter .button { width: 100%; }
  .social-calendar-nav { grid-template-columns: 1fr 1fr; }
  .social-calendar-nav strong { grid-column: 1 / -1; grid-row: 1; padding: .35rem 0; }
  .social-calendar-nav .button { width: 100%; justify-content: center; }
  .social-calendar-weekdays { display: none; }
  .social-calendar-grid { grid-template-columns: 1fr; }
  .social-calendar-grid.is-month .social-calendar-day.is-empty { display: none; }
  .social-calendar-day,
  .social-calendar-grid.is-week .social-calendar-day { min-height: 0; }
  .social-calendar-day > header { min-height: 34px; }
  .social-calendar-item { min-height: 78px; justify-content: center; }

  .ip-tool-grid .content-tool-card { min-height: 168px; }
  .ip-record-switcher,
  .ip-record-switcher form { align-items: stretch; flex-direction: column; }
  .ip-record-switcher > div { justify-content: space-between; }
  .ip-record-catalog { grid-template-columns: 1fr; }
  .ip-record-card { min-height: 112px; }
  .ip-filter-form,
  .ip-filter-form--deadline { grid-template-columns: 1fr; }
  .ip-filter-form .button { width: 100%; }
  .ip-pagination { justify-content: space-between; }
  .ip-timeline::before { left: .3rem; }
  .ip-timeline li,
  .ip-timeline--full li { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem .8rem; padding: .85rem 0 .85rem 1.35rem; }
  .ip-timeline li::before { top: 1.15rem; left: 0; }
  .ip-timeline time { grid-column: 1; }
  .ip-timeline li > div { grid-column: 1 / -1; padding-left: 0; }
  .ip-timeline li > .status-pill { grid-column: 2; grid-row: 1; }
  .ip-timeline li > form { grid-column: 1 / -1; }
  .ip-timeline li > form .table-button { width: 100%; min-height: 44px; }
  .ip-logo-grid,
  .ip-license-list { grid-template-columns: 1fr; }
  .ip-contract-state { width: 100%; }

  .access-tool-grid .content-tool-card { min-height: 168px; }
  .access-user-summary-grid,
  .access-role-summary-grid,
  .access-editor-layout { grid-template-columns: 1fr; }
  .access-user-summary dl > div,
  .access-editor-layout dl > div { align-items: flex-start; flex-direction: column; gap: .2rem; }
  .access-user-summary dd,
  .access-editor-layout dd { text-align: left; }
  .access-editor-page > .admin-actions .button { width: 100%; justify-content: center; }
  .access-permission-matrix-section .access-matrix-wrap,
  .access-permission-matrix-section > .finance-scroll-hint { display: none; }
  .access-role-mobile-list { display: grid; gap: .8rem; }
  .access-role-mobile { display: grid; gap: .8rem; border: 1px solid var(--admin-line); border-radius: 10px; padding: .9rem; background: #101511; }
  .access-role-mobile ul { display: grid; gap: .35rem; margin: 0; padding-left: 1.2rem; color: var(--admin-text-muted); }
  .access-role-mobile .button { width: 100%; justify-content: center; }
  .access-data-table-wrap .data-table { min-width: 860px; }
  .access-change-summary__heading,
  .access-credential-card__heading { align-items: stretch; flex-direction: column; }
  .access-change-columns,
  .access-credential-grid { grid-template-columns: 1fr; }
  .access-credential-card dl > div { align-items: flex-start; flex-direction: column; gap: .2rem; }
  .access-credential-card dd { text-align: left; }

  html:not(.admin-ui--legacy) .admin-page .order-table-wrap { overflow: visible; }
  html:not(.admin-ui--legacy) .admin-page .order-table,
  html:not(.admin-ui--legacy) .admin-page .order-table tbody { display: block; min-width: 0; }
  html:not(.admin-ui--legacy) .admin-page .order-table tr {
    display: block;
    margin-bottom: .85rem;
    overflow: hidden;
    border: 1px solid var(--admin-line-strong);
    border-radius: 10px;
    background: #0e1310;
  }
  html:not(.admin-ui--legacy) .admin-page .order-table td {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 0;
    border-bottom: 1px solid rgba(232, 224, 206, .1);
    padding: .62rem .75rem;
    text-align: right;
  }
  html:not(.admin-ui--legacy) .admin-page .order-table td:last-child { border-bottom: 0; }
  html:not(.admin-ui--legacy) .admin-page .order-table .order-cell-stack { justify-items: end; }
  html:not(.admin-ui--legacy) .admin-page .order-table td::before {
    content: attr(data-label);
    flex: 0 0 5.6rem;
    color: #9fa59c;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-align: left;
    text-transform: uppercase;
  }
  html:not(.admin-ui--legacy) .admin-page .order-table td .table-button { width: 100%; }
  html:not(.admin-ui--legacy) .admin-page .order-table__empty td { justify-content: center; text-align: center; }
  html:not(.admin-ui--legacy) .admin-page .order-table__empty td::before { display: none; }

  html.admin-ui--legacy .admin-page .admin-nav { flex-wrap: nowrap; overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html:not(.admin-ui--legacy) .admin-page .admin-nav,
  html:not(.admin-ui--legacy) .admin-page .admin-topbar,
  html:not(.admin-ui--legacy) .admin-page > main.admin-shell { transition: none; }
}
.typography-settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 1rem;
}
.typography-settings-grid label {
  align-content: start;
  padding: 1rem;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.025);
}
.typography-settings-grid label > span {
  color: var(--fog);
  font-size: .72rem;
  font-weight: 600;
}
.typography-settings-grid small {
  color: var(--fog);
  font-weight: 500;
  line-height: 1.45;
}
.typography-brand-settings { margin-top: 1.35rem; border: 1px solid var(--admin-line-strong); border-radius: 8px; padding: 1rem; }
.typography-brand-settings legend { padding: 0 .35rem; color: #e6ca83; font-weight: 800; }
.typography-brand-settings > p { max-width: 82ch; margin: 0 0 1rem; }
.typography-brand-preview { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; margin-bottom: 1rem; border: 1px solid var(--admin-line-strong); border-radius: 7px; background: #0a0f0d; padding: .65rem .8rem; color: #eee8da; }
.typography-brand-preview > span:first-child { color: var(--admin-text-muted); font-size: .76rem; font-weight: 800; }
.typography-brand-preview .brand-wordmark__glyph { width: min(100%, 12rem); }
.typography-brand-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .7rem; }
.typography-brand-grid .toggle-switch { width: 100%; min-height: 3.3rem; border: 1px solid var(--admin-line-strong); border-radius: 7px; padding: .6rem .7rem; background: rgba(255,255,255,.025); }
.adapter-readiness-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 1rem;
}
.adapter-readiness-card {
  display: grid;
  align-content: start;
  gap: .8rem;
  padding: 1rem;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.025);
}
.adapter-readiness-card h3,
.adapter-readiness-card p { margin: 0; }
.adapter-capability-list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.adapter-capability-list span {
  padding: .25rem .5rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--fog);
  font-size: .72rem;
}

/* P1 personal dashboard widgets ---------------------------------------- */

.dashboard-settings-dialog__body {
  display: grid;
  gap: .65rem;
  padding: 1rem 1.25rem;
}
.dashboard-widget-option {
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: .8rem;
  padding: .7rem .8rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
  cursor: pointer;
}
.dashboard-widget-option:hover { border-color: rgba(201, 163, 86, .62); }
.dashboard-widget-option input { width: 24px; height: 24px; accent-color: #c9a356; }
.dashboard-widget-option span { display: grid; gap: .15rem; }
.dashboard-widget-option small { color: var(--admin-text-muted); }
.dashboard-settings-dialog__actions {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: 1rem 1.25rem 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, .09);
}

/* P1 order list, pagination and guarded bulk processing ---------------- */

.order-bulk-form { display: grid; gap: .65rem; }

.order-bulk-toolbar {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(210px, 280px) auto;
  align-items: end;
  gap: 1rem;
  margin-top: 1rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(201, 163, 86, .34);
  border-radius: 12px;
  background: rgba(201, 163, 86, .07);
}

.order-bulk-toolbar > div,
.order-bulk-toolbar label { display: grid; gap: .3rem; }
.order-bulk-toolbar > div > span { color: var(--admin-text-muted); font-size: .82rem; }
.order-bulk-toolbar label { color: var(--admin-text-muted); font-size: .78rem; font-weight: 800; }
.order-bulk-toolbar select { min-height: 44px; }
.order-bulk-toolbar .button { min-height: 44px; }
.order-bulk-note { margin: 0 0 .35rem; }

.order-select-cell { width: 54px; text-align: center; }
.order-select-cell input {
  width: 24px;
  height: 24px;
  margin: 0;
  accent-color: #c9a356;
  cursor: pointer;
}

.admin-pagination > a,
.admin-pagination > span {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: .55rem .8rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 9px;
}
.admin-pagination > a { color: #f1d58f; text-decoration: none; }
.admin-pagination > a:hover,
.admin-pagination > a:focus-visible { border-color: #c9a356; background: rgba(201, 163, 86, .1); }
.admin-pagination > span[aria-disabled="true"] { opacity: .45; }
.admin-pagination .admin-pagination__status { border-color: transparent; color: var(--admin-text-muted); }

.order-bulk-preview-page { max-width: 1240px; }
.bulk-preview-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem 0;
}
.bulk-preview-summary article {
  display: grid;
  gap: .2rem;
  padding: .9rem 1rem;
  border: 1px solid var(--admin-line-strong);
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
}
.bulk-preview-summary article strong { font-size: 1.7rem; }
.bulk-preview-summary article span { color: var(--admin-text-muted); font-size: .78rem; }
.bulk-preview-summary__allowed { border-color: rgba(68, 164, 103, .58) !important; }
.bulk-preview-summary__blocked { border-color: rgba(194, 111, 72, .62) !important; }

html:not(.admin-ui--legacy) .admin-page .admin-warning {
  border: 1px solid rgba(201, 163, 86, .42);
  border-left: 4px solid #c9a356;
  background: rgba(201, 163, 86, .09);
  color: var(--paper);
}
.bulk-preview-row--blocked { opacity: .72; }
.bulk-confirmation-form {
  display: grid;
  max-width: 640px;
  gap: .7rem;
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(154, 63, 45, .6);
  border-radius: 12px;
  background: rgba(112, 43, 30, .12);
}
.bulk-confirmation-form label { display: grid; gap: .35rem; font-weight: 800; }
.bulk-confirmation-form input { min-height: 44px; }
.bulk-confirmation-form .admin-actions { justify-content: flex-end; }

@media (max-width: 760px) {
  html:not(.admin-ui--legacy) .admin-page .finance-scroll-hint { display: none; }
  .dashboard-settings-dialog__actions { align-items: stretch; flex-direction: column-reverse; }
  .dashboard-settings-dialog__actions .button { width: 100%; justify-content: center; }
  .order-bulk-toolbar { grid-template-columns: 1fr; align-items: stretch; }
  .order-bulk-toolbar .button { width: 100%; }
  .bulk-preview-summary { grid-template-columns: 1fr; }
  .bulk-confirmation-form .admin-actions { align-items: stretch; flex-direction: column-reverse; }
  .bulk-confirmation-form .button { width: 100%; justify-content: center; }
}
.order-list-personalization {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  margin: 1rem 0;
}

.order-view-manager,
.order-column-picker {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .025);
}

.order-view-manager {
  flex: 1 1 34rem;
}

.order-column-picker {
  flex: 0 0 auto;
}

.order-view-manager > summary,
.order-column-picker > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 2.75rem;
  padding: .6rem .85rem;
  color: var(--paper);
  font-weight: 750;
  cursor: pointer;
}

.order-view-manager__body,
.order-column-picker__body {
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding: .85rem;
}

.order-saved-views {
  display: grid;
  gap: .55rem;
  margin-bottom: .85rem;
}

.order-saved-view {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .65rem .75rem;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: .65rem;
  background: rgba(255, 255, 255, .025);
}

.order-saved-view.is-active {
  border-color: rgba(201, 163, 86, .72);
  box-shadow: inset 3px 0 0 #c9a356;
}

.order-saved-view > div:first-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .35rem .55rem;
}

.order-saved-view small {
  flex-basis: 100%;
  color: var(--admin-text-muted);
}

.order-saved-view__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem;
}

.order-saved-view__actions form {
  margin: 0;
}

.order-save-view-form {
  display: grid;
  grid-template-columns: minmax(14rem, 1fr) auto auto;
  align-items: end;
  gap: .75rem;
}

.order-save-view-form .toggle-row {
  min-height: 2.75rem;
  margin: 0;
}

.order-clear-default-form {
  margin-top: .75rem;
}

.order-column-picker__body {
  display: grid;
  min-width: 14rem;
  gap: .45rem;
}

.order-column-picker__body label {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
  font-weight: 600;
}

.order-table [hidden] {
  display: none !important;
}

@media (max-width: 820px) {
  .order-list-personalization,
  .order-saved-view {
    flex-direction: column;
    align-items: stretch;
  }

  .order-column-picker {
    width: 100%;
  }

  .order-save-view-form {
    grid-template-columns: 1fr;
  }
}

/* Analytics decision-support and personal views ------------------------- */

.analytics-view-manager {
  margin-top: 1rem;
  overflow: hidden;
  border: 1px solid var(--admin-line-strong);
  border-radius: var(--admin-radius);
  background: rgba(255, 255, 255, .02);
}

.analytics-view-manager > summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .7rem .9rem;
  color: var(--paper);
  cursor: pointer;
  font-weight: 750;
}

.analytics-view-manager__body {
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding: .9rem;
}

.analytics-saved-views {
  display: grid;
  gap: .55rem;
  margin-bottom: .9rem;
}

.analytics-saved-view {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .7rem .8rem;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: .7rem;
  background: rgba(255, 255, 255, .025);
}

.analytics-saved-view.is-active {
  border-color: rgba(201, 163, 86, .72);
  box-shadow: inset 3px 0 0 #c9a356;
}

.analytics-saved-view > div:first-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .35rem .55rem;
}

.analytics-saved-view small {
  flex-basis: 100%;
  color: var(--admin-text-muted);
}

.analytics-saved-view__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem;
}

.analytics-saved-view__actions form { margin: 0; }

.analytics-save-view-form {
  display: grid;
  grid-template-columns: minmax(14rem, 1fr) auto auto;
  align-items: end;
  gap: .75rem;
}

.analytics-save-view-form .toggle-row {
  min-height: 2.75rem;
  margin: 0;
}

.analytics-clear-default-form { margin-top: .75rem; }

.analytics-insight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: .75rem;
}

.analytics-insight {
  padding: .9rem 1rem;
  border: 1px solid rgba(255, 255, 255, .11);
  border-left: 4px solid #779384;
  border-radius: .75rem;
  background: rgba(255, 255, 255, .025);
}

.analytics-insight p {
  margin: .35rem 0 .75rem;
  color: var(--admin-text-muted);
}

.analytics-insight--warning { border-left-color: #d4a13a; }
.analytics-insight--danger { border-left-color: #d16666; }
.analytics-insight--success { border-left-color: #6eaa7a; }
.analytics-insight--info { border-left-color: #6c91bd; }

.analytics-trends > .admin-collapsible > .analytics-chart-grid {
  margin: 0;
  padding: 1rem;
}

.analytics-chart-card {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .025);
}

.analytics-chart-insight {
  min-height: 3em;
  margin: .75rem 0;
  color: var(--admin-text-muted);
}

.analytics-chart-actions {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: .55rem;
}

.analytics-chart-table {
  flex: 1 1 14rem;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: .55rem;
}

.analytics-chart-table > summary {
  min-height: 42px;
  padding: .55rem .7rem;
  color: var(--paper);
  cursor: pointer;
  font-weight: 700;
}

.analytics-chart-table .data-table-wrap {
  max-height: 20rem;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

@media (max-width: 820px) {
  .analytics-saved-view {
    flex-direction: column;
    align-items: stretch;
  }

  .analytics-save-view-form { grid-template-columns: 1fr; }

  .analytics-chart-actions { flex-direction: column; }

  .analytics-chart-actions > * { width: 100%; }
}

/* Integration operations and protected credentials -------------------- */

.integration-status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  gap: .8rem;
}

.integration-status-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .75rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .11);
  border-left: 4px solid #6c91bd;
  border-radius: .85rem;
  background: rgba(255, 255, 255, .025);
}

.integration-status-card--up { border-left-color: #6eaa7a; }
.integration-status-card--down,
.integration-status-card--degraded { border-left-color: #d16666; }
.integration-status-card--disabled,
.integration-status-card--not_configured { border-left-color: #d4a13a; }

.integration-status-card__heading,
.integration-secret-unlocked {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}

.integration-status-card__heading h3 { margin: .2rem 0 0; }
.integration-status-card > p { flex: 1; margin: 0; color: var(--admin-text-muted); }
.integration-status-card form { margin: 0; }
.integration-status-card form .button { width: 100%; }

.integration-status-card__meta {
  display: grid;
  gap: .45rem;
  margin: 0;
}

.integration-status-card__meta > div {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: .55rem;
}

.integration-status-card__meta dt { color: var(--admin-text-muted); }
.integration-status-card__meta dd { margin: 0; overflow-wrap: anywhere; }

.integration-last-error {
  border-top: 1px solid rgba(255, 255, 255, .09);
  padding-top: .6rem;
}

.integration-last-error summary { color: var(--paper); cursor: pointer; font-weight: 700; }
.integration-last-error p { margin: .55rem 0 0; overflow-wrap: anywhere; }

.integration-secret-unlock {
  display: grid;
  grid-template-columns: minmax(14rem, 1fr) auto;
  align-items: end;
  gap: .75rem;
}

.integration-secret-unlock small { grid-column: 1 / -1; color: var(--admin-text-muted); }

.integration-secret-unlocked {
  padding: .85rem 1rem;
  border: 1px solid rgba(212, 161, 58, .45);
  border-radius: .75rem;
  background: rgba(212, 161, 58, .08);
}

.integration-secret-unlocked div { display: grid; gap: .2rem; }
.integration-secret-unlocked span { color: var(--admin-text-muted); }

.integration-secret-value {
  display: grid;
  gap: .35rem;
  min-width: 0;
}

.integration-secret-value > span { color: var(--admin-text-muted); font-weight: 700; }
.integration-secret-value code {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  padding: .7rem .8rem;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: .55rem;
  background: rgba(0, 0, 0, .2);
  color: var(--paper);
  white-space: nowrap;
}

.integration-queue-filter {
  display: grid;
  grid-template-columns: repeat(4, minmax(10rem, 1fr)) auto;
  align-items: end;
  gap: .7rem;
  margin-bottom: 1rem;
}

.integration-target {
  display: block;
  max-width: 24rem;
  overflow: hidden;
  color: var(--admin-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.integration-task-review { min-width: 15rem; }
.integration-task-review > summary { min-height: 42px; cursor: pointer; font-weight: 700; }
.integration-task-review dl { display: grid; gap: .5rem; margin: .5rem 0; }
.integration-task-review dt { color: var(--admin-text-muted); }
.integration-task-review dd { margin: .15rem 0 0; overflow-wrap: anywhere; }
.integration-task-review .integration-json { max-height: 16rem; }

@media (max-width: 1080px) {
  .integration-queue-filter { grid-template-columns: repeat(2, minmax(12rem, 1fr)); }
}

@media (max-width: 680px) {
  .integration-status-grid,
  .integration-queue-filter,
  .integration-secret-unlock { grid-template-columns: 1fr; }

  .integration-secret-unlock small { grid-column: auto; }
  .integration-secret-unlocked { flex-direction: column; }
  .integration-secret-unlocked form,
  .integration-secret-unlocked .button { width: 100%; }
}
/* ADM-09: explicit table policy is in the server-rendered HTML, including without JS. */
.admin-page [data-admin-table] th[scope="row"] {
  font: inherit;
  color: inherit;
  letter-spacing: normal;
  text-transform: none;
}
.admin-page [data-admin-table="scroll"] th[scope="row"] { background: #171d18; }
.admin-page .admin-table-container { min-width: 0; max-width: 100%; overflow: visible; }
.admin-page .admin-table-region {
  position: relative;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: auto;
  border-radius: 8px;
}
.admin-page .admin-table-region:focus-visible { outline: 3px solid #e1c07d; outline-offset: 3px; }
.admin-page .admin-table-scroll-hint {
  position: sticky;
  left: 0;
  max-width: 100%;
  margin: .4rem 0 .7rem;
  padding: .6rem .75rem;
  border-left: 3px solid #d4b773;
  background: #25261a;
  color: #f3e4bb;
  font-size: .82rem;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}
.admin-page [data-admin-table-region="cards"] > .admin-table-scroll-hint { display: none; }
.admin-page .admin-table-region[data-table-overflow="true"] > .admin-table-scroll-hint,
html.admin-ui--legacy .admin-page .admin-table-scroll-hint { display: block; }
.admin-page .admin-table-region[data-table-more-right="true"] { box-shadow: inset -14px 0 16px -15px #f3d484; }
.admin-page .admin-table-region[data-table-more-left="true"] { border-left: 2px solid #d4b773; }
.admin-page [data-admin-table] [hidden] { display: none !important; }

@media (max-width: 760px) {
  html:not(.admin-ui--legacy) .admin-page > main.admin-shell,
  html:not(.admin-ui--legacy) .admin-page .admin-card,
  html:not(.admin-ui--legacy) .admin-page .admin-card > *,
  html:not(.admin-ui--legacy) .admin-page .admin-form,
  html:not(.admin-ui--legacy) .admin-page .admin-form > *,
  html:not(.admin-ui--legacy) .admin-page .admin-inline-fields > * {
    min-width: 0;
    max-width: 100%;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-inline-fields { grid-template-columns: minmax(0, 1fr); }
  html:not(.admin-ui--legacy) .admin-page .admin-form label,
  html:not(.admin-ui--legacy) .admin-page .admin-form .button,
  html:not(.admin-ui--legacy) .admin-page .admin-card__heading { overflow-wrap: anywhere; white-space: normal; }
  html:not(.admin-ui--legacy) .admin-page .admin-card__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: .75rem;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-card__heading > * { min-width: 0; max-width: 100%; }
  html:not(.admin-ui--legacy) .admin-page .admin-card__heading > form { width: 100%; }
  html:not(.admin-ui--legacy) .admin-page .admin-card__heading > form .button,
  html:not(.admin-ui--legacy) .admin-page .admin-card__heading > .button {
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    justify-content: center;
  }
  html:not(.admin-ui--legacy) .admin-page .procurement-settings-form { display: grid; grid-template-columns: minmax(0, 1fr); }
  html:not(.admin-ui--legacy) .admin-page .procurement-settings-form > * { width: auto; }
  html:not(.admin-ui--legacy) .admin-page [data-admin-table-region="cards"] { overflow: visible; }
  html:not(.admin-ui--legacy) .admin-page [data-admin-table-region="cards"] > .admin-table-scroll-hint { display: none; }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"],
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] > tbody,
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] > tfoot {
    display: block;
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
    border-collapse: separate;
  }
  /* Clipping preserves the column headers in the accessibility tree. */
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] > thead {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    border: 0;
  }
  /* A column-header control such as Select all remains visibly keyboard operable. */
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] > thead:focus-within {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    clip-path: none;
  }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] tr {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 0 .85rem;
    padding: .7rem;
    border: 1px solid var(--admin-line-strong);
    border-radius: 10px;
    overflow: visible;
    background: #101511;
  }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] :is(td, th) {
    display: block;
    position: static;
    width: auto;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding: .55rem 0;
    border: 0;
    border-bottom: 1px solid var(--admin-line);
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] :is(td, th):last-child { border-bottom: 0; }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] [data-label]::before {
    display: block;
    content: attr(data-label);
    content: attr(data-label) / "";
    margin-bottom: .3rem;
    color: var(--admin-text-muted);
    font-size: .76rem;
    font-weight: 750;
    line-height: 1.4;
    letter-spacing: .02em;
    text-transform: none;
  }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] [colspan]::before { display: none; }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] :is(td, th) > *,
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] :is(input, select, textarea, button, a) {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) { width: 100%; }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] :is(.table-button, .button) { min-height: 44px; }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] .admin-inline-fields,
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] .admin-actions,
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] .order-cell-stack {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: .45rem;
  }
  html:not(.admin-ui--legacy) .admin-page .access-permission-matrix-section .access-matrix-wrap { display: block; }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] > thead[data-admin-table-controls] {
    position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; clip-path: none;
  }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] > thead[data-admin-table-controls] tr {
    padding: 0; border: 0; background: transparent;
  }
  html:not(.admin-ui--legacy) .admin-page table[data-admin-table="cards"] > thead[data-admin-table-controls] th:not([data-admin-table-control]) {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0;
  }
  html:not(.admin-ui--legacy) .admin-page .admin-table-select-all {
    display: flex; gap: .7rem; align-items: center; min-height: 44px; padding: .55rem;
    border: 1px solid var(--admin-line-strong); border-radius: 8px; white-space: normal;
    font-size: .85rem; letter-spacing: normal; text-transform: none; color: var(--admin-text);
  }
  html:not(.admin-ui--legacy) .admin-page .admin-table-select-all input { flex: 0 0 auto; }
}