:root {
  --ink: #edf2f7;
  --charcoal: #252c35;
  --gunmetal: #303844;
  --silver: #c7ced8;
  --silver-soft: rgba(199, 206, 216, 0.12);
  --muted: #aeb8c7;
  --line: rgba(232, 237, 245, 0.14);
  --paper: #101419;
  --surface: #202730;
  --surface-strong: #232b35;
  --white: #f2f5f9;
  --teal: #0b7cff;
  --blue: #0b7cff;
  --amber: #d97706;
  --rose: #ff5370;
  --violet: #7c8cff;
  --green-soft: rgba(11, 124, 255, 0.14);
  --blue-soft: rgba(11, 124, 255, 0.16);
  --amber-soft: rgba(217, 119, 6, 0.16);
  --rose-soft: rgba(255, 83, 112, 0.16);
  --violet-soft: rgba(124, 140, 255, 0.16);
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

/* FinalFlo studio command direction */
body {
  background:
    radial-gradient(circle at 18% -10%, rgba(29, 117, 255, 0.22), transparent 34%),
    radial-gradient(circle at 74% 0%, rgba(184, 197, 214, 0.18), transparent 38%),
    linear-gradient(135deg, #101922 0%, #17232d 36%, #080c11 100%);
}

.app-shell {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
  background: rgba(5, 10, 15, 0.92);
}

.sidebar {
  height: calc(100vh - 16px);
  padding: 18px 14px;
  gap: 20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(11, 124, 255, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(11, 18, 24, 0.98), rgba(5, 13, 18, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.12);
  border-radius: 8px;
}

.brand {
  min-height: 44px;
}

.brand-logo {
  width: min(150px, 100%);
}

.sidebar nav {
  gap: 7px;
}

.sidebar nav a {
  min-height: 44px;
  padding: 0 10px;
  color: #c9d3df;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.sidebar nav a span {
  color: #dbe8f8;
  background: rgba(199, 206, 216, 0.08);
  border-color: rgba(199, 206, 216, 0.14);
}

.sidebar nav a.is-active,
.sidebar nav a:hover,
.sidebar nav a:focus-visible {
  color: #ffffff;
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(79, 173, 255, 0.78);
  outline: none;
  box-shadow: 0 12px 30px rgba(11, 124, 255, 0.32);
}

.server-card {
  align-self: end;
  margin-top: auto;
  background:
    linear-gradient(145deg, rgba(45, 55, 67, 0.9), rgba(9, 15, 21, 0.96));
  border-color: rgba(199, 206, 216, 0.16);
}

main {
  height: calc(100vh - 16px);
  padding: 20px clamp(18px, 2.2vw, 30px) 42px;
  background:
    linear-gradient(90deg, rgba(199, 206, 216, 0.08), transparent 28%, rgba(11, 124, 255, 0.06)),
    rgba(8, 14, 20, 0.86);
  border: 1px solid rgba(128, 186, 255, 0.1);
  border-radius: 8px;
}

.topbar {
  margin-bottom: 16px;
}

h1 {
  font-size: clamp(1.85rem, 2.6vw, 3.1rem);
  line-height: 1.04;
}

.eyebrow,
.panel-heading span {
  color: #4daeff;
}

.new-shoot-button,
.reset-workspace,
.status-pill {
  min-height: 40px;
  border-radius: 8px;
}

.new-shoot-button {
  padding: 0 16px;
  color: #ffffff;
  background: linear-gradient(135deg, #0b7cff, #095fd0);
  border: 1px solid rgba(128, 186, 255, 0.66);
  cursor: pointer;
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(11, 124, 255, 0.26);
}

.reset-workspace {
  color: #d9e2ee;
  background: rgba(21, 30, 40, 0.9);
  border-color: rgba(199, 206, 216, 0.16);
}

.status-pill {
  color: #bcd5ef;
  background: rgba(199, 206, 216, 0.08);
  border-color: rgba(199, 206, 216, 0.16);
}

body[data-active-page="dashboard"] .page-guide {
  display: none !important;
}

body[data-active-page="dashboard"] #save-status,
body[data-active-page="dashboard"] #reset-workspace,
body[data-active-page="dashboard"] .studio-home-greeting {
  display: none !important;
}

body[data-active-page="culling"] #culling,
body[data-active-page="signature"] #culling {
  grid-template-columns: 1fr;
}

.page-guide {
  padding: 14px 16px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.16), rgba(199, 206, 216, 0.08)),
    rgba(12, 21, 30, 0.94);
  border-color: rgba(128, 186, 255, 0.22);
}

.dashboard {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

.dashboard article {
  min-height: 96px;
  padding: 16px;
  background:
    linear-gradient(145deg, rgba(40, 50, 62, 0.9), rgba(9, 16, 23, 0.96));
  border-color: rgba(199, 206, 216, 0.13);
  box-shadow: none;
}

.dashboard article strong {
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.studio-home-console {
  grid-template-columns: minmax(520px, 1.2fr) minmax(430px, 0.82fr);
  gap: 8px;
  margin-bottom: 8px;
  background: transparent;
}

.studio-home-main,
.studio-ai-preview,
.dashboard-workflow-panel,
.dashboard-finish-card,
.dashboard-pipeline-card,
.dashboard-gallery-card,
.dashboard-ops-strip button {
  background:
    radial-gradient(circle at 82% -8%, rgba(67, 171, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(23, 35, 45, 0.96), rgba(5, 11, 16, 0.98));
  border-color: rgba(128, 186, 255, 0.15);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);
}

.studio-home-main,
.studio-ai-preview {
  min-height: 390px;
  padding: 20px;
}

.studio-home-greeting strong {
  font-size: clamp(1.55rem, 2.3vw, 2.35rem);
}

.studio-quick-actions {
  gap: 8px;
}

.studio-quick-actions button {
  min-height: 94px;
  gap: 8px;
  color: #edf6ff;
  background:
    linear-gradient(145deg, rgba(38, 48, 59, 0.92), rgba(12, 19, 27, 0.96));
  border-color: rgba(199, 206, 216, 0.13);
}

.studio-quick-actions span {
  width: 42px;
  height: 42px;
  color: #ffffff;
}

.studio-quick-actions button:nth-child(2) span {
  background: linear-gradient(135deg, #766cff, #a57cff);
}

.studio-quick-actions button:nth-child(3) span {
  background: linear-gradient(135deg, #ffc247, #f59e0b);
}

.studio-quick-actions button:nth-child(4) span {
  background: linear-gradient(135deg, #27c36a, #0e9f6e);
}

.studio-quick-actions button:nth-child(5) span {
  background: linear-gradient(135deg, #ffc73d, #df9d00);
  color: #101419;
}

.studio-quick-actions button:nth-child(6) span {
  background: linear-gradient(135deg, #ff5b74, #c8324e);
}

.studio-project-grid {
  gap: 10px;
}

.studio-project-grid button {
  min-height: 198px;
  background:
    linear-gradient(180deg, rgba(199, 206, 216, 0.08), rgba(8, 14, 20, 0.98));
  border-color: rgba(199, 206, 216, 0.13);
}

.project-thumb {
  min-height: 120px;
}

.project-thumb img {
  min-height: 120px;
}

.studio-ai-body {
  grid-template-columns: minmax(126px, 0.26fr) minmax(0, 1fr);
}

.studio-ai-frame {
  min-height: 286px;
  background:
    radial-gradient(circle at 62% 24%, rgba(255, 199, 115, 0.22), transparent 34%),
    linear-gradient(145deg, #27394a, #070c12 72%);
}

.studio-ai-stats div {
  min-height: 88px;
  background:
    linear-gradient(145deg, rgba(29, 47, 60, 0.94), rgba(11, 18, 26, 0.98));
  border-color: rgba(199, 206, 216, 0.14);
}

.studio-ai-actions button {
  background: rgba(22, 30, 39, 0.95);
  border-color: rgba(199, 206, 216, 0.16);
}

.dashboard-workflow,
.dashboard-studio-board,
.dashboard-ops-strip {
  gap: 8px;
  margin-bottom: 8px;
  background: transparent;
}

.dashboard-workflow-panel {
  padding: 16px;
  border: 1px solid rgba(128, 186, 255, 0.15);
  border-radius: 8px;
}

.dashboard-workflow-list button {
  min-height: 76px;
  background: rgba(11, 19, 27, 0.74);
  border-color: rgba(199, 206, 216, 0.12);
}

.dashboard-studio-board {
  grid-template-columns: minmax(300px, 0.62fr) minmax(330px, 0.8fr) minmax(440px, 1fr);
}

.dashboard-finish-preview {
  min-height: 240px;
}

.dashboard-finish-preview img {
  min-height: 240px;
}

.dashboard-gallery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-gallery-grid button {
  min-height: 112px;
}

.dashboard-gallery-grid img {
  min-height: 112px;
}

.dashboard-ops-strip button {
  min-height: 104px;
}

.engine-map {
  background: transparent;
}

.engine-step {
  border-color: rgba(199, 206, 216, 0.18);
}

@media (max-width: 1180px) {
  .app-shell {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 8px;
  }

  .sidebar {
    height: auto;
    max-height: 26vh;
    border-radius: 8px;
  }

  main {
    height: auto;
    min-height: 0;
  }

  .studio-home-console,
  .dashboard-studio-board {
    grid-template-columns: 1fr;
  }

  .studio-quick-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .studio-project-grid,
  .dashboard-gallery-grid,
  .ai-signal-grid,
  .ai-signal-list,
  .ai-signal-actions,
  .finish-checkpoint-grid,
  .finish-checkpoint-list,
  .finish-checkpoint-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .app-shell {
    padding: 0;
    gap: 0;
  }

  .sidebar,
  main {
    border-radius: 0;
  }

  .sidebar nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .studio-quick-actions,
  .studio-project-grid,
  .studio-ai-body,
  .dashboard,
  .dashboard-gallery-grid,
  .ai-signal-grid,
  .ai-signal-list,
  .ai-signal-actions,
  .finish-checkpoint-grid,
  .finish-checkpoint-list,
  .finish-checkpoint-actions {
    grid-template-columns: 1fr;
  }

  .ai-signal-header,
  .finish-checkpoint-header {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* FinalFlo 2026 template direction */
body {
  background:
    radial-gradient(circle at 16% 0%, rgba(0, 119, 255, 0.34), transparent 26%),
    radial-gradient(circle at 82% 8%, rgba(190, 32, 255, 0.24), transparent 30%),
    linear-gradient(135deg, #050915 0%, #08101d 42%, #03060d 100%);
}

.app-shell {
  gap: 0;
  padding: 8px;
  background:
    linear-gradient(135deg, rgba(0, 121, 255, 0.86), rgba(190, 32, 255, 0.62)) border-box,
    rgba(3, 7, 15, 0.96) padding-box;
  border: 2px solid transparent;
  border-radius: 18px;
  box-shadow:
    0 0 0 1px rgba(0, 132, 255, 0.34),
    0 0 36px rgba(0, 119, 255, 0.28),
    0 0 54px rgba(190, 32, 255, 0.18);
}

.sidebar {
  border-radius: 14px 0 0 14px;
  background:
    linear-gradient(180deg, rgba(8, 15, 31, 0.98), rgba(4, 8, 17, 0.98));
  border-color: rgba(58, 128, 255, 0.18);
  border-right-color: rgba(255, 255, 255, 0.08);
}

main {
  border-left: 0;
  border-radius: 0 14px 14px 0;
  background:
    radial-gradient(circle at 52% -12%, rgba(38, 108, 255, 0.16), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(209, 48, 255, 0.1), transparent 26%),
    rgba(4, 9, 18, 0.98);
}

.brand-logo {
  width: min(174px, 100%);
  filter: drop-shadow(0 0 18px rgba(21, 146, 255, 0.24));
}

.sidebar nav a {
  color: #f5f7fb;
  background: transparent;
}

.sidebar nav a.is-active,
.sidebar nav a:hover,
.sidebar nav a:focus-visible {
  background:
    linear-gradient(135deg, rgba(0, 143, 255, 0.98), rgba(0, 86, 222, 0.96));
  box-shadow:
    0 0 0 1px rgba(142, 201, 255, 0.44),
    0 0 22px rgba(0, 132, 255, 0.52);
}

.topbar {
  display: grid;
  grid-template-columns: minmax(280px, 0.92fr) minmax(280px, 0.55fr) auto;
  align-items: center;
}

.template-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 16px;
  color: #9caec4;
  background: rgba(18, 28, 48, 0.86);
  border: 1px solid rgba(120, 157, 210, 0.18);
  border-radius: 14px;
}

.template-search span {
  color: #cfe2ff;
  font-size: 0;
}

.template-search span::before {
  content: "Q";
  font-size: 0.86rem;
  font-weight: 950;
}

.template-search input {
  width: 100%;
  color: #ffffff;
  background: transparent;
  border: 0;
  outline: none;
}

.template-search input::placeholder {
  color: #96a7bd;
}

.template-icon-button {
  display: grid;
  width: 42px;
  min-height: 42px;
  place-items: center;
  color: #ffffff;
  background: transparent;
  border: 1px solid rgba(168, 190, 224, 0.18);
  border-radius: 12px;
  cursor: pointer;
  font-weight: 950;
}

.new-shoot-button {
  min-height: 46px;
  border-radius: 12px;
  background: linear-gradient(135deg, #0d8dff, #0064e7);
  box-shadow: 0 14px 36px rgba(0, 119, 255, 0.34);
}

.dashboard {
  display: none;
}

.studio-home-console {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  gap: 18px;
}

.studio-home-main {
  align-content: start;
  gap: 16px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.studio-home-greeting {
  padding: 2px 0 0;
}

.studio-home-greeting span {
  display: none;
}

.studio-home-greeting strong {
  font-size: clamp(1.25rem, 1.9vw, 1.65rem);
}

.template-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(260px, 0.72fr);
  min-height: 250px;
  overflow: hidden;
  align-items: center;
  padding: clamp(22px, 3vw, 36px);
  background:
    radial-gradient(circle at 62% 54%, rgba(0, 208, 255, 0.4), transparent 20%),
    radial-gradient(circle at 78% 72%, rgba(255, 42, 224, 0.42), transparent 26%),
    linear-gradient(130deg, rgba(8, 20, 70, 0.98), rgba(9, 14, 46, 0.98) 48%, rgba(88, 14, 138, 0.92));
  border: 1px solid rgba(61, 127, 255, 0.32);
  border-radius: 14px;
  box-shadow: inset 0 0 70px rgba(0, 132, 255, 0.16);
}

.template-hero::after {
  content: "";
  position: absolute;
  inset: auto -14% -34% 34%;
  height: 190px;
  background:
    linear-gradient(100deg, transparent, rgba(0, 210, 255, 0.54), rgba(255, 42, 224, 0.64), transparent);
  filter: blur(12px);
  transform: rotate(-10deg);
}

.template-hero div {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
}

.template-hero span {
  color: #c9d8f0;
  font-weight: 850;
}

.template-hero strong {
  max-width: 520px;
  color: #ffffff;
  font-size: clamp(2rem, 3.3vw, 3.5rem);
  line-height: 1.08;
}

.template-hero strong b {
  color: #20c7ff;
  font-weight: 950;
}

.template-hero p {
  max-width: 400px;
  margin: 0;
  color: #c8d4e7;
  line-height: 1.45;
}

.template-hero .template-hero-actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.template-hero button {
  width: fit-content;
  min-height: 46px;
  padding: 0 24px;
  color: #ffffff;
  background: linear-gradient(135deg, #0d8dff, #0064e7);
  border: 1px solid rgba(134, 200, 255, 0.54);
  border-radius: 10px;
  cursor: pointer;
  font-weight: 950;
}

.template-hero button:nth-child(2) {
  background: rgba(32, 39, 48, 0.92);
  border-color: rgba(128, 186, 255, 0.36);
}

.template-hero button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.template-hero img {
  position: relative;
  z-index: 1;
  justify-self: end;
  width: min(390px, 100%);
  filter: drop-shadow(0 0 34px rgba(0, 195, 255, 0.28));
}

.studio-quick-actions {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.studio-quick-actions button {
  min-height: 112px;
  border-radius: 12px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
}

.studio-quick-actions button:nth-child(1) {
  background: linear-gradient(145deg, #0096ff, #005ede);
}

.studio-quick-actions button:nth-child(2) {
  background: linear-gradient(145deg, #be2bff, #671dd7);
}

.studio-quick-actions button:nth-child(3) {
  background: linear-gradient(145deg, #ffab1a, #c26a00);
}

.studio-quick-actions button:nth-child(4) {
  background: linear-gradient(145deg, #25c866, #0d8d45);
}

.studio-quick-actions button:nth-child(5) {
  background: linear-gradient(145deg, #ff4f7b, #b71945);
}

.studio-quick-actions button:nth-child(6) {
  background: linear-gradient(145deg, #9a38ff, #5219c9);
}

.studio-project-strip {
  display: none;
}

.template-recent-projects {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 20px;
  background: rgba(14, 22, 39, 0.74);
  border: 1px solid rgba(116, 149, 196, 0.14);
  border-radius: 14px;
}

.template-recent-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.template-recent-heading strong {
  color: #ffffff;
  font-size: 1.04rem;
}

.template-recent-heading button {
  color: #c4d5ef;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-weight: 850;
}

.template-recent-list {
  display: grid;
  gap: 10px;
}

.template-recent-list button {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr) 48px;
  grid-template-rows: auto auto;
  gap: 7px 14px;
  min-height: 92px;
  align-items: center;
  padding: 10px;
  color: #ffffff;
  text-align: left;
  background: rgba(20, 31, 52, 0.78);
  border: 1px solid rgba(143, 168, 207, 0.14);
  border-radius: 10px;
  cursor: pointer;
}

.template-recent-thumb {
  grid-row: 1 / span 2;
  display: block;
  min-height: 72px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(0, 143, 255, 0.24), rgba(209, 48, 255, 0.18)),
    #101827;
  border-radius: 8px;
}

.template-recent-thumb img {
  display: block;
  width: 100%;
  height: 72px;
  object-fit: cover;
}

.template-recent-thumb em {
  display: grid;
  min-height: 72px;
  place-items: center;
  padding: 8px;
  color: #8fc7ff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-align: center;
}

.template-recent-list strong,
.template-recent-list em,
.template-recent-list i {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.template-recent-list strong {
  align-self: end;
}

.template-recent-list em {
  align-self: start;
  color: #aebbd0;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 800;
}

.template-recent-list i {
  grid-column: 3;
  grid-row: 1 / span 2;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #8fc7ff;
  border: 4px solid rgba(13, 141, 255, 0.72);
  border-radius: 999px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
}

.studio-ai-preview {
  grid-column: 1 / -1;
}

@media (max-width: 1180px) {
  .topbar {
    grid-template-columns: 1fr;
  }

  .studio-home-console {
    grid-template-columns: 1fr;
  }

  .template-hero {
    grid-template-columns: 1fr;
  }

  .template-hero img {
    max-height: 180px;
  }

  .studio-quick-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .app-shell {
    border-radius: 0;
    border-width: 0;
  }

  .template-search,
  .template-recent-list button {
    grid-template-columns: 1fr;
  }

  .template-recent-thumb,
  .template-recent-list i {
    grid-column: auto;
    grid-row: auto;
  }

  .studio-quick-actions {
    grid-template-columns: 1fr;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: auto;
}

body {
  margin: 0;
  color: var(--ink);
  font-family: "Inter", Arial, sans-serif;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% -6%, rgba(11, 124, 255, 0.2), transparent 30%),
    radial-gradient(circle at 82% 4%, rgba(199, 206, 216, 0.16), transparent 36%),
    linear-gradient(135deg, #0b1219 0%, #172531 44%, #0a1017 100%);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

.app-shell {
  display: grid;
  grid-template-columns: 236px minmax(0, 1fr);
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}

.sidebar {
  position: sticky;
  top: 0;
  display: grid;
  height: 100vh;
  align-content: start;
  gap: 28px;
  padding: 24px;
  overflow-y: auto;
  color: var(--white);
  background:
    linear-gradient(180deg, rgba(11, 124, 255, 0.14) 0%, transparent 30%),
    linear-gradient(180deg, #061118 0%, #0c1a23 100%);
  border-right: 1px solid rgba(128, 186, 255, 0.12);
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.15rem;
  font-weight: 900;
}

.brand-logo {
  display: block;
  width: min(190px, 100%);
  height: auto;
  border-radius: 6px;
}

.brand-mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: var(--ink);
  background: var(--surface);
  border-radius: 8px;
}

.sidebar nav {
  display: grid;
  gap: 8px;
}

.sidebar nav a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  color: #d5dde8;
  background: rgba(232, 237, 245, 0.035);
  border: 1px solid rgba(232, 237, 245, 0.06);
  border-radius: 8px;
  font-weight: 800;
}

.sidebar nav a span {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  color: #7bbcff;
  background: rgba(11, 124, 255, 0.13);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 7px;
  font-size: 0.64rem;
  font-weight: 950;
}

.sidebar nav a.is-active,
.sidebar nav a:hover {
  color: var(--white);
  background: linear-gradient(135deg, #0b7cff, #085fca);
  border-color: rgba(128, 186, 255, 0.52);
  box-shadow: 0 10px 24px rgba(11, 124, 255, 0.2);
}

.sidebar nav a.is-active span,
.sidebar nav a:hover span {
  color: var(--white);
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
}

.server-card {
  margin-top: 12px;
  padding: 18px;
  background: rgba(32, 39, 48, 0.92);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 8px;
}

.server-card span,
.eyebrow,
.panel-heading span {
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.server-card span {
  color: #80baff;
}

.server-card strong {
  display: block;
  margin: 8px 0;
}

.server-card p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.5;
}

main {
  height: 100vh;
  overflow-y: auto;
  padding: 28px clamp(18px, 3vw, 42px) 60px;
  background:
    linear-gradient(180deg, rgba(128, 186, 255, 0.1), transparent 240px),
    linear-gradient(90deg, rgba(199, 206, 216, 0.06), transparent 34%, rgba(11, 124, 255, 0.05)),
    rgba(4, 12, 18, 0.46);
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.top-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.eyebrow,
.panel-heading span {
  color: var(--teal);
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 0;
  font-size: clamp(2.2rem, 4vw, 4.8rem);
  line-height: 0.98;
  letter-spacing: 0;
}

h2 {
  margin-bottom: 0;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.08;
}

.status-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 14px;
  color: var(--teal);
  background: var(--green-soft);
  border: 1px solid #b7ddd6;
  border-radius: 8px;
  font-weight: 900;
}

.reset-workspace {
  min-height: 42px;
  padding: 0 14px;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.status-pill span {
  width: 10px;
  height: 10px;
  background: var(--teal);
  border-radius: 50%;
}

.page-guide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 18px;
  color: var(--white);
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.22), rgba(199, 206, 216, 0.06)),
    rgba(8, 20, 29, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

.page-guide span {
  display: block;
  margin-bottom: 6px;
  color: #80baff;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.page-guide strong {
  display: block;
  margin-bottom: 6px;
  font-size: clamp(1.1rem, 1.5vw, 1.45rem);
  line-height: 1.1;
}

.page-guide p {
  margin: 0;
  color: #d7dfeb;
  line-height: 1.45;
}

.page-guide-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(130px, 1fr));
  gap: 8px;
  min-width: min(360px, 100%);
}

.page-guide-actions button {
  min-height: 42px;
  padding: 0 14px;
  color: var(--white);
  background: rgba(232, 237, 245, 0.09);
  border: 1px solid rgba(232, 237, 245, 0.18);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.page-guide-actions button:first-child {
  background: var(--blue);
  border-color: #66b2ff;
}

.dashboard,
.studio-home-console,
.dashboard-studio-board,
.dashboard-ops-strip,
.studio-command,
.shoots-section,
.galleries-section,
.proofing-console-section,
.clients-section,
.calendar-section,
.payments-section,
.analytics-section,
.settings-section,
.delivery-command-section,
.flow-connect-section,
.engine-map,
.session-flow-section,
.risk-queue-section,
.assistant-panel,
.workspace-grid,
.import-watch-section,
.server-sync-section,
.editor-layout,
.lightroom-section,
.style-learning-section,
.auto-enhance-section,
.enhance-planner-section,
.delivery-layout,
.manifest-section,
.backup-section,
.archive-search-section,
.package-section,
.business-readiness-section,
.retouch-section,
.quick-send-section,
.delivery-receipt-section,
.delivery-closeout-section,
.style-match-section,
.style-drift-section,
.ready-review-section,
.quality-section,
.export-preset-section,
.delivery-preflight-section,
.release-gate-section,
.client-portal-section,
.client-session-preview-section,
.download-permission-section,
.approval-gate-section,
.email-campaign-section,
.client-request-section,
.feedback-triage-section,
.access-ledger-section,
.retouch-assignment-section,
.retouch-qa-section,
.team-routing-section,
.timeline-section,
.automation-section,
.runbook-section,
.reminder-section,
.insights-section,
.sla-section,
.handoff-section,
.scenario-launcher-section,
.guided-test-section,
.test-pack-section,
.test-console-section,
.test-evidence-section,
.pilot-packet-section,
.pilot-trial-section,
.launch-package-section,
.simulation-section,
.build-progress-section,
.testing-section {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

main > section.is-page-hidden {
  display: none !important;
}

body[data-active-page="culling"] #signature,
body[data-active-page="signature"] #culling .culling-panel,
body[data-active-page="editor"] #style,
body[data-active-page="style"] #editor .photo-panel,
body[data-active-page="style"] #editor .controls-panel {
  display: none !important;
}

main > section:not(.page-guide):not(.is-page-hidden) {
  width: min(100%, 1380px);
}

main > section:not(.is-page-hidden),
.topbar {
  margin-inline: auto;
  max-width: 1480px;
  width: min(100%, 1480px);
}

.workspace-grid,
.editor-layout,
.lightroom-section,
.style-learning-section,
.delivery-layout,
.shoots-section,
.galleries-section,
.proofing-console-section,
.clients-section,
.calendar-section,
.payments-section,
.analytics-section,
.settings-section,
.flow-connect-section,
.testing-section,
.dashboard,
.studio-home-console,
.dashboard-studio-board,
.dashboard-ops-strip,
.studio-command,
.engine-map,
.engine-command-center,
.session-flow-section,
.risk-queue-section,
.assistant-panel {
  background-color: rgba(6, 17, 25, 0.5);
}

.workspace-grid,
.editor-layout,
.lightroom-section,
.style-learning-section,
.delivery-layout,
.shoots-section,
.galleries-section,
.proofing-console-section,
.clients-section,
.calendar-section,
.payments-section,
.analytics-section,
.settings-section,
.flow-connect-section,
.testing-section {
  padding: 20px;
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.assistant-panel {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 20px;
  background: linear-gradient(135deg, #232b35, #1b222b);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.assistant-panel h2,
.assistant-panel p:not(.eyebrow) {
  color: var(--white);
}

.assistant-panel .eyebrow {
  color: #80baff;
}

.assistant-panel h2 {
  margin-bottom: 8px;
}

.assistant-panel p:not(.eyebrow) {
  margin-bottom: 0;
  color: #bac4d3;
}

.assistant-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(140px, 1fr));
  gap: 8px;
}

.assistant-actions button {
  min-height: 42px;
  color: var(--ink);
  background: rgba(232, 237, 245, 0.08);
  border: 1px solid rgba(232, 237, 245, 0.16);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.assistant-actions button:first-child {
  color: var(--white);
  background: var(--teal);
  border-color: var(--teal);
}

.assistant-task-list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.assistant-task-list > div {
  min-height: 44px;
  display: grid;
  align-items: center;
  padding: 0 12px;
  color: #c6cfdb;
  background: rgba(232, 237, 245, 0.07);
  border: 1px solid rgba(232, 237, 245, 0.13);
  border-radius: 8px;
  font-weight: 800;
}

.assistant-task-list > div strong {
  overflow: hidden;
  color: var(--white);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistant-task-card {
  display: grid;
  gap: 8px;
  min-height: 112px;
  padding: 10px;
  background: rgba(232, 237, 245, 0.07);
  border: 1px solid rgba(232, 237, 245, 0.13);
  border-radius: 8px;
}

.assistant-task-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.assistant-task-card.is-hold {
  border-color: rgba(245, 158, 11, 0.38);
}

.assistant-task-card:hover,
.assistant-task-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.assistant-task-select {
  display: grid;
  gap: 5px;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.assistant-task-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.assistant-task-card strong,
.assistant-task-card span,
.assistant-task-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistant-task-card strong {
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 950;
}

.assistant-task-card span {
  color: #bac4d3;
  font-size: 0.72rem;
  font-weight: 850;
}

.assistant-task-card em {
  color: #80baff;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.assistant-task-card em.is-hold {
  color: #f0cf94;
}

.assistant-task-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  margin-top: 2px;
}

.assistant-task-meta small {
  display: grid;
  min-width: 0;
  gap: 2px;
  padding: 6px 7px;
  color: #cdd8e7;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(128, 186, 255, 0.15);
  border-radius: 7px;
  font-size: 0.64rem;
  font-weight: 950;
  line-height: 1.12;
}

.assistant-task-meta b {
  overflow: hidden;
  color: #80baff;
  font-size: 0.55rem;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.assistant-task-card.is-ready .assistant-task-meta small:nth-child(2) {
  color: #8ff0c5;
  border-color: rgba(34, 197, 94, 0.3);
}

.assistant-task-card.is-hold .assistant-task-meta small:nth-child(2) {
  color: #ffd37a;
  border-color: rgba(245, 158, 11, 0.28);
}

.assistant-task-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.assistant-task-actions button {
  min-height: 30px;
  padding: 7px 5px;
  color: #eaf4ff;
  font-size: 0.66rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.assistant-task-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.assistant-task-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.assistant-task-actions button:nth-child(3) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.assistant-task-actions button:hover,
.assistant-task-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.assistant-plan {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(232, 237, 245, 0.07);
  border: 1px solid rgba(232, 237, 245, 0.13);
  border-radius: 8px;
}

.assistant-plan > strong {
  color: var(--white);
}

.assistant-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.assistant-plan-grid div,
.assistant-plan-list div {
  min-height: 42px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 0 10px;
  color: #c6cfdb;
  background: rgba(232, 237, 245, 0.07);
  border: 1px solid rgba(232, 237, 245, 0.13);
  border-radius: 8px;
  font-weight: 800;
}

.assistant-plan-grid em,
.assistant-plan-grid span,
.assistant-plan-list strong,
.assistant-plan-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistant-plan-grid em {
  color: var(--white);
  font-style: normal;
  font-weight: 900;
}

.assistant-plan-grid span {
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.assistant-plan-list {
  display: grid;
  gap: 8px;
}

.assistant-plan-list div {
  grid-template-columns: minmax(0, 1fr) auto;
}

.assistant-plan-list strong {
  color: var(--white);
}

.assistant-plan-list span {
  color: #80baff;
  font-weight: 900;
}

.assistant-plan button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.assistant-runway {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.13), rgba(199, 206, 216, 0.08)),
    rgba(8, 14, 21, 0.84);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.assistant-runway-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.assistant-runway-header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.assistant-runway-header span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.assistant-runway-header strong,
.assistant-runway-header em {
  overflow: hidden;
  color: var(--white);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistant-runway-header em {
  color: var(--silver);
  font-style: normal;
  font-weight: 900;
  text-align: right;
}

.assistant-runway-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.assistant-runway-grid button {
  display: grid;
  min-height: 78px;
  align-content: center;
  gap: 5px;
  padding: 10px;
  color: var(--white);
  text-align: left;
  background:
    linear-gradient(145deg, rgba(41, 52, 65, 0.94), rgba(12, 19, 27, 0.98));
  border: 1px solid rgba(199, 206, 216, 0.15);
  border-radius: 8px;
  cursor: pointer;
}

.assistant-runway-grid button.is-ready {
  border-color: rgba(49, 209, 124, 0.54);
  box-shadow: inset 0 0 0 1px rgba(49, 209, 124, 0.12);
}

.assistant-runway-grid button.is-hold {
  border-color: rgba(255, 191, 56, 0.46);
}

.assistant-runway-grid button:hover,
.assistant-runway-grid button:focus-visible {
  border-color: rgba(11, 124, 255, 0.78);
  outline: none;
}

.assistant-runway-grid span,
.assistant-runway-grid strong,
.assistant-runway-grid em,
.assistant-runway-list strong,
.assistant-runway-list span,
.assistant-runway-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistant-runway-grid span {
  color: #80baff;
  font-size: 0.67rem;
  font-weight: 950;
  text-transform: uppercase;
}

.assistant-runway-grid strong {
  font-size: 1.16rem;
  line-height: 1;
}

.assistant-runway-grid em {
  color: var(--muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
}

.assistant-runway-list {
  display: grid;
  gap: 7px;
}

.assistant-runway-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(105px, auto) minmax(74px, auto);
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 9px 10px;
  background: rgba(16, 20, 25, 0.7);
  border: 1px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
}

.assistant-runway-list strong {
  color: var(--white);
  font-size: 0.86rem;
}

.assistant-runway-list span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
}

.assistant-runway-list em {
  justify-self: end;
  color: #80baff;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.assistant-runway-list em.is-hold {
  color: #ffbf38;
}

.assistant-runway-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.assistant-runway-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.96);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.assistant-runway-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.6);
}

.risk-queue-section {
  display: grid;
}

.risk-queue-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.13), rgba(199, 206, 216, 0.08)),
    rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.risk-queue-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.risk-queue-header div {
  display: grid;
  gap: 5px;
}

.risk-queue-header span {
  color: #80baff;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.risk-queue-header strong {
  color: var(--white);
  font-size: clamp(1.15rem, 2vw, 1.65rem);
}

.risk-queue-header p {
  margin: 0;
  color: #d7dfeb;
  line-height: 1.45;
}

.risk-queue-header em {
  color: var(--white);
  font-style: normal;
  font-weight: 950;
  text-align: right;
}

.risk-queue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.risk-queue-grid div {
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.62);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.risk-queue-grid strong,
.risk-queue-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-queue-grid strong {
  color: var(--white);
  font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.risk-queue-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.risk-queue-list {
  display: grid;
  gap: 8px;
}

.risk-queue-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.7fr) minmax(74px, auto);
  gap: 10px;
  min-height: 50px;
  align-items: center;
  padding: 10px 12px;
  background: rgba(16, 20, 25, 0.62);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.risk-queue-list > div strong,
.risk-queue-list > div span,
.risk-queue-list > div em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-queue-list > div strong {
  color: var(--white);
  font-size: 0.9rem;
  font-weight: 900;
}

.risk-queue-list > div span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.risk-queue-list > div em {
  justify-self: end;
  color: #80baff;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.risk-queue-list > div em.critical {
  color: #ffb68f;
}

.risk-queue-list > div em.watch {
  color: #d7dfeb;
}

.risk-queue-card {
  display: grid;
  gap: 10px;
  min-height: 52px;
  padding: 10px 12px;
  background: rgba(16, 20, 25, 0.64);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.risk-queue-card.is-critical {
  border-color: rgba(245, 115, 115, 0.5);
}

.risk-queue-card.is-watch {
  border-color: rgba(245, 158, 11, 0.42);
}

.risk-queue-card.is-ready {
  border-color: rgba(34, 197, 94, 0.36);
}

.risk-queue-card:hover,
.risk-queue-card:focus-within {
  border-color: rgba(128, 186, 255, 0.62);
  outline: none;
  transform: translateY(-1px);
}

.risk-queue-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.7fr) minmax(74px, auto);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.risk-queue-card-meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.risk-queue-card-meta small {
  display: grid;
  min-width: 0;
  gap: 2px;
  padding: 6px 8px;
  color: #cdd8e7;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(128, 186, 255, 0.15);
  border-radius: 7px;
  font-size: 0.66rem;
  font-weight: 950;
  line-height: 1.12;
}

.risk-queue-card-meta b {
  overflow: hidden;
  color: #80baff;
  font-size: 0.55rem;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.risk-queue-card.is-critical .risk-queue-card-meta small:nth-child(2) {
  color: #ffb68f;
  border-color: rgba(245, 115, 115, 0.34);
}

.risk-queue-card.is-watch .risk-queue-card-meta small:nth-child(2) {
  color: #ffd37a;
  border-color: rgba(245, 158, 11, 0.3);
}

.risk-queue-card.is-ready .risk-queue-card-meta small:nth-child(2) {
  color: #8ff0c5;
  border-color: rgba(34, 197, 94, 0.3);
}

.risk-queue-card-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.risk-queue-card strong,
.risk-queue-card span,
.risk-queue-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-queue-card strong {
  color: var(--white);
  font-size: 0.9rem;
  font-weight: 900;
}

.risk-queue-card span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.risk-queue-card em {
  justify-self: end;
  color: #80baff;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.risk-queue-card em.critical {
  color: #ffb68f;
}

.risk-queue-card em.watch {
  color: #f0cf94;
}

.risk-queue-card em.ready {
  color: #80baff;
}

.risk-queue-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.risk-queue-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.risk-queue-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.risk-queue-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.risk-queue-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.risk-queue-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.risk-queue-card-actions button:hover,
.risk-queue-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.risk-queue-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.risk-queue-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.risk-queue-actions button:first-child {
  background: var(--teal);
  border-color: var(--teal);
}

.dashboard {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard article,
.studio-command article,
.panel {
  background:
    linear-gradient(145deg, rgba(39, 49, 61, 0.94), rgba(12, 20, 28, 0.96)),
    var(--surface);
  border-color: rgba(128, 186, 255, 0.17);
}

.studio-home-console {
  grid-template-columns: minmax(0, 1.14fr) minmax(420px, 0.86fr);
  align-items: stretch;
}

.studio-home-main,
.studio-ai-preview {
  display: grid;
  gap: 18px;
  min-height: 420px;
  padding: 22px;
  background:
    radial-gradient(circle at 84% 0%, rgba(128, 186, 255, 0.14), transparent 28%),
    linear-gradient(145deg, rgba(17, 31, 42, 0.96), rgba(6, 13, 20, 0.98)),
    var(--paper);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

.studio-home-greeting {
  display: grid;
  gap: 8px;
}

.studio-home-greeting span,
.studio-ai-header span {
  color: #46a6ff;
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.studio-home-greeting strong {
  color: var(--white);
  font-size: clamp(1.7rem, 3vw, 3.2rem);
  line-height: 1;
}

.studio-home-greeting p {
  margin: 0;
  color: #b9c5d4;
}

.studio-quick-actions {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.studio-quick-actions button {
  display: grid;
  min-height: 112px;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 14px 10px;
  color: var(--white);
  background:
    linear-gradient(145deg, rgba(44, 55, 68, 0.92), rgba(13, 23, 32, 0.96));
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
  text-align: center;
}

.studio-quick-actions button:hover,
.studio-quick-actions button:focus-visible {
  border-color: rgba(11, 124, 255, 0.72);
  outline: none;
  transform: translateY(-1px);
}

.studio-quick-actions span {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #ffffff;
  background: linear-gradient(135deg, #0b7cff, #49b9ff);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 950;
  box-shadow: 0 12px 26px rgba(11, 124, 255, 0.24);
}

.studio-project-strip {
  display: grid;
  gap: 12px;
}

.studio-project-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.studio-project-heading strong {
  color: var(--white);
}

.studio-project-heading button {
  color: #46a6ff;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-weight: 900;
}

.studio-project-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.studio-project-grid button {
  display: grid;
  gap: 9px;
  min-height: 210px;
  padding: 10px;
  color: var(--white);
  text-align: left;
  background: rgba(17, 28, 39, 0.96);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
  cursor: pointer;
}

.project-thumb {
  display: block;
  position: relative;
  min-height: 112px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 -36px 60px rgba(0, 0, 0, 0.24);
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.1), rgba(0, 0, 0, 0.12)),
    linear-gradient(135deg, #4a3324, #d1a465 48%, #162431);
}

.project-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 112px;
  object-fit: cover;
}

.project-thumb em {
  position: absolute;
  inset: auto 7px 7px 7px;
  overflow: hidden;
  padding: 5px 7px;
  color: var(--white);
  background: rgba(4, 12, 18, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 6px;
  font-size: 0.65rem;
  font-style: normal;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-thumb-portrait {
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.1), rgba(0, 0, 0, 0.18)),
    linear-gradient(135deg, #191f29, #966f56 52%, #263b4b);
}

.project-thumb-gallery {
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.1), rgba(0, 0, 0, 0.14)),
    linear-gradient(135deg, #23362c, #d9b56e 48%, #131c25);
}

.project-thumb-jobs {
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.13), rgba(199, 206, 216, 0.12)),
    linear-gradient(135deg, #1f2d3a, #4d6679 46%, #101820);
}

.studio-project-grid strong,
.studio-project-grid em,
.studio-project-grid i {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.studio-project-grid em,
.studio-project-grid i {
  color: #aeb8c7;
  font-style: normal;
  font-weight: 850;
}

.studio-project-grid i::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  background: #31d17c;
  border-radius: 999px;
}

.studio-ai-preview {
  grid-template-rows: auto minmax(0, 1fr) auto auto;
}

.studio-ai-header,
.studio-ai-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.studio-ai-header div {
  display: grid;
  gap: 4px;
}

.studio-ai-header strong {
  color: var(--white);
}

.studio-ai-header button,
.studio-ai-actions button {
  min-height: 42px;
  padding: 0 14px;
  color: var(--white);
  background: rgba(232, 237, 245, 0.08);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.studio-ai-body {
  display: grid;
  grid-template-columns: minmax(116px, 0.28fr) minmax(0, 1fr);
  gap: 12px;
  min-height: 0;
}

.studio-ai-stats {
  display: grid;
  gap: 8px;
}

.studio-ai-stats div {
  display: grid;
  gap: 4px;
  align-content: center;
  min-height: 96px;
  padding: 12px;
  background: rgba(15, 31, 43, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.studio-ai-stats span {
  color: #31d17c;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.studio-ai-stats div:nth-child(2) span {
  color: #ffbf38;
}

.studio-ai-stats div:nth-child(3) span {
  color: #ff6b82;
}

.studio-ai-stats strong {
  color: var(--white);
  font-size: clamp(1.45rem, 3vw, 2.3rem);
  line-height: 1;
}

.studio-ai-stats em {
  color: #aeb8c7;
  font-style: normal;
  font-weight: 850;
}

.studio-ai-frame {
  position: relative;
  display: grid;
  min-height: 290px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 64% 26%, rgba(255, 198, 116, 0.28), transparent 34%),
    linear-gradient(145deg, #273b4f, #090f14 70%);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.studio-ai-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.studio-ai-frame span {
  width: min(280px, 80%);
  color: #d7dfeb;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}

.studio-ai-filmstrip {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 6px;
  min-height: 58px;
}

.studio-ai-filmstrip button {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 58px;
  overflow: hidden;
  place-items: center;
  color: #d7dfeb;
  background:
    linear-gradient(145deg, rgba(40, 51, 64, 0.96), rgba(9, 15, 22, 0.98));
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 7px;
  cursor: pointer;
  font-size: 0.66rem;
  font-weight: 950;
}

.studio-ai-filmstrip button:hover,
.studio-ai-filmstrip button:focus-visible,
.studio-ai-filmstrip button.is-active {
  border-color: rgba(11, 124, 255, 0.86);
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.22);
  outline: none;
}

.studio-ai-filmstrip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.studio-ai-filmstrip span {
  max-width: 92%;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.studio-ai-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.studio-ai-actions button:nth-child(2) {
  background: #1fa362;
  border-color: #31d17c;
}

.studio-ai-actions button:nth-child(3) {
  background: #d8465b;
  border-color: #ff6b82;
}

.dashboard-workflow {
  display: grid;
}

.dashboard-workflow-panel {
  display: grid;
  gap: 14px;
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.16), rgba(199, 206, 216, 0.08)),
    linear-gradient(145deg, rgba(31, 42, 53, 0.96), rgba(8, 16, 23, 0.96));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.dashboard-workflow-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.dashboard-workflow-header div {
  display: grid;
  gap: 6px;
}

.dashboard-workflow-header span {
  color: #80baff;
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dashboard-workflow-header strong {
  color: var(--white);
  font-size: clamp(1.35rem, 2.4vw, 2.2rem);
  line-height: 1.05;
}

.dashboard-workflow-header p {
  max-width: 760px;
  margin: 0;
  color: var(--silver);
  line-height: 1.45;
}

.dashboard-workflow-header em {
  min-width: min(260px, 100%);
  padding: 10px 12px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.17);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  font-style: normal;
  font-weight: 950;
  text-align: center;
}

.dashboard-workflow-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.dashboard-workflow-stats div {
  display: grid;
  align-content: center;
  min-height: 78px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.62);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.dashboard-workflow-stats strong,
.dashboard-workflow-stats span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-workflow-stats strong {
  margin-bottom: 6px;
  color: var(--white);
  font-size: clamp(1.35rem, 2.3vw, 2rem);
}

.dashboard-workflow-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-engine-decision {
  display: grid;
  grid-template-columns: minmax(260px, 0.76fr) minmax(420px, 1.24fr);
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(199, 206, 216, 0.06)),
    rgba(8, 14, 20, 0.76);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.dashboard-engine-decision > div:first-child {
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 0;
}

.dashboard-engine-decision span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dashboard-engine-decision strong {
  color: var(--white);
}

.dashboard-engine-decision p {
  margin: 0;
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.82rem;
  line-height: 1.35;
}

.dashboard-engine-decision-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 8px;
}

.dashboard-engine-decision-grid button {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 74px;
  padding: 10px;
  color: var(--white);
  text-align: left;
  background: rgba(32, 39, 48, 0.78);
  border: 1px solid rgba(199, 206, 216, 0.15);
  border-radius: 8px;
  cursor: pointer;
}

.dashboard-engine-decision-grid button:hover,
.dashboard-engine-decision-grid button:focus-visible {
  border-color: rgba(11, 124, 255, 0.72);
  outline: none;
  transform: translateY(-1px);
}

.dashboard-engine-decision-grid strong,
.dashboard-engine-decision-grid span,
.dashboard-engine-decision-grid em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-engine-decision-grid strong {
  font-size: clamp(1.05rem, 1.6vw, 1.45rem);
  font-weight: 950;
}

.dashboard-engine-decision-grid em {
  color: var(--silver);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.dashboard-selected-output {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(220px, 0.9fr) minmax(260px, 1fr) minmax(260px, 1fr);
  gap: 8px;
  padding: 10px;
  background: rgba(5, 8, 12, 0.52);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.dashboard-selected-output-copy {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
}

.dashboard-selected-output-copy strong,
.dashboard-selected-output-copy em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-selected-output-copy em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
}

.dashboard-selected-output-grid,
.dashboard-selected-output-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.dashboard-selected-output-grid div {
  display: grid;
  align-content: center;
  gap: 3px;
  min-height: 54px;
  padding: 8px;
  background: rgba(16, 20, 25, 0.82);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.dashboard-selected-output-actions button {
  min-height: 54px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 950;
}

.dashboard-selected-output-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.95), rgba(24, 180, 255, 0.74));
  border-color: rgba(128, 186, 255, 0.74);
}

.dashboard-selected-output-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.dashboard-batch-output {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.dashboard-batch-output div {
  display: grid;
  align-content: center;
  gap: 3px;
  min-height: 48px;
  padding: 8px;
  background: rgba(8, 13, 19, 0.72);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.dashboard-batch-actions {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.dashboard-batch-actions button {
  min-height: 48px;
  color: var(--white);
  background: rgba(15, 23, 42, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.dashboard-batch-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.dashboard-batch-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.dashboard-intake-answer {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-intake-summary {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 8px;
}

.dashboard-intake-summary div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 12px 13px;
  color: var(--white);
  background:
    linear-gradient(145deg, rgba(15, 111, 235, 0.18), rgba(25, 34, 45, 0.94)),
    linear-gradient(90deg, rgba(11, 124, 255, 0.24), rgba(210, 220, 232, 0.08));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.dashboard-intake-live {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-intake-live .is-wide {
  grid-column: span 2;
}

.dashboard-shoot-answer {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-shoot-answer div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  color: var(--white);
  background:
    linear-gradient(145deg, rgba(31, 43, 56, 0.94), rgba(9, 15, 22, 0.96)),
    linear-gradient(90deg, rgba(210, 220, 232, 0.18), rgba(11, 124, 255, 0.14));
  border: 1px solid rgba(210, 220, 232, 0.18);
  border-radius: 8px;
}

.dashboard-intake-live :is(div, button) {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  color: var(--white);
  text-align: left;
  background:
    linear-gradient(145deg, rgba(210, 220, 232, 0.1), rgba(9, 16, 24, 0.94)),
    linear-gradient(90deg, rgba(11, 124, 255, 0.18), rgba(124, 134, 148, 0.1));
  border: 1px solid rgba(210, 220, 232, 0.16);
  border-radius: 8px;
}

.dashboard-intake-live button {
  cursor: pointer;
}

.dashboard-intake-live button:hover,
.dashboard-intake-live button:focus-visible {
  border-color: rgba(11, 124, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.dashboard-intake-answer button {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 82px;
  min-width: 0;
  padding: 11px;
  color: var(--white);
  text-align: left;
  background:
    linear-gradient(145deg, rgba(23, 34, 46, 0.94), rgba(8, 14, 20, 0.96));
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.dashboard-intake-answer .dashboard-intake-download {
  grid-column: span 2;
  min-height: 58px;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(0, 1.4fr);
  align-items: center;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.28), rgba(19, 29, 39, 0.96)),
    linear-gradient(90deg, rgba(210, 220, 232, 0.16), rgba(11, 124, 255, 0.14));
  border-color: rgba(128, 186, 255, 0.34);
}

.dashboard-intake-answer .dashboard-intake-run {
  grid-column: span 2;
  min-height: 58px;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(0, 1.4fr);
  align-items: center;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.72), rgba(6, 62, 132, 0.98)),
    linear-gradient(90deg, rgba(255, 255, 255, 0.16), rgba(11, 124, 255, 0.2));
  border-color: rgba(128, 186, 255, 0.58);
  box-shadow: 0 14px 30px rgba(11, 124, 255, 0.18);
}

.dashboard-intake-answer button:hover,
.dashboard-intake-answer button:focus-visible {
  border-color: rgba(11, 124, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.18);
  transform: translateY(-1px);
}

.dashboard-intake-answer span,
.dashboard-intake-answer strong,
.dashboard-intake-answer em,
.dashboard-shoot-answer span,
.dashboard-shoot-answer strong,
.dashboard-shoot-answer em,
.dashboard-intake-live strong,
.dashboard-intake-live span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-intake-summary em {
  white-space: normal;
}

.dashboard-shoot-answer em {
  white-space: normal;
}

.dashboard-intake-live .is-wide strong {
  font-size: clamp(0.78rem, 1vw, 0.96rem);
}

.dashboard-intake-answer span,
.dashboard-shoot-answer span,
.dashboard-intake-live span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dashboard-intake-answer strong,
.dashboard-shoot-answer strong,
.dashboard-intake-live strong {
  color: var(--white);
  font-size: clamp(1rem, 1.4vw, 1.25rem);
  font-weight: 950;
}

.dashboard-intake-answer em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.dashboard-shoot-answer em {
  color: rgba(232, 239, 248, 0.74);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.dashboard-proof-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-proof-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 78px;
  padding: 10px;
  color: inherit;
  text-align: left;
  background: rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.dashboard-proof-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.88));
  border-color: rgba(128, 186, 255, 0.44);
}

.dashboard-proof-card.is-hold {
  border-color: rgba(240, 207, 148, 0.34);
}

.dashboard-proof-card:hover,
.dashboard-proof-card:focus-visible {
  border-color: rgba(128, 186, 255, 0.68);
  outline: none;
  transform: translateY(-1px);
}

.dashboard-proof-card strong,
.dashboard-proof-card span,
.dashboard-proof-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-proof-card strong {
  color: var(--white);
  font-size: 0.9rem;
  font-weight: 950;
}

.dashboard-proof-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dashboard-proof-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.dashboard-workflow-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.dashboard-workflow-list button {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 132px;
  padding: 13px;
  color: var(--white);
  text-align: left;
  background: rgba(32, 39, 48, 0.78);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.dashboard-workflow-list button:hover,
.dashboard-workflow-list button:focus-visible {
  border-color: rgba(11, 124, 255, 0.7);
  outline: none;
}

.dashboard-workflow-list button.is-ready {
  background: rgba(11, 124, 255, 0.13);
  border-color: rgba(128, 186, 255, 0.3);
}

.dashboard-workflow-list button.is-hold {
  background: rgba(217, 119, 6, 0.1);
  border-color: rgba(217, 119, 6, 0.26);
}

.dashboard-workflow-list span,
.dashboard-workflow-list strong,
.dashboard-workflow-list em,
.dashboard-workflow-list i {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-workflow-list span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: var(--white);
  background: linear-gradient(135deg, #0b7cff, #49b9ff);
  border-radius: 8px;
}

.dashboard-workflow-list strong {
  color: var(--white);
  white-space: nowrap;
}

.dashboard-workflow-list em {
  min-height: 36px;
  color: var(--silver);
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.dashboard-workflow-list i {
  margin-top: auto;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.dashboard-workflow-list button.is-hold i {
  color: #ffbf38;
}

.dashboard-workflow-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.dashboard-workflow-actions button {
  min-height: 46px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.dashboard-workflow-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #36a8ff);
  border-color: rgba(128, 186, 255, 0.7);
  box-shadow: 0 14px 34px rgba(11, 124, 255, 0.22);
}

.dashboard-studio-board {
  grid-template-columns: minmax(280px, 0.74fr) minmax(280px, 0.76fr) minmax(320px, 1fr);
  align-items: stretch;
}

.dashboard-finish-card,
.dashboard-pipeline-card,
.dashboard-gallery-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 18px;
  background:
    radial-gradient(circle at 85% 0%, rgba(128, 186, 255, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(34, 46, 58, 0.95), rgba(8, 16, 23, 0.97));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.dashboard-board-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.dashboard-board-heading div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.dashboard-board-heading span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dashboard-board-heading strong,
.dashboard-board-heading em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-board-heading strong {
  color: var(--white);
  font-size: 1.02rem;
}

.dashboard-board-heading em {
  flex: 0 0 auto;
  max-width: 44%;
  padding: 7px 9px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.18);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
}

.dashboard-finish-preview {
  position: relative;
  display: grid;
  min-height: 220px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 55% 16%, rgba(199, 206, 216, 0.16), transparent 36%),
    linear-gradient(145deg, #293948, #090f15 72%);
  border: 1px solid rgba(199, 206, 216, 0.12);
  border-radius: 8px;
}

.dashboard-finish-preview img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}

.dashboard-finish-preview span {
  width: min(280px, 82%);
  color: var(--silver);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}

.dashboard-finish-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-finish-grid div {
  display: grid;
  gap: 4px;
  min-height: 62px;
  align-content: center;
  padding: 10px;
  background: rgba(16, 20, 25, 0.62);
  border: 1px solid rgba(232, 237, 245, 0.11);
  border-radius: 8px;
}

.dashboard-finish-grid strong,
.dashboard-finish-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-finish-grid strong {
  color: var(--white);
  font-size: 1rem;
}

.dashboard-finish-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-finish-card > button,
.dashboard-pipeline-card > button,
.dashboard-gallery-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.dashboard-finish-card > button,
.dashboard-pipeline-card > button {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.82), rgba(54, 168, 255, 0.72));
  border-color: rgba(128, 186, 255, 0.55);
}

.dashboard-pipeline-list {
  display: grid;
  gap: 7px;
}

.dashboard-pipeline-list button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 46px;
  align-items: center;
  padding: 0 10px;
  color: var(--white);
  text-align: left;
  background: rgba(16, 20, 25, 0.58);
  border: 1px solid rgba(232, 237, 245, 0.1);
  border-radius: 8px;
  cursor: pointer;
}

.dashboard-pipeline-list button.is-ready {
  border-color: rgba(128, 186, 255, 0.32);
  background: rgba(11, 124, 255, 0.13);
}

.dashboard-pipeline-list button.is-hold {
  border-color: rgba(217, 119, 6, 0.28);
  background: rgba(217, 119, 6, 0.1);
}

.dashboard-pipeline-list i,
.dashboard-pipeline-list strong,
.dashboard-pipeline-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-pipeline-list i {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: var(--white);
  background: rgba(11, 124, 255, 0.34);
  border-radius: 999px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
}

.dashboard-pipeline-list strong {
  color: var(--white);
  font-size: 0.84rem;
}

.dashboard-pipeline-list span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.dashboard-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-gallery-grid button {
  position: relative;
  display: grid;
  min-height: 96px;
  overflow: hidden;
  place-items: center;
  padding: 0;
  color: var(--white);
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.16), rgba(199, 206, 216, 0.08)),
    rgba(16, 20, 25, 0.68);
  border: 1px solid rgba(232, 237, 245, 0.13);
  border-radius: 8px;
  cursor: pointer;
}

.dashboard-gallery-grid button.is-selected {
  border-color: rgba(11, 124, 255, 0.9);
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.26), 0 18px 48px rgba(11, 124, 255, 0.16);
}

.dashboard-gallery-grid img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 96px;
  object-fit: cover;
}

.dashboard-gallery-grid span {
  padding: 8px;
  color: var(--silver);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}

.dashboard-gallery-grid button::after {
  content: attr(data-state);
  position: absolute;
  left: 6px;
  bottom: 6px;
  max-width: calc(100% - 12px);
  overflow: hidden;
  padding: 4px 6px;
  color: var(--white);
  background: rgba(4, 12, 18, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 6px;
  font-size: 0.62rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-gallery-status {
  min-height: 36px;
  margin: 0;
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.35;
}

.dashboard-gallery-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
}

.dashboard-ops-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dashboard-ops-strip button {
  display: grid;
  min-height: 122px;
  align-content: center;
  gap: 7px;
  padding: 16px;
  color: var(--white);
  text-align: left;
  background:
    linear-gradient(145deg, rgba(38, 49, 62, 0.94), rgba(10, 18, 26, 0.96));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
}

.dashboard-ops-strip button:hover,
.dashboard-ops-strip button:focus-visible {
  border-color: rgba(11, 124, 255, 0.64);
  outline: none;
  transform: translateY(-1px);
}

.dashboard-ops-strip span,
.dashboard-ops-strip strong,
.dashboard-ops-strip em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-ops-strip span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dashboard-ops-strip strong {
  color: var(--white);
  font-size: clamp(1.15rem, 1.8vw, 1.7rem);
  line-height: 1.05;
}

.dashboard-ops-strip em {
  color: var(--silver);
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 900;
}

.dashboard article,
.studio-command article,
.panel {
  background:
    linear-gradient(145deg, rgba(39, 49, 61, 0.94), rgba(12, 20, 28, 0.96)),
    var(--surface);
  border: 1px solid rgba(128, 186, 255, 0.17);
  border-radius: 8px;
}

.dashboard article {
  min-height: 132px;
  padding: 20px;
}

.studio-command {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.studio-command article {
  min-height: 118px;
  padding: 18px;
}

.dashboard span,
.studio-command span {
  display: block;
  margin-bottom: 20px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard strong,
.studio-command strong {
  display: block;
  margin-bottom: 8px;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.dashboard p,
.studio-command p,
.panel p,
.helper-text {
  color: var(--muted);
  line-height: 1.55;
}

.engine-map {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.engine-step {
  display: grid;
  min-height: 96px;
  align-content: center;
  gap: 8px;
  padding: 14px;
  color: var(--white);
  text-align: left;
  background: linear-gradient(135deg, #26303a, #202730);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.engine-step span {
  color: #80baff;
}

.engine-step:hover,
.engine-step:focus-visible {
  border-color: rgba(11, 124, 255, 0.7);
  background: linear-gradient(135deg, #2d3844, #232d38);
  outline: none;
}

.engine-step.is-active {
  color: var(--white);
  background: var(--teal);
  border-color: var(--teal);
}

.engine-step.is-active span {
  color: #ffffff;
}

.engine-command-center {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px;
  background: linear-gradient(135deg, #232b35, #1b222b);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.engine-command-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.engine-command-header div {
  display: grid;
  gap: 6px;
}

.engine-command-header span {
  color: #80baff;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.engine-command-header strong {
  color: var(--white);
  font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.engine-command-header em {
  color: var(--white);
  font-style: normal;
  font-weight: 900;
}

.engine-command-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.engine-command-grid div {
  min-height: 74px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.engine-command-grid strong,
.engine-command-grid span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.engine-command-grid strong {
  color: var(--white);
  font-size: clamp(1.15rem, 2vw, 1.65rem);
}

.engine-command-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.engine-priority-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.engine-priority-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 78px;
  padding: 10px;
  background: rgba(12, 18, 28, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.engine-priority-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.2), rgba(32, 39, 48, 0.9));
  border-color: rgba(128, 186, 255, 0.46);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.78);
}

.engine-priority-card.is-review {
  border-color: rgba(240, 207, 148, 0.38);
  box-shadow: inset 3px 0 0 rgba(240, 207, 148, 0.58);
}

.engine-priority-card.is-hold {
  border-color: rgba(255, 83, 112, 0.34);
  box-shadow: inset 3px 0 0 rgba(255, 83, 112, 0.55);
}

.engine-priority-card span,
.engine-priority-card strong,
.engine-priority-card em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.engine-priority-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.engine-priority-card strong {
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 950;
}

.engine-priority-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.engine-priority-receipt {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.engine-priority-receipt-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 70px;
  padding: 10px;
  background: rgba(7, 13, 22, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.engine-priority-receipt-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.58);
}

.engine-priority-receipt-card.is-review {
  border-color: rgba(240, 207, 148, 0.34);
  box-shadow: inset 3px 0 0 rgba(240, 207, 148, 0.5);
}

.engine-priority-receipt-card.is-hold {
  border-color: rgba(255, 83, 112, 0.32);
  box-shadow: inset 3px 0 0 rgba(255, 83, 112, 0.46);
}

.engine-priority-receipt-card span,
.engine-priority-receipt-card strong,
.engine-priority-receipt-card em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.engine-priority-receipt-card span {
  color: #c7ced8;
  font-size: 0.63rem;
  font-weight: 950;
  text-transform: uppercase;
}

.engine-priority-receipt-card strong {
  color: var(--white);
  font-size: 0.82rem;
  font-weight: 950;
}

.engine-priority-receipt-card em {
  color: #80baff;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.engine-command-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.engine-command-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.engine-command-actions button:first-child {
  background: var(--teal);
  border-color: var(--teal);
}

.session-flow-section {
  display: grid;
}

.session-flow-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.14), rgba(199, 206, 216, 0.07)),
    rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.session-flow-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.session-flow-header div {
  display: grid;
  gap: 5px;
}

.session-flow-header span {
  color: #80baff;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.session-flow-header strong {
  color: var(--white);
  font-size: clamp(1.15rem, 2vw, 1.65rem);
}

.session-flow-header p {
  margin: 0;
  color: #d7dfeb;
  line-height: 1.45;
}

.session-flow-header em {
  color: var(--white);
  font-style: normal;
  font-weight: 950;
  text-align: right;
}

.project-pipeline-board {
  display: grid;
  grid-template-columns: minmax(220px, 0.58fr) minmax(320px, 0.9fr);
  gap: 12px;
  padding: 12px;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(11, 124, 255, 0.16), transparent 42%),
    linear-gradient(180deg, rgba(10, 21, 31, 0.96), rgba(5, 12, 18, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.project-pipeline-copy {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}

.project-pipeline-copy span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.project-pipeline-copy strong {
  overflow: hidden;
  color: var(--white);
  font-size: clamp(1.18rem, 2vw, 1.8rem);
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-pipeline-copy p {
  margin: 0;
  color: var(--silver);
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.45;
}

.project-pipeline-meter {
  height: 8px;
  overflow: hidden;
  background: rgba(199, 206, 216, 0.14);
  border-radius: 999px;
}

.project-pipeline-meter i {
  display: block;
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #0b7cff, #80baff);
  border-radius: inherit;
  transition: width 180ms ease;
}

.project-pipeline-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.project-pipeline-actions button {
  min-height: 42px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.project-pipeline-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.project-pipeline-preview {
  position: relative;
  display: grid;
  min-height: 230px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(128, 186, 255, 0.16), transparent 42%),
    #05090d;
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.project-pipeline-preview img {
  width: 100%;
  height: 100%;
  min-height: 230px;
  object-fit: contain;
  background: #05090d;
}

.project-pipeline-preview span {
  max-width: 320px;
  padding: 20px;
  color: var(--silver);
  text-align: center;
  font-weight: 900;
  line-height: 1.45;
}

.project-pipeline-rail,
.project-pipeline-filmstrip {
  grid-column: 1 / -1;
  display: grid;
  gap: 7px;
}

.project-pipeline-rail {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.project-pipeline-rail div {
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 9px;
  background: rgba(16, 20, 25, 0.62);
  border: 1px solid rgba(199, 206, 216, 0.13);
  border-radius: 8px;
}

.project-pipeline-rail div.is-ready {
  background: rgba(11, 124, 255, 0.18);
  border-color: rgba(128, 186, 255, 0.42);
}

.project-pipeline-rail div.is-hold {
  background: rgba(199, 206, 216, 0.12);
  border-color: rgba(199, 206, 216, 0.32);
}

.project-pipeline-rail em,
.project-pipeline-rail strong,
.project-pipeline-rail span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-pipeline-rail em {
  color: #80baff;
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 950;
}

.project-pipeline-rail strong {
  color: var(--white);
  font-size: 0.88rem;
}

.project-pipeline-rail span {
  color: #c7d1df;
  font-size: 0.72rem;
  font-weight: 850;
}

.project-pipeline-filmstrip {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  min-height: 72px;
}

.project-pipeline-filmstrip button {
  position: relative;
  min-height: 72px;
  overflow: hidden;
  padding: 0;
  color: var(--white);
  background: var(--thumb-bg, rgba(16, 20, 25, 0.74));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.project-pipeline-filmstrip button.is-selected {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(11, 124, 255, 0.22);
}

.project-pipeline-filmstrip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-pipeline-filmstrip span {
  display: grid;
  height: 100%;
  padding: 7px;
  place-items: center;
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  text-align: center;
}

.project-pipeline-filmstrip em {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  overflow: hidden;
  padding: 3px 5px;
  color: var(--white);
  background: rgba(4, 8, 12, 0.72);
  border-radius: 6px;
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-flow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.session-flow-grid div {
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.62);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.session-flow-grid strong,
.session-flow-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-flow-grid strong {
  color: var(--white);
  font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.session-flow-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.session-flow-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.session-flow-steps div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: rgba(16, 20, 25, 0.64);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.session-flow-steps div.is-ready {
  background: rgba(11, 124, 255, 0.18);
  border-color: rgba(128, 186, 255, 0.42);
}

.session-flow-steps div.is-hold {
  background: rgba(199, 206, 216, 0.12);
  border-color: rgba(199, 206, 216, 0.32);
}

.session-flow-steps em,
.session-flow-steps strong,
.session-flow-steps span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-flow-steps em {
  color: #80baff;
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 900;
}

.session-flow-steps strong {
  color: var(--white);
  font-size: 0.92rem;
}

.session-flow-steps span {
  color: #c7d1df;
  font-size: 0.76rem;
  font-weight: 800;
}

.session-flow-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.session-flow-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.session-flow-actions button:first-child {
  background: var(--teal);
  border-color: var(--teal);
}

.workspace-grid {
  grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1.15fr);
}

.editor-layout {
  grid-template-columns: minmax(260px, 0.9fr) minmax(270px, 0.85fr) minmax(270px, 0.9fr);
}

.delivery-layout {
  grid-template-columns: minmax(240px, 0.7fr) minmax(280px, 0.95fr) minmax(300px, 1fr);
}

.panel {
  padding: 22px;
}

.panel-heading {
  margin-bottom: 18px;
}

.panel-heading span {
  display: block;
  margin-bottom: 8px;
}

form,
.queue-list,
.engine-actions,
.engine-progress,
.folder-grid,
.folder-filters,
.photo-review-grid,
.batch-actions,
.slider-list,
.style-list,
.portal-grid {
  display: grid;
  gap: 12px;
}

label {
  display: grid;
  gap: 7px;
  color: #d7dfeb;
  font-weight: 800;
}

input,
select {
  min-height: 44px;
  width: 100%;
  padding: 0 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.photo-upload-field {
  position: relative;
  gap: 5px;
}

.photo-upload-field span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.45;
}

.photo-upload-native {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.upload-intake-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.upload-intake-steps div {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 9px;
  color: var(--silver);
  background: rgba(199, 206, 216, 0.07);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.upload-intake-steps div.is-active {
  color: var(--white);
  background: rgba(11, 124, 255, 0.16);
  border-color: rgba(128, 186, 255, 0.42);
}

.upload-intake-steps strong {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: var(--white);
  background: rgba(11, 124, 255, 0.34);
  border: 1px solid rgba(128, 186, 255, 0.46);
  border-radius: 999px;
  font-size: 0.8rem;
}

.upload-intake-steps span {
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.upload-command-center {
  display: grid;
  grid-template-columns: minmax(220px, 0.68fr) minmax(260px, 1fr) minmax(140px, 0.42fr);
  gap: 12px;
  padding: 12px;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(11, 124, 255, 0.14), transparent 42%),
    linear-gradient(180deg, rgba(35, 43, 53, 0.95), rgba(8, 16, 23, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.28);
}

.upload-command-copy {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}

.upload-command-copy span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.upload-command-copy strong {
  overflow: hidden;
  color: var(--white);
  font-size: clamp(1.2rem, 2.2vw, 2rem);
  line-height: 1.04;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-command-copy em {
  color: var(--silver);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 850;
}

.upload-command-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.upload-command-actions label,
.upload-command-actions button {
  min-height: 42px;
  display: grid;
  place-items: center;
  padding: 0 10px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
  text-align: center;
}

.upload-command-actions label,
.upload-command-actions button.is-ready {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.upload-command-actions button:last-child {
  color: #d7dfeb;
  background: rgba(199, 206, 216, 0.1);
  border-color: rgba(199, 206, 216, 0.24);
}

.upload-command-preview {
  position: relative;
  display: grid;
  min-height: 218px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(128, 186, 255, 0.18), transparent 44%),
    #05090d;
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.upload-command-preview img {
  width: 100%;
  height: 100%;
  min-height: 218px;
  object-fit: contain;
  background: #05090d;
}

.upload-command-preview span {
  max-width: 360px;
  padding: 22px;
  color: var(--silver);
  text-align: center;
  font-weight: 900;
  line-height: 1.45;
}

.upload-command-stats {
  display: grid;
  gap: 8px;
}

.upload-command-stats div {
  display: grid;
  align-content: center;
  min-height: 48px;
  padding: 9px 10px;
  background: rgba(16, 20, 25, 0.7);
  border: 1px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
}

.upload-command-stats strong {
  color: var(--white);
  font-size: 1.28rem;
  line-height: 1;
}

.upload-command-stats span {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 950;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.upload-command-filmstrip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 7px;
  min-height: 66px;
}

.upload-command-filmstrip button {
  min-height: 66px;
  overflow: hidden;
  padding: 0;
  color: var(--white);
  background: rgba(16, 20, 25, 0.74);
  border: 2px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
  cursor: pointer;
}

.upload-command-filmstrip button.is-selected {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(11, 124, 255, 0.22);
}

.upload-command-filmstrip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upload-command-filmstrip span {
  display: grid;
  height: 100%;
  place-items: center;
  color: #80baff;
  font-weight: 950;
}

.upload-selected-preview-board {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(128, 186, 255, 0.14), rgba(8, 16, 23, 0.94)),
    rgba(10, 18, 28, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
}

.upload-selected-preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.upload-selected-preview-head strong {
  color: var(--white);
  font-size: 0.9rem;
  line-height: 1.25;
}

.upload-selected-preview-head span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.upload-selected-preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 9px;
}

.upload-selected-preview-tile,
.upload-selected-preview-more,
.upload-selected-preview-empty {
  min-width: 0;
  min-height: 154px;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 8px;
  color: var(--white);
  background: rgba(16, 20, 25, 0.84);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 8px;
}

.upload-selected-preview-tile {
  cursor: pointer;
  text-align: left;
}

.upload-selected-preview-tile.is-selected {
  border-color: rgba(128, 186, 255, 0.72);
  box-shadow: inset 0 0 0 1px rgba(11, 124, 255, 0.35), 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.upload-selected-preview-tile.is-imported {
  border-color: rgba(54, 211, 153, 0.45);
}

.upload-selected-preview-thumb {
  height: 86px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: var(--thumb-bg, rgba(4, 8, 13, 0.95));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 7px;
}

.upload-selected-preview-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.upload-selected-preview-thumb em {
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
}

.upload-selected-preview-tile strong,
.upload-selected-preview-tile small,
.upload-selected-preview-more strong,
.upload-selected-preview-more span,
.upload-selected-preview-empty strong,
.upload-selected-preview-empty span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-selected-preview-tile strong,
.upload-selected-preview-more strong,
.upload-selected-preview-empty strong {
  color: var(--white);
  font-size: 0.76rem;
}

.upload-selected-preview-tile small,
.upload-selected-preview-more span,
.upload-selected-preview-empty span {
  color: var(--silver);
  font-size: 0.68rem;
  font-weight: 850;
}

.upload-selected-preview-more,
.upload-selected-preview-empty {
  align-content: center;
  text-align: center;
}

.upload-intake-cockpit {
  display: grid;
  gap: 12px;
  padding: 14px;
  background:
    radial-gradient(circle at 80% 0%, rgba(32, 199, 255, 0.16), transparent 35%),
    linear-gradient(135deg, rgba(0, 143, 255, 0.14), rgba(9, 15, 26, 0.92) 46%, rgba(196, 206, 218, 0.08)),
    rgba(7, 13, 22, 0.94);
  border: 1px solid rgba(32, 199, 255, 0.22);
  border-radius: 8px;
}

.upload-intake-cockpit-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, auto);
  gap: 14px;
  align-items: start;
}

.upload-intake-cockpit-head div {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.upload-intake-cockpit-head span {
  color: #20c7ff;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.upload-intake-cockpit-head strong {
  color: var(--white);
  font-size: clamp(1.2rem, 2vw, 1.8rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.upload-intake-cockpit-head p,
.upload-intake-cockpit-next {
  margin: 0;
  color: var(--silver);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.45;
}

.upload-intake-cockpit-head em {
  min-height: 34px;
  display: grid;
  place-items: center;
  padding: 0 12px;
  color: #d7f7ff;
  background: rgba(11, 124, 255, 0.18);
  border: 1px solid rgba(32, 199, 255, 0.3);
  border-radius: 999px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.upload-intake-progress {
  height: 10px;
  overflow: hidden;
  background: rgba(3, 8, 15, 0.84);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 999px;
}

.upload-intake-progress span {
  display: block;
  width: var(--progress, 2%);
  height: 100%;
  background: linear-gradient(90deg, #0b7cff, #20c7ff);
  border-radius: inherit;
}

.upload-intake-cockpit-grid,
.upload-intake-cockpit-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.upload-intake-cockpit-grid button,
.upload-intake-cockpit-actions button {
  min-width: 0;
  min-height: 70px;
  color: var(--white);
  background: rgba(8, 15, 23, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.upload-intake-cockpit-grid button {
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 12px;
  text-align: left;
}

.upload-intake-cockpit-grid strong,
.upload-intake-cockpit-grid span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.upload-intake-cockpit-grid strong {
  color: var(--white);
  font-size: 1.45rem;
}

.upload-intake-cockpit-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  text-transform: uppercase;
}

.upload-intake-cockpit-actions {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.upload-intake-cockpit-actions button {
  min-height: 44px;
  padding: 0 10px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.upload-intake-cockpit-actions button:first-child,
.upload-intake-cockpit-actions button:nth-child(5) {
  background: linear-gradient(135deg, #0b7cff, #19c3ff);
  border-color: rgba(128, 186, 255, 0.5);
}

.upload-intake-cockpit-actions button.is-vault-route,
#upload-command-add.is-vault-route,
#start-upload-import.is-vault-route {
  background: linear-gradient(135deg, #18b6ff, #7d3cff);
  border-color: rgba(133, 205, 255, 0.78);
  box-shadow: 0 14px 28px rgba(7, 124, 255, 0.28);
}

.upload-intake-cockpit-actions button:hover,
.upload-intake-cockpit-actions button:focus-visible,
.upload-intake-cockpit-grid button:hover,
.upload-intake-cockpit-grid button:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.32);
  outline: none;
}

.upload-capacity-guide {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: 12px;
  align-items: stretch;
  padding: 14px;
  background:
    linear-gradient(135deg, rgba(199, 206, 216, 0.12), rgba(11, 124, 255, 0.1)),
    rgba(10, 16, 24, 0.9);
  border: 1px solid rgba(199, 206, 216, 0.2);
  border-radius: 8px;
}

.upload-capacity-guide-copy {
  display: grid;
  align-content: center;
  gap: 6px;
  min-width: 0;
}

.upload-capacity-guide-copy span {
  color: #20c7ff;
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.upload-capacity-guide-copy strong {
  color: var(--white);
  font-size: clamp(1rem, 1.7vw, 1.35rem);
  line-height: 1.15;
}

.upload-capacity-guide-copy p {
  margin: 0;
  color: var(--silver);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.45;
}

.upload-capacity-guide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  gap: 8px;
}

.upload-capacity-guide-grid div {
  display: grid;
  align-content: center;
  min-width: 0;
  min-height: 74px;
  gap: 5px;
  padding: 10px;
  background: rgba(7, 12, 20, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.upload-capacity-guide-grid strong,
.upload-capacity-guide-grid span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.upload-capacity-guide-grid strong {
  color: var(--white);
  font-size: 1.15rem;
}

.upload-capacity-guide-grid span {
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.upload-test-size-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(320px, 1.15fr);
  gap: 12px;
  padding: 14px;
  background:
    linear-gradient(135deg, rgba(32, 199, 255, 0.12), rgba(199, 206, 216, 0.1)),
    rgba(8, 13, 21, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.upload-test-size-copy {
  display: grid;
  align-content: center;
  gap: 6px;
  min-width: 0;
}

.upload-test-size-copy span {
  color: #20c7ff;
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.upload-test-size-copy strong {
  color: var(--white);
  font-size: 1.02rem;
  line-height: 1.2;
}

.upload-test-size-copy p {
  margin: 0;
  color: var(--silver);
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.45;
}

.upload-test-size-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.upload-test-size-grid button {
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 86px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(17, 25, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
  cursor: pointer;
}

.upload-test-size-grid button.is-ready {
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.32), rgba(18, 26, 36, 0.92));
  border-color: rgba(128, 186, 255, 0.52);
}

.upload-test-size-grid button.is-vault-route {
  background:
    linear-gradient(135deg, rgba(199, 206, 216, 0.18), rgba(11, 124, 255, 0.16)),
    rgba(18, 26, 36, 0.92);
}

.upload-test-size-grid button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.upload-test-size-grid strong,
.upload-test-size-grid span,
.upload-test-size-grid em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.upload-test-size-grid strong {
  color: var(--white);
  font-size: 1.05rem;
  line-height: 1;
}

.upload-test-size-grid span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.upload-test-size-grid em {
  color: rgba(232, 239, 248, 0.74);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.25;
}

.upload-test-size-grid button:hover:not(:disabled),
.upload-test-size-grid button:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.42);
  outline: none;
}

@media (max-width: 900px) {
  .upload-capacity-guide {
    grid-template-columns: 1fr;
  }

  .upload-capacity-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .upload-test-size-panel {
    grid-template-columns: 1fr;
  }

  .upload-test-size-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-intake-live {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-shoot-answer {
    grid-template-columns: 1fr;
  }

  .dashboard-intake-answer .dashboard-intake-download,
  .dashboard-intake-answer .dashboard-intake-run {
    grid-column: 1 / -1;
  }

  .whole-catalog-test-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.upload-control-panel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.upload-control-panel button,
.upload-picker-button {
  min-height: 44px;
  display: grid;
  place-items: center;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
  text-align: center;
}

.upload-picker-button,
.upload-control-panel button.is-ready {
  background: rgba(11, 124, 255, 0.26);
  border-color: rgba(128, 186, 255, 0.62);
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.12);
}

.upload-control-panel button:last-child {
  background: rgba(199, 206, 216, 0.12);
  border-color: rgba(199, 206, 216, 0.26);
}

.upload-control-panel button:hover,
.upload-control-panel button:focus-visible,
.upload-picker-button:hover,
.upload-picker-button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.upload-import-confirmation {
  display: grid;
  gap: 5px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.13), rgba(199, 206, 216, 0.08));
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
}

.upload-import-confirmation strong {
  color: var(--white);
  font-size: 0.86rem;
}

.upload-import-confirmation span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.45;
}

.upload-pipeline-receipt {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.upload-pipeline-receipt div {
  display: grid;
  min-height: 66px;
  align-content: center;
  gap: 5px;
  padding: 10px;
  background: rgba(16, 20, 25, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.upload-pipeline-receipt div.is-ready {
  background: rgba(11, 124, 255, 0.2);
  border-color: rgba(128, 186, 255, 0.52);
  box-shadow: inset 0 0 0 1px rgba(128, 186, 255, 0.2);
}

.upload-pipeline-receipt strong,
.upload-pipeline-receipt span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-pipeline-receipt strong {
  color: var(--white);
  font-size: 1rem;
}

.upload-pipeline-receipt span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.upload-location-receipt {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(128, 186, 255, 0.12), rgba(8, 16, 23, 0.94)),
    rgba(10, 18, 28, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.upload-location-receipt-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.upload-location-receipt-header strong,
.upload-location-receipt-header span,
.upload-location-receipt-header em {
  display: block;
}

.upload-location-receipt-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.upload-location-receipt-header span {
  margin-top: 3px;
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.upload-location-receipt-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.upload-location-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
}

.upload-location-card {
  display: grid;
  min-height: 74px;
  gap: 4px;
  padding: 10px;
  color: var(--ink);
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.upload-location-card.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.upload-location-card.is-hold {
  border-color: rgba(255, 191, 56, 0.38);
}

.upload-location-card strong,
.upload-location-card span,
.upload-location-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-location-card strong {
  color: var(--white);
  font-size: 0.84rem;
}

.upload-location-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.upload-location-card em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.upload-location-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.upload-location-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.upload-location-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.86), rgba(10, 99, 206, 0.92));
  border-color: rgba(128, 186, 255, 0.58);
}

.upload-selection-status {
  min-height: 42px;
  display: grid;
  align-items: center;
  padding: 0 12px;
  color: var(--silver);
  background: rgba(11, 124, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.4;
}

.upload-selection-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(199, 206, 216, 0.1), rgba(16, 20, 25, 0.86));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.upload-selection-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.upload-selection-header div {
  display: grid;
  gap: 5px;
}

.upload-selection-header strong {
  color: var(--white);
}

.upload-selection-header span {
  color: var(--muted);
  line-height: 1.45;
}

.upload-selection-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.upload-selection-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 150px)) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.upload-selection-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.2);
  border: 1px solid rgba(128, 186, 255, 0.36);
  border-radius: 8px;
  font-weight: 900;
  cursor: pointer;
}

.upload-selection-actions span {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 12px;
  color: #d9e7f8;
  background: rgba(199, 206, 216, 0.08);
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.upload-selection-list {
  display: grid;
  gap: 9px;
  max-height: 360px;
  overflow: auto;
  padding-right: 4px;
}

.staged-file-card,
.staged-file-empty {
  display: grid;
  min-width: 0;
  padding: 10px;
  background: rgba(32, 39, 48, 0.92);
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 8px;
}

.staged-file-card {
  grid-template-columns: minmax(82px, 0.64fr) 72px minmax(0, 1fr) minmax(86px, 0.5fr);
  gap: 10px;
  align-items: center;
}

.staged-file-card.is-selected {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.2), rgba(32, 39, 48, 0.94));
  border-color: rgba(128, 186, 255, 0.5);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.88);
}

.staged-file-check {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  color: var(--white);
  background: rgba(16, 20, 25, 0.54);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 900;
}

.staged-file-check input {
  width: 18px;
  height: 18px;
  accent-color: #0b7cff;
}

.staged-file-preview {
  width: 72px;
  height: 54px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: rgba(16, 20, 25, 0.8);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.staged-file-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.staged-file-placeholder {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 1000;
}

.staged-file-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.staged-file-copy strong,
.staged-file-copy span,
.staged-file-copy em,
.staged-file-empty strong,
.staged-file-empty span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.staged-file-copy strong,
.staged-file-empty strong {
  color: var(--white);
  font-size: 0.82rem;
}

.staged-file-copy span,
.staged-file-empty span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.staged-file-copy em {
  color: #d9e7f8;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
}

.staged-file-actions {
  display: grid;
  gap: 6px;
}

.staged-file-actions button {
  min-height: 38px;
  color: #d9e7f8;
  background: rgba(199, 206, 216, 0.1);
  border: 1px solid rgba(199, 206, 216, 0.2);
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 900;
  cursor: pointer;
}

.staged-file-actions button:first-child {
  color: var(--white);
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.42);
}

.staged-file-actions button:last-child {
  color: #ffe2e8;
  background: rgba(190, 52, 85, 0.12);
  border-color: rgba(255, 154, 176, 0.26);
}

.session-package-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.session-package-strip div {
  display: grid;
  gap: 5px;
  min-height: 60px;
  align-content: center;
  padding: 10px;
  background: rgba(16, 20, 25, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.session-package-strip strong,
.session-package-strip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-package-strip strong {
  color: var(--white);
}

.session-package-strip span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shoot-folder-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(199, 206, 216, 0.06)),
    rgba(16, 20, 25, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.shoot-folder-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.shoot-folder-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.shoot-folder-header strong {
  color: var(--white);
}

.shoot-folder-header span {
  color: var(--silver);
  line-height: 1.45;
}

.shoot-folder-header em {
  flex: 0 0 auto;
  padding: 8px 10px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.18);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  font-style: normal;
  font-weight: 950;
}

.shoot-folder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 0.7fr));
  gap: 8px;
}

.shoot-folder-grid div {
  display: grid;
  gap: 5px;
  min-height: 64px;
  align-content: center;
  padding: 10px;
  background: rgba(32, 39, 48, 0.78);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.shoot-folder-grid strong,
.shoot-folder-grid span,
.shoot-folder-note {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shoot-folder-grid strong {
  color: var(--white);
}

.shoot-folder-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.shoot-folder-note {
  min-height: 36px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: var(--silver);
  background: rgba(11, 124, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 800;
}

.job-package-ledger {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.job-package-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.job-package-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.job-package-header strong {
  overflow: hidden;
  color: var(--white);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job-package-header span {
  color: var(--muted);
  line-height: 1.45;
}

.job-package-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.job-package-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.job-package-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(199, 206, 216, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.job-package-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.job-package-search {
  display: grid;
  grid-template-columns: 1fr minmax(150px, 0.55fr);
  gap: 8px;
}

.job-package-search input {
  color: var(--white);
  background: var(--surface-strong);
  border-color: rgba(199, 206, 216, 0.26);
}

.job-package-search button {
  min-height: 40px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.2);
  border: 1px solid rgba(128, 186, 255, 0.38);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.job-package-open-status {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: var(--silver);
  background: rgba(11, 124, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 800;
}

.job-package-list {
  display: grid;
  gap: 7px;
}

.job-package-list > div,
.job-package-item,
.job-package-card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  color: var(--white);
  text-align: left;
  background: rgba(32, 39, 48, 0.88);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
  cursor: pointer;
}

.job-package-card {
  gap: 8px;
  background:
    linear-gradient(145deg, rgba(32, 111, 255, 0.12), transparent 52%),
    rgba(32, 39, 48, 0.88);
}

.job-package-item:hover,
.job-package-item:focus-visible,
.job-package-item.is-selected,
.job-package-card:hover,
.job-package-card:focus-within,
.job-package-card.is-selected {
  border-color: rgba(128, 186, 255, 0.66);
  outline: none;
}

.job-package-item.is-selected,
.job-package-card.is-selected {
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.job-package-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 88px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(9, 18, 30, 0.76);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.job-package-list strong,
.job-package-list span,
.job-package-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.job-package-list strong {
  color: var(--white);
  font-size: 0.82rem;
}

.job-package-list span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.job-package-select span {
  grid-column: 1 / -1;
  white-space: normal;
  line-height: 1.25;
}

.job-package-select em {
  color: #80baff;
  font-style: normal;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.job-package-meta,
.job-package-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.job-package-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 6px 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.job-package-card-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.job-package-card-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.job-package-card-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.job-package-card-actions button:hover,
.job-package-card-actions button:focus-visible,
.job-package-select:hover,
.job-package-select:focus-visible {
  border-color: rgba(71, 169, 255, 0.72);
  box-shadow: 0 0 0 2px rgba(32, 111, 255, 0.14);
  outline: none;
}

.primary-action,
.secondary-action,
.finish-actions button,
.style-list button {
  min-height: 44px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.primary-action {
  color: var(--white);
  background: var(--teal);
  border: 0;
}

.secondary-action {
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line);
}

.is-guided-next {
  position: relative;
  z-index: 1;
  border-color: var(--teal) !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.16), 0 16px 34px rgba(15, 118, 110, 0.18);
  transform: translateY(-1px);
}

button.is-guided-next::after,
a.is-guided-next::after,
input.is-guided-next::after {
  content: attr(data-guide-label);
  position: absolute;
  top: -10px;
  right: 10px;
  padding: 3px 8px;
  color: var(--white);
  background: var(--teal);
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.next-action-coach {
  margin: 14px 0;
}

.next-action-coach-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.14), rgba(32, 39, 48, 0.94)),
    #111820;
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
}

.next-action-coach-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.next-action-coach-header span,
.next-action-coach-header strong,
.next-action-coach-header p,
.next-action-coach-header em {
  display: block;
  margin: 0;
}

.next-action-coach-header span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.next-action-coach-header strong {
  color: var(--white);
  font-size: clamp(1.35rem, 2.4vw, 2.2rem);
  line-height: 1.05;
}

.next-action-coach-header p {
  margin-top: 6px;
  max-width: 720px;
  color: #b8c3d0;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.45;
}

.next-action-coach-header em {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-radius: 999px;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 1000;
}

.next-action-coach-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.next-action-coach-card {
  display: grid;
  gap: 5px;
  min-height: 116px;
  padding: 12px;
  background: rgba(7, 11, 16, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.next-action-coach-card.is-ready {
  border-color: rgba(49, 209, 124, 0.48);
}

.next-action-coach-card.is-review {
  border-color: rgba(128, 186, 255, 0.5);
}

.next-action-coach-card.is-hold {
  border-color: rgba(255, 191, 87, 0.5);
}

.next-action-coach-card span,
.next-action-coach-card strong,
.next-action-coach-card em {
  display: block;
  overflow-wrap: anywhere;
}

.next-action-coach-card span {
  color: #80baff;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.next-action-coach-card strong {
  color: var(--white);
  font-size: 1rem;
  line-height: 1.15;
}

.next-action-coach-card em,
.next-action-coach-path {
  color: #b8c3d0;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.4;
}

.next-action-coach-path {
  padding: 10px 12px;
  background: rgba(5, 8, 12, 0.5);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.next-action-coach-actions {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 10px;
}

.next-action-coach-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 1000;
}

.next-action-coach-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.84);
}

.queue-list > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  min-height: 50px;
  align-items: center;
  padding: 0 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.queue-list span {
  color: var(--teal);
  font-weight: 900;
}

.processing-queue-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(32, 111, 255, 0.12), transparent 52%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.processing-queue-card.is-ready {
  border-color: rgba(44, 204, 113, 0.42);
}

.processing-queue-card.is-review {
  border-color: rgba(247, 184, 75, 0.52);
}

.processing-queue-card.is-hold {
  border-color: rgba(255, 93, 108, 0.42);
}

.processing-queue-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 72px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(9, 18, 30, 0.76);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.processing-queue-select strong,
.processing-queue-select span,
.processing-queue-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.processing-queue-select strong {
  color: var(--ink);
  font-size: 0.88rem;
}

.processing-queue-select span {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.72rem;
}

.processing-queue-select em {
  color: var(--electric-blue);
  font-style: normal;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.processing-queue-meta,
.processing-queue-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.processing-queue-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 6px 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.processing-queue-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.processing-queue-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.processing-queue-actions button:hover,
.processing-queue-actions button:focus-visible,
.processing-queue-select:hover,
.processing-queue-select:focus-visible {
  border-color: rgba(71, 169, 255, 0.72);
  box-shadow: 0 0 0 2px rgba(32, 111, 255, 0.14);
  outline: none;
}

.engine-actions {
  grid-template-columns: 1fr;
  margin-top: 12px;
}

.import-watch-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.import-watch-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.import-watch-grid strong,
.import-watch-grid span {
  display: block;
}

.import-watch-grid strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.2rem, 1.8vw, 1.7rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.import-watch-grid span {
  color: var(--muted);
  font-weight: 900;
}

.upload-scan-meter {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.upload-scan-meter div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.upload-scan-meter strong,
.upload-scan-meter span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-scan-meter strong {
  color: var(--ink);
}

.upload-scan-meter span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 900;
}

.upload-scan-bar {
  display: block;
  height: 10px;
  background: #e5e9f0;
  border-radius: 99px;
}

.upload-scan-bar i {
  display: block;
  width: var(--progress, 0%);
  height: 100%;
  background: var(--teal);
  border-radius: inherit;
  transition: width 160ms ease;
}

.upload-intake-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

.upload-intake-board div {
  display: grid;
  gap: 5px;
  min-height: 74px;
  align-content: center;
  padding: 11px;
  background: linear-gradient(135deg, rgba(199, 206, 216, 0.12), rgba(16, 20, 25, 0.82));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.upload-intake-board strong,
.upload-intake-board span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-intake-board strong {
  color: var(--white);
  font-size: clamp(1.1rem, 1.7vw, 1.55rem);
}

.upload-intake-board span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.upload-intake-note {
  margin-bottom: 12px;
  padding: 10px 12px;
  color: var(--silver);
  background: rgba(11, 124, 255, 0.09);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.45;
}

.format-intelligence-panel {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(199, 206, 216, 0.1), rgba(16, 20, 25, 0.86));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.format-intelligence-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.format-intelligence-header div {
  display: grid;
  gap: 5px;
}

.format-intelligence-header strong {
  color: var(--white);
}

.format-intelligence-header span {
  color: var(--muted);
  line-height: 1.45;
}

.format-intelligence-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.format-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.format-intelligence-grid div {
  display: grid;
  gap: 5px;
  min-height: 64px;
  align-content: center;
  padding: 10px;
  background: rgba(16, 20, 25, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.format-intelligence-grid strong,
.format-intelligence-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.format-intelligence-grid strong {
  color: var(--white);
  font-size: 1.15rem;
}

.format-intelligence-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.format-intelligence-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.format-intelligence-list span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  background: rgba(32, 39, 48, 0.9);
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 8px;
}

.format-intelligence-list strong,
.format-intelligence-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.format-intelligence-list strong {
  color: var(--white);
}

.format-intelligence-list em {
  color: var(--muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.server-vault-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.1), rgba(32, 39, 48, 0.92));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.server-vault-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.server-vault-header div {
  display: grid;
  gap: 5px;
}

.server-vault-header strong {
  color: var(--white);
}

.server-vault-header span {
  color: var(--muted);
  line-height: 1.45;
}

.server-vault-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
}

.server-vault-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.server-vault-grid div {
  display: grid;
  gap: 5px;
  min-height: 64px;
  align-content: center;
  padding: 10px;
  background: rgba(16, 20, 25, 0.7);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.server-vault-grid strong,
.server-vault-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.server-vault-grid strong {
  color: var(--white);
  font-size: 1.05rem;
}

.server-vault-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.server-vault-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.server-vault-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  font-weight: 900;
  cursor: pointer;
}

.server-vault-actions button:first-child,
.server-vault-actions button:nth-child(2) {
  background: rgba(11, 124, 255, 0.22);
  border-color: rgba(128, 186, 255, 0.54);
}

.whole-shoot-batch-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(199, 206, 216, 0.13), rgba(5, 8, 12, 0.94));
  border: 1px solid rgba(199, 206, 216, 0.24);
  border-radius: 8px;
}

.whole-shoot-batch-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.whole-shoot-batch-header div {
  display: grid;
  gap: 5px;
}

.whole-shoot-batch-header strong {
  color: var(--white);
}

.whole-shoot-batch-header span {
  color: var(--muted);
  line-height: 1.45;
}

.whole-shoot-batch-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
}

.whole-shoot-batch-grid,
.whole-shoot-batch-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.whole-catalog-load-answer {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.95fr);
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.16), rgba(199, 206, 216, 0.08)),
    rgba(8, 13, 21, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.whole-catalog-load-copy {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
}

.whole-catalog-load-copy span,
.whole-catalog-load-copy strong,
.whole-catalog-load-copy p {
  display: block;
}

.whole-catalog-load-copy span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.whole-catalog-load-copy strong {
  color: var(--white);
  font-size: 1rem;
  font-weight: 950;
}

.whole-catalog-load-copy p {
  margin: 0;
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.42;
}

.whole-catalog-answer-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.72fr);
  gap: 8px;
  align-items: stretch;
  margin-top: 5px;
  padding: 10px;
  background: rgba(3, 8, 15, 0.7);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.whole-catalog-answer-card > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.whole-catalog-answer-card em {
  display: block;
  overflow: hidden;
  color: rgba(232, 239, 248, 0.7);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.whole-catalog-answer-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.whole-catalog-answer-metrics div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px;
  background: rgba(18, 26, 36, 0.86);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.whole-catalog-answer-metrics strong,
.whole-catalog-answer-metrics span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whole-catalog-answer-metrics strong {
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 1000;
}

.whole-catalog-answer-metrics span {
  color: rgba(232, 239, 248, 0.56);
  font-size: 0.54rem;
  font-weight: 950;
  text-transform: uppercase;
}

.whole-catalog-answer-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  grid-column: 1 / -1;
}

.whole-catalog-answer-actions button {
  min-height: 38px;
  padding: 0 12px;
  color: #dbe8f8;
  background: rgba(21, 30, 40, 0.96);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 950;
}

.whole-catalog-answer-actions button.is-ready {
  color: #ffffff;
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.7);
  box-shadow: 0 12px 28px rgba(11, 124, 255, 0.24);
}

.whole-catalog-answer-actions button.is-vault-route {
  background: linear-gradient(135deg, #0b7cff, #374151);
}

.whole-catalog-answer-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
  box-shadow: none;
}

@media (max-width: 860px) {
  .whole-catalog-answer-card,
  .whole-catalog-answer-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

.whole-catalog-test-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  gap: 6px;
  margin-top: 4px;
}

.whole-catalog-test-strip div {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px;
  background: rgba(7, 12, 20, 0.7);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.whole-catalog-test-strip strong,
.whole-catalog-test-strip span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whole-catalog-test-strip strong {
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 1000;
}

.whole-catalog-test-strip span {
  color: rgba(232, 239, 248, 0.58);
  font-size: 0.56rem;
  font-weight: 950;
  text-transform: uppercase;
}

.whole-catalog-load-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 5px;
}

.whole-catalog-load-actions button {
  min-height: 38px;
  padding: 0 12px;
  color: #dbe8f8;
  background: rgba(21, 30, 40, 0.96);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 950;
}

.whole-catalog-load-actions button:first-child,
.whole-catalog-load-actions button.is-ready {
  color: #ffffff;
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.7);
  box-shadow: 0 12px 28px rgba(11, 124, 255, 0.24);
}

.whole-catalog-load-actions button.is-vault-route {
  background: linear-gradient(135deg, #0b7cff, #374151);
}

.whole-catalog-load-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}

.whole-catalog-load-gates {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 3px;
}

.whole-catalog-load-gate {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 8px;
  background: rgba(18, 26, 36, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.whole-catalog-load-gate strong,
.whole-catalog-load-gate em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whole-catalog-load-gate strong {
  color: var(--white);
  font-size: 0.72rem;
  font-weight: 1000;
}

.whole-catalog-load-gate em {
  color: rgba(232, 239, 248, 0.62);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.whole-catalog-load-gate.is-ready {
  background: rgba(11, 124, 255, 0.16);
  border-color: rgba(77, 174, 255, 0.34);
}

.whole-catalog-load-gate.is-active {
  background: rgba(199, 206, 216, 0.12);
  border-color: rgba(199, 206, 216, 0.28);
}

.whole-catalog-load-gate.is-hold {
  opacity: 0.72;
}

.whole-catalog-load-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.whole-catalog-load-grid div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.whole-catalog-load-grid strong,
.whole-catalog-load-grid span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whole-catalog-load-grid strong {
  color: var(--white);
  font-size: 0.92rem;
  font-weight: 1000;
}

.whole-catalog-load-grid span {
  color: rgba(232, 239, 248, 0.68);
  font-size: 0.64rem;
  font-weight: 950;
  text-transform: uppercase;
}

.whole-catalog-progress-rail {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 6px;
  grid-column: 1 / -1;
}

.whole-catalog-progress-step {
  display: grid;
  align-content: center;
  gap: 3px;
  min-height: 48px;
  min-width: 0;
  padding: 7px;
  background: rgba(8, 14, 20, 0.7);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 8px;
}

.whole-catalog-progress-step strong,
.whole-catalog-progress-step em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whole-catalog-progress-step strong {
  color: var(--white);
  font-size: 0.66rem;
  font-weight: 950;
}

.whole-catalog-progress-step em {
  color: rgba(232, 239, 248, 0.66);
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 850;
}

.whole-catalog-progress-step.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.2), rgba(8, 14, 20, 0.82));
  border-color: rgba(128, 186, 255, 0.46);
}

.whole-catalog-progress-step.is-active {
  background: linear-gradient(135deg, rgba(255, 191, 56, 0.16), rgba(8, 14, 20, 0.82));
  border-color: rgba(255, 191, 56, 0.42);
}

.whole-shoot-batch-grid div,
.whole-shoot-batch-card {
  display: grid;
  gap: 5px;
  min-height: 64px;
  align-content: center;
  padding: 10px;
  background: rgba(16, 20, 25, 0.74);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.whole-shoot-batch-card {
  text-align: left;
  cursor: default;
}

.whole-shoot-batch-card.is-ready {
  border-color: rgba(54, 211, 153, 0.44);
}

.whole-shoot-batch-card.is-hold {
  border-color: rgba(245, 158, 11, 0.42);
}

.whole-shoot-batch-grid strong,
.whole-shoot-batch-grid span,
.whole-shoot-batch-card strong,
.whole-shoot-batch-card span,
.whole-shoot-batch-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whole-shoot-batch-grid strong,
.whole-shoot-batch-card strong {
  color: var(--white);
  font-size: 1.05rem;
}

.whole-shoot-batch-grid span,
.whole-shoot-batch-card span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.whole-shoot-batch-card em {
  color: #aeb9c7;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
}

.whole-shoot-batch-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.whole-shoot-batch-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  font-weight: 900;
  cursor: pointer;
}

.whole-shoot-batch-actions button:first-child,
.whole-shoot-batch-actions button:nth-child(2),
.whole-shoot-batch-actions button.is-ready {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.58);
}

.whole-shoot-advanced-controls {
  display: grid;
  grid-column: 1 / -1;
  gap: 8px;
  padding: 8px;
  background: rgba(10, 16, 24, 0.68);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.whole-shoot-advanced-controls summary {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 12px;
  color: #c9d9ef;
  background: rgba(199, 206, 216, 0.08);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 7px;
  cursor: pointer;
  font-weight: 950;
  list-style: none;
}

.whole-shoot-advanced-controls summary::-webkit-details-marker {
  display: none;
}

.whole-shoot-advanced-controls summary::after {
  content: "Open manual buttons";
  color: #84bdff;
  font-size: 0.7rem;
  font-weight: 900;
}

.whole-shoot-advanced-controls[open] summary::after {
  content: "Close manual buttons";
}

.whole-shoot-advanced-controls > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.whole-shoot-vault-status {
  margin: 0;
  color: #c7ced8;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.45;
}

.just-uploaded-preview {
  display: grid;
  grid-template-columns: minmax(180px, 0.85fr) minmax(220px, 1.3fr);
  gap: 12px;
  margin: 12px 0;
  padding: 14px;
  background: linear-gradient(135deg, rgba(199, 206, 216, 0.13), rgba(10, 14, 19, 0.94));
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.just-uploaded-preview.has-photo {
  border-color: rgba(49, 209, 124, 0.62);
  box-shadow: 0 0 0 2px rgba(49, 209, 124, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.just-uploaded-preview.needs-preview {
  border-color: rgba(255, 196, 73, 0.62);
  box-shadow: 0 0 0 2px rgba(255, 196, 73, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.just-uploaded-preview-copy {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
}

.just-uploaded-preview-copy span,
.just-uploaded-preview-copy strong,
.just-uploaded-preview-copy em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.just-uploaded-preview-copy span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.just-uploaded-preview-copy strong {
  color: var(--white);
  font-size: clamp(1.05rem, 1.8vw, 1.5rem);
  line-height: 1.08;
}

.just-uploaded-preview-copy em {
  color: var(--muted);
  font-style: normal;
  font-weight: 800;
  line-height: 1.45;
}

.just-uploaded-preview-frame {
  position: relative;
  display: grid;
  min-height: 220px;
  overflow: hidden;
  place-items: center;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.16), rgba(199, 206, 216, 0.08)),
    rgba(5, 8, 12, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
}

.just-uploaded-preview-frame img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  max-height: 320px;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.34);
}

.just-uploaded-preview-frame span {
  max-width: 26ch;
  padding: 18px;
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1.35;
  text-align: center;
}

.just-uploaded-preview-actions {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.just-uploaded-preview-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.just-uploaded-preview-actions button:first-child {
  background: var(--teal);
  border-color: var(--teal);
}

.just-uploaded-preview-actions button:last-child {
  background: rgba(255, 196, 73, 0.16);
  border-color: rgba(255, 196, 73, 0.44);
}

.just-uploaded-preview-actions button:hover,
.just-uploaded-preview-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.just-uploaded-preview-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}

.upload-batch-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.upload-batch-summary div {
  min-height: 78px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.upload-batch-summary strong,
.upload-batch-summary span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-batch-summary strong {
  margin-bottom: 8px;
  color: var(--ink);
  font-size: clamp(1.1rem, 1.8vw, 1.6rem);
}

.upload-batch-summary span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.uploaded-photo-dock {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px;
  background: var(--surface-strong);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.uploaded-photo-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.uploaded-photo-header div {
  display: grid;
  gap: 5px;
}

.uploaded-photo-header strong,
.uploaded-photo-header span,
.uploaded-photo-header em {
  display: block;
}

.uploaded-photo-header strong {
  color: var(--white);
  font-size: 1rem;
}

.uploaded-photo-header span {
  color: var(--muted);
  line-height: 1.45;
}

.uploaded-photo-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.uploaded-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
}

.uploaded-photo-tile {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  color: var(--ink);
  text-align: left;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
}

.uploaded-photo-tile.is-selected {
  border-color: var(--teal);
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.18);
}

.uploaded-photo-tile.is-just-imported,
.pipeline-catalog-row.is-just-imported {
  border-color: rgba(49, 209, 124, 0.72);
  box-shadow: 0 0 0 2px rgba(49, 209, 124, 0.14);
}

.uploaded-photo-thumb {
  position: relative;
  display: grid;
  height: clamp(420px, 40vw, 620px);
  min-height: 420px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 44%, rgba(128, 186, 255, 0.08), transparent 48%),
    linear-gradient(145deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.04)),
    #070b10;
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
}

.uploaded-photo-thumb img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(calc(100% - 14px), calc(var(--preview-w, 9999) * 1px));
  max-height: min(calc(100% - 14px), calc(var(--preview-h, 9999) * 1px));
  object-fit: contain;
  object-position: center center;
  image-rendering: auto;
  filter: none;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.uploaded-photo-thumb em {
  padding: 10px;
  color: var(--muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

.uploaded-photo-tile strong,
.uploaded-photo-tile span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uploaded-photo-tile strong {
  font-size: 0.8rem;
}

.uploaded-photo-tile span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.uploaded-photo-card-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
  gap: 5px;
}

.uploaded-photo-card-actions button {
  min-height: 30px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.3);
  border-radius: 7px;
  cursor: pointer;
  font-size: 0.64rem;
  font-weight: 900;
  text-transform: uppercase;
}

.uploaded-photo-card-actions button:nth-child(3) {
  background: rgba(11, 124, 255, 0.22);
  border-color: rgba(128, 186, 255, 0.46);
}

.uploaded-photo-card-actions button:last-child {
  background: rgba(255, 83, 112, 0.2);
  border-color: rgba(255, 83, 112, 0.48);
}

.uploaded-photo-card-actions button:hover,
.uploaded-photo-card-actions button:focus-visible {
  outline: none;
  filter: brightness(1.14);
}

.uploaded-photo-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.uploaded-photo-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.uploaded-photo-actions button:first-child {
  color: var(--ink);
  background: var(--surface);
  border-color: var(--line);
}

.pipeline-runway {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px;
  background: linear-gradient(135deg, rgba(199, 206, 216, 0.1), rgba(16, 20, 25, 0.9));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.pipeline-runway-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.pipeline-runway-header div {
  display: grid;
  gap: 5px;
}

.pipeline-runway-header strong {
  color: var(--white);
}

.pipeline-runway-header span {
  color: var(--muted);
  line-height: 1.45;
}

.pipeline-runway-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
}

.pipeline-runway-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.pipeline-runway-steps div {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 86px;
  align-content: center;
  padding: 10px;
  background: rgba(32, 39, 48, 0.86);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.pipeline-runway-steps div.is-ready {
  border-color: rgba(11, 124, 255, 0.42);
  box-shadow: inset 0 3px 0 rgba(11, 124, 255, 0.72);
}

.pipeline-runway-steps div.is-hold {
  border-color: rgba(255, 191, 87, 0.5);
  box-shadow: inset 0 3px 0 rgba(255, 191, 87, 0.72);
}

.pipeline-runway-steps em,
.pipeline-runway-steps strong,
.pipeline-runway-steps span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pipeline-runway-steps em {
  color: #80baff;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 1000;
}

.pipeline-runway-steps strong {
  color: var(--white);
  font-size: 0.88rem;
}

.pipeline-runway-steps span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.pipeline-runway-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.pipeline-runway-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.pipeline-runway-actions button:first-child {
  background: rgba(11, 124, 255, 0.28);
  border-color: rgba(128, 186, 255, 0.62);
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.1);
}

.session-decision-summary {
  display: grid;
  gap: 11px;
  padding: 13px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.14), rgba(32, 39, 48, 0.86)),
    #111820;
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
}

.session-decision-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.session-decision-header div {
  display: grid;
  gap: 5px;
}

.session-decision-header strong,
.session-decision-header span,
.session-decision-header em {
  display: block;
}

.session-decision-header strong {
  color: var(--white);
}

.session-decision-header span {
  color: var(--muted);
  line-height: 1.45;
}

.session-decision-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
}

.session-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.session-decision-grid div {
  display: grid;
  gap: 5px;
  min-width: 0;
  min-height: 82px;
  align-content: center;
  padding: 10px;
  background: rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.session-decision-grid div.is-ready {
  border-color: rgba(49, 209, 124, 0.42);
}

.session-decision-grid div.is-hold {
  border-color: rgba(255, 191, 87, 0.48);
}

.session-decision-grid span,
.session-decision-grid strong,
.session-decision-grid em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-decision-grid span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 1000;
  text-transform: uppercase;
}

.session-decision-grid strong {
  color: var(--white);
  font-size: 1.2rem;
}

.session-decision-grid em {
  color: rgba(232, 239, 248, 0.74);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.session-decision-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.session-decision-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.session-decision-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
}

.session-decision-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.pipeline-catalog {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.pipeline-catalog-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.pipeline-catalog-header div {
  display: grid;
  gap: 5px;
}

.pipeline-catalog-header strong {
  color: var(--white);
}

.pipeline-catalog-header span {
  color: var(--muted);
  line-height: 1.45;
}

.pipeline-catalog-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.pipeline-catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 14px;
}

.pipeline-catalog-row {
  display: grid;
  gap: 9px;
  min-height: 0;
  align-items: stretch;
  padding: 10px;
  color: var(--ink);
  text-align: left;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
}

.pipeline-catalog-row:hover,
.pipeline-catalog-row:focus-visible,
.pipeline-catalog-row.is-selected {
  border-color: rgba(11, 124, 255, 0.72);
  outline: none;
}

.pipeline-catalog-row.is-selected {
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.18);
}

.pipeline-catalog-thumb {
  position: relative;
  display: grid;
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 380px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 44%, rgba(128, 186, 255, 0.08), transparent 48%),
    linear-gradient(145deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.04)),
    #070b10;
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
}

.pipeline-catalog-thumb img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(calc(100% - 14px), calc(var(--preview-w, 9999) * 1px));
  max-height: min(calc(100% - 14px), calc(var(--preview-h, 9999) * 1px));
  object-fit: contain;
  object-position: center center;
  image-rendering: auto;
  filter: none;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.pipeline-catalog-thumb em,
.pipeline-catalog-row span,
.pipeline-catalog-row em {
  color: var(--muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.pipeline-catalog-row strong,
.pipeline-catalog-row span,
.pipeline-catalog-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pipeline-catalog-row span {
  color: #80baff;
}

.pipeline-catalog-thumb em {
  padding: 12px;
  text-align: center;
  white-space: normal;
}

.preview-quality-badge {
  position: absolute;
  left: 7px;
  bottom: 7px;
  max-width: calc(100% - 14px);
  overflow: hidden;
  padding: 4px 6px;
  color: var(--white);
  background: rgba(5, 10, 16, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 6px;
  font-size: 0.58rem;
  font-weight: 1000;
  letter-spacing: 0.04em;
  line-height: 1.05;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.preview-quality-badge.is-ready {
  color: #d8ebff;
  border-color: rgba(49, 209, 124, 0.42);
}

.preview-quality-badge.is-legacy {
  color: #ffe08a;
  border-color: rgba(255, 191, 87, 0.5);
}

.preview-quality-badge.is-missing {
  color: #ffc5d0;
  border-color: rgba(255, 83, 112, 0.5);
}

.preview-quality-detail {
  display: block;
  overflow: hidden;
  color: var(--muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.photo-workflow-next {
  display: grid;
  gap: 3px;
  overflow: hidden;
  padding: 7px 8px;
  color: var(--muted);
  background: rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 7px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
}

.photo-workflow-next b {
  display: block;
  overflow: hidden;
  color: var(--white);
  font-size: 0.64rem;
  letter-spacing: 0.05em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.photo-workflow-next.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.photo-workflow-next.is-work {
  border-color: rgba(128, 186, 255, 0.38);
}

.photo-workflow-next.is-hold {
  border-color: rgba(255, 191, 87, 0.4);
}

.pipeline-card-actions,
.archived-card-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
  gap: 6px;
}

.archived-card-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pipeline-card-actions button,
.archived-card-actions button {
  min-height: 34px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 7px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.pipeline-card-actions button:nth-child(3),
.archived-card-actions button:first-child {
  background: rgba(11, 124, 255, 0.22);
  border-color: rgba(128, 186, 255, 0.46);
}

.pipeline-card-actions button:last-child,
.archived-card-actions button:last-child {
  background: rgba(255, 83, 112, 0.2);
  border-color: rgba(255, 83, 112, 0.48);
}

.pipeline-card-actions button:hover,
.pipeline-card-actions button:focus-visible,
.archived-card-actions button:hover,
.archived-card-actions button:focus-visible {
  outline: none;
  filter: brightness(1.14);
}

.pipeline-preview-health {
  min-height: 42px;
  display: grid;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.pipeline-preview-health.is-warning {
  color: var(--white);
  background: rgba(217, 119, 6, 0.18);
  border-color: rgba(217, 119, 6, 0.42);
}

.pipeline-quality-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.pipeline-quality-card {
  display: grid;
  align-content: center;
  min-height: 84px;
  gap: 5px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(32, 39, 48, 0.96), rgba(12, 18, 26, 0.9));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.pipeline-quality-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.2), rgba(32, 39, 48, 0.92));
  border-color: rgba(128, 186, 255, 0.4);
}

.pipeline-quality-card.is-hold {
  border-color: rgba(255, 191, 56, 0.32);
}

.pipeline-quality-card strong,
.pipeline-quality-card span,
.pipeline-quality-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pipeline-quality-card strong {
  color: var(--white);
  font-size: 1.14rem;
  font-weight: 950;
}

.pipeline-quality-card span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pipeline-quality-card em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
}

.hd-preview-review-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(10, 16, 24, 0.94), rgba(32, 39, 48, 0.86));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.hd-preview-review-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.hd-preview-review-header strong,
.hd-preview-review-header span,
.hd-preview-review-header em {
  display: block;
}

.hd-preview-review-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.hd-preview-review-header span {
  margin-top: 3px;
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.hd-preview-review-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.hd-preview-review-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

.hd-preview-review-row {
  display: grid;
  min-width: 0;
  min-height: 74px;
  gap: 4px;
  padding: 10px;
  color: var(--ink);
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.hd-preview-review-row.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.hd-preview-review-row.is-hold {
  border-color: rgba(255, 191, 56, 0.38);
}

.hd-preview-review-row strong,
.hd-preview-review-row span,
.hd-preview-review-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd-preview-review-row strong {
  color: var(--white);
  font-size: 0.78rem;
}

.hd-preview-review-row span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.hd-preview-review-row em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.hd-rebuild-command {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: rgba(7, 11, 16, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.hd-rebuild-command-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.hd-rebuild-command-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 76px;
  padding: 9px;
  background: rgba(12, 17, 24, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.hd-rebuild-command-card.is-ready {
  border-color: rgba(34, 197, 94, 0.42);
}

.hd-rebuild-command-card.is-hold {
  border-color: rgba(255, 191, 56, 0.4);
}

.hd-rebuild-command-card strong,
.hd-rebuild-command-card span,
.hd-rebuild-command-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd-rebuild-command-card strong {
  color: var(--white);
  font-size: 0.92rem;
}

.hd-rebuild-command-card span {
  color: #80baff;
  font-size: 0.62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.hd-rebuild-command-card em {
  color: rgba(232, 239, 248, 0.74);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 850;
}

.hd-rebuild-command-next {
  min-height: 34px;
  display: grid;
  align-items: center;
  padding: 0 9px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 900;
}

.hd-preview-review-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.hd-preview-review-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.hd-preview-review-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.86), rgba(10, 99, 206, 0.92));
  border-color: rgba(128, 186, 255, 0.58);
}

.missing-preview-note {
  padding: 11px 12px;
  color: var(--silver);
  background: linear-gradient(135deg, rgba(199, 206, 216, 0.12), rgba(32, 39, 48, 0.74));
  border: 1px solid rgba(199, 206, 216, 0.22);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.5;
}

.raw-camera-test-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.16), transparent 46%),
    linear-gradient(145deg, rgba(10, 18, 29, 0.96), rgba(18, 26, 36, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 18px 42px rgba(0, 0, 0, 0.28);
}

.raw-camera-test-panel[data-state="ready"] {
  border-color: rgba(52, 211, 153, 0.48);
}

.raw-camera-test-panel[data-state="hold"] {
  border-color: rgba(245, 158, 11, 0.46);
}

.raw-camera-test-header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.raw-camera-test-header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.raw-camera-test-header strong,
.raw-camera-test-grid strong {
  color: var(--white);
}

.raw-camera-test-header span,
.raw-camera-test-grid span,
.raw-camera-test-next {
  color: #c7d1df;
}

.raw-camera-test-header strong {
  font-size: 0.94rem;
  font-weight: 950;
}

.raw-camera-test-header span,
.raw-camera-test-next {
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.45;
}

.raw-camera-test-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.raw-camera-test-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.raw-camera-test-grid div {
  min-width: 0;
  padding: 10px;
  background: rgba(199, 206, 216, 0.07);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.raw-camera-test-grid strong {
  display: block;
  font-size: 1.08rem;
  font-weight: 950;
}

.raw-camera-test-grid span {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.raw-camera-test-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.raw-camera-test-actions button {
  min-height: 40px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.raw-camera-test-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.62);
}

.raw-camera-test-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.preview-repair-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.76);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.preview-repair-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.preview-repair-header div {
  display: grid;
  gap: 5px;
}

.preview-repair-header strong {
  color: var(--white);
}

.preview-repair-header span {
  color: var(--muted);
  line-height: 1.45;
}

.preview-repair-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.preview-repair-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.preview-repair-card {
  display: grid;
  gap: 6px;
  padding: 10px;
  color: var(--white);
  text-align: left;
  background: rgba(32, 39, 48, 0.92);
  border: 1px solid rgba(199, 206, 216, 0.22);
  border-radius: 8px;
}

.preview-repair-select {
  display: grid;
  gap: 5px;
  min-height: 72px;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.preview-repair-select:hover,
.preview-repair-select:focus-visible,
.preview-repair-card.is-selected {
  border-color: rgba(128, 186, 255, 0.66);
  outline: none;
}

.preview-repair-select:focus-visible {
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.22);
  border-radius: 6px;
}

.preview-repair-card.is-selected {
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.preview-repair-card strong,
.preview-repair-card span,
.preview-repair-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preview-repair-card span,
.preview-repair-card em {
  color: var(--muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.preview-repair-card em {
  color: #80baff;
}

.preview-repair-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.preview-repair-card-actions button {
  min-height: 30px;
  padding: 0 6px;
  color: #edf6ff;
  background: rgba(15, 24, 35, 0.88);
  border: 1px solid rgba(199, 206, 216, 0.2);
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 900;
}

.preview-repair-card-actions button:hover,
.preview-repair-card-actions button:focus-visible {
  border-color: rgba(128, 186, 255, 0.68);
  outline: none;
}

.preview-repair-card-actions button:nth-child(2) {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.preview-repair-card-actions button:last-child {
  background: rgba(220, 38, 38, 0.22);
  border-color: rgba(248, 113, 113, 0.42);
}

.preview-repair-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.preview-repair-actions input {
  display: none;
}

.preview-repair-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(199, 206, 216, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.preview-repair-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.preview-conversion-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.preview-conversion-strip article {
  min-height: 86px;
  border: 1px solid rgba(88, 166, 255, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(15, 139, 255, 0.15), rgba(178, 78, 255, 0.08)),
    rgba(7, 18, 31, 0.9);
  padding: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.preview-conversion-strip strong,
.preview-conversion-strip span {
  display: block;
}

.preview-conversion-strip strong {
  color: #f7fbff;
  font-size: 1rem;
  line-height: 1.2;
}

.preview-conversion-strip span {
  margin-top: 6px;
  color: rgba(226, 235, 246, 0.72);
  font-size: 0.72rem;
}

.raw-worker-handoff-answer {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.6fr);
  gap: 12px;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(0, 143, 255, 0.34);
  border-radius: 8px;
  background:
    radial-gradient(circle at 12% 10%, rgba(0, 143, 255, 0.18), transparent 40%),
    linear-gradient(145deg, rgba(7, 18, 31, 0.95), rgba(15, 20, 28, 0.92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.raw-worker-handoff-answer[data-state="ready"] {
  border-color: rgba(34, 197, 94, 0.42);
}

.raw-worker-handoff-answer[data-state="hold"] {
  border-color: rgba(245, 158, 11, 0.48);
}

.raw-worker-handoff-copy {
  display: grid;
  align-content: center;
  gap: 6px;
}

.raw-worker-handoff-copy span,
.raw-worker-handoff-copy strong,
.raw-worker-handoff-copy p,
.raw-worker-handoff-grid strong,
.raw-worker-handoff-grid span {
  display: block;
}

.raw-worker-handoff-copy span {
  color: #35b6ff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.raw-worker-handoff-copy strong {
  color: #f7fbff;
  font-size: 1.05rem;
  line-height: 1.2;
}

.raw-worker-handoff-copy p {
  margin: 0;
  color: rgba(226, 235, 246, 0.76);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.45;
}

.raw-worker-handoff-copy button {
  width: fit-content;
  min-width: 180px;
  margin-top: 4px;
  padding: 11px 14px;
  border: 1px solid rgba(77, 166, 255, 0.62);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(0, 143, 255, 0.95), rgba(0, 86, 214, 0.9));
  color: #f8fbff;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(0, 103, 255, 0.24);
}

.raw-worker-handoff-copy button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
  box-shadow: none;
}

.raw-worker-handoff-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.raw-worker-handoff-grid article {
  min-height: 78px;
  padding: 12px;
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  background: rgba(7, 18, 31, 0.74);
}

.raw-worker-handoff-grid strong {
  overflow: hidden;
  color: #f8fbff;
  font-size: 0.95rem;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.raw-worker-handoff-grid span {
  margin-top: 7px;
  color: rgba(226, 235, 246, 0.66);
  font-size: 0.68rem;
  font-weight: 850;
}

.preview-engine-contract {
  display: grid;
  gap: 10px;
  margin-top: 4px;
  padding: 12px;
  border: 1px solid rgba(0, 143, 255, 0.28);
  border-radius: 8px;
  background:
    radial-gradient(circle at 10% 0%, rgba(0, 143, 255, 0.18), transparent 38%),
    linear-gradient(145deg, rgba(8, 21, 34, 0.92), rgba(16, 20, 25, 0.9));
}

.preview-engine-contract-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.preview-engine-contract-header div {
  display: grid;
  gap: 5px;
}

.preview-engine-contract-header strong {
  color: var(--white);
}

.preview-engine-contract-header span,
.preview-engine-contract-next {
  color: var(--muted);
  font-weight: 850;
  line-height: 1.45;
}

.preview-engine-contract-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 950;
}

.preview-engine-contract-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.preview-engine-contract-grid article {
  min-height: 92px;
  padding: 12px;
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  background: rgba(7, 18, 31, 0.76);
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.62);
}

.preview-engine-contract-grid article.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.72);
}

.preview-engine-contract-grid strong,
.preview-engine-contract-grid span,
.preview-engine-contract-grid em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.preview-engine-contract-grid strong {
  color: #f8fbff;
  font-size: 1rem;
  line-height: 1.15;
  white-space: nowrap;
}

.preview-engine-contract-grid span {
  margin-top: 7px;
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.preview-engine-contract-grid em {
  margin-top: 6px;
  color: rgba(226, 235, 246, 0.72);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.3;
}

.preview-service-connector {
  border-color: rgba(49, 209, 124, 0.28);
  background:
    radial-gradient(circle at 8% 0%, rgba(49, 209, 124, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(8, 21, 34, 0.94), rgba(9, 14, 20, 0.92));
}

.preview-worker-starter {
  border-color: rgba(128, 186, 255, 0.34);
  background:
    radial-gradient(circle at 14% 0%, rgba(128, 186, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(9, 18, 31, 0.94), rgba(15, 20, 27, 0.92));
}

.preview-service-form,
.preview-service-actions {
  display: grid;
  gap: 8px;
}

.preview-service-form {
  grid-template-columns: 2fr 1fr 1.2fr;
}

.preview-service-form label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.preview-service-form span {
  color: #80baff;
  font-size: 0.62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.preview-service-form input,
.preview-service-form select {
  width: 100%;
  min-height: 40px;
  color: #f8fbff;
  background: rgba(7, 18, 31, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 850;
}

.preview-service-form input {
  padding: 0 10px;
}

.preview-service-form select {
  padding: 0 8px;
}

.preview-service-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.preview-worker-actions-label {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  min-height: 26px;
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 1000;
  letter-spacing: 0;
  text-transform: uppercase;
}

.preview-worker-actions-label.is-advanced {
  margin-top: 4px;
  padding-top: 10px;
  color: rgba(226, 235, 246, 0.72);
  border-top: 1px solid rgba(128, 186, 255, 0.16);
}

.preview-service-actions button {
  min-height: 40px;
  color: #06101d;
  background: linear-gradient(135deg, #31d17c, #80baff);
  border: 1px solid rgba(128, 186, 255, 0.42);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.preview-service-actions #run-preview-worker-next-step {
  grid-column: 1 / -1;
  min-height: 48px;
  color: #f8fbff;
  background: linear-gradient(135deg, #006dff, #00c7ff);
  border-color: rgba(128, 186, 255, 0.68);
  box-shadow: 0 14px 30px rgba(0, 109, 255, 0.22);
}

.preview-service-actions button:last-child {
  color: #f8fbff;
  background: rgba(17, 31, 45, 0.92);
}

.preview-service-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.preview-decoder-command {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    radial-gradient(circle at 92% 0%, rgba(128, 186, 255, 0.14), transparent 34%),
    rgba(7, 18, 31, 0.7);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.preview-decoder-command-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

.preview-decoder-command-header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.preview-decoder-command-header strong,
.preview-decoder-command-header span,
.preview-decoder-command-header em {
  display: block;
}

.preview-decoder-command-header strong {
  color: #f8fbff;
  font-size: 0.92rem;
}

.preview-decoder-command-header span {
  color: rgba(226, 235, 246, 0.72);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.35;
}

.preview-decoder-command-header em {
  flex: 0 0 auto;
  padding: 6px 8px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #31d17c);
  border-radius: 999px;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 1000;
}

.preview-decoder-command-form {
  grid-template-columns: 1.2fr 1fr;
}

.preview-worker-run-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
}

.preview-worker-run-grid article,
.preview-worker-run-list article {
  padding: 12px;
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  background: rgba(7, 18, 31, 0.76);
}

.preview-worker-run-grid strong,
.preview-worker-run-grid span,
.preview-worker-run-list strong,
.preview-worker-run-list span,
.preview-worker-run-list em {
  display: block;
  overflow-wrap: anywhere;
}

.preview-worker-run-grid strong,
.preview-worker-run-list strong {
  color: #f8fbff;
  font-size: 0.95rem;
  line-height: 1.18;
}

.preview-worker-run-grid span,
.preview-worker-run-list span {
  margin-top: 6px;
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.preview-worker-progress-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 8px;
}

.preview-worker-progress-strip article {
  min-height: 78px;
  padding: 10px;
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  background: rgba(7, 18, 31, 0.62);
  box-shadow: inset 0 2px 0 rgba(128, 186, 255, 0.12);
}

.preview-worker-progress-strip article.is-active {
  border-color: rgba(0, 153, 255, 0.64);
  background: linear-gradient(135deg, rgba(0, 153, 255, 0.22), rgba(7, 18, 31, 0.72));
  box-shadow: 0 0 0 1px rgba(0, 153, 255, 0.16), 0 12px 28px rgba(0, 153, 255, 0.12);
}

.preview-worker-progress-strip article.is-done {
  border-color: rgba(49, 209, 124, 0.42);
  background: rgba(9, 35, 28, 0.6);
  box-shadow: inset 0 2px 0 rgba(49, 209, 124, 0.42);
}

.preview-worker-progress-strip span,
.preview-worker-progress-strip strong,
.preview-worker-progress-strip em {
  display: block;
  overflow-wrap: anywhere;
}

.preview-worker-progress-strip span {
  color: #80baff;
  font-size: 0.62rem;
  font-weight: 1000;
}

.preview-worker-progress-strip strong {
  margin-top: 5px;
  color: #f8fbff;
  font-size: 0.82rem;
  line-height: 1.15;
}

.preview-worker-progress-strip em {
  margin-top: 6px;
  color: rgba(226, 235, 246, 0.72);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.25;
}

.preview-worker-readiness-gate {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    radial-gradient(circle at 96% 0%, rgba(49, 209, 124, 0.14), transparent 34%),
    rgba(7, 18, 31, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.preview-worker-readiness-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.preview-worker-readiness-header div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.preview-worker-readiness-header strong {
  color: #f8fbff;
  font-size: 0.94rem;
}

.preview-worker-readiness-header span {
  color: rgba(226, 235, 246, 0.74);
  font-size: 0.74rem;
  font-weight: 850;
  line-height: 1.35;
}

.preview-worker-readiness-header em {
  flex: 0 0 auto;
  padding: 6px 9px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #31d17c);
  border-radius: 999px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 1000;
}

.preview-worker-readiness-header em[data-state="hold"] {
  background: linear-gradient(135deg, #f59e0b, #fcd34d);
}

.preview-worker-readiness-header em[data-state="waiting"] {
  color: #e8eef7;
  background: rgba(199, 206, 216, 0.14);
}

.preview-worker-readiness-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px;
}

.preview-worker-readiness-list article {
  min-height: 78px;
  padding: 10px;
  background: rgba(8, 16, 26, 0.7);
  border: 1px solid rgba(245, 158, 11, 0.32);
  border-radius: 8px;
}

.preview-worker-readiness-list article.is-ready {
  border-color: rgba(49, 209, 124, 0.44);
}

.preview-worker-readiness-list strong,
.preview-worker-readiness-list span,
.preview-worker-readiness-list em {
  display: block;
  overflow-wrap: anywhere;
}

.preview-worker-readiness-list strong {
  color: #f8fbff;
  font-size: 0.92rem;
  line-height: 1.16;
}

.preview-worker-readiness-list span {
  margin-top: 6px;
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 1000;
  text-transform: uppercase;
}

.preview-worker-readiness-list em {
  margin-top: 6px;
  color: rgba(226, 235, 246, 0.72);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.28;
}

.preview-worker-readiness-action {
  min-height: 42px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #31d17c);
  border: 1px solid rgba(128, 186, 255, 0.56);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 1000;
}

.preview-worker-readiness-action:disabled {
  color: rgba(226, 235, 246, 0.58);
  background: rgba(199, 206, 216, 0.12);
  border-color: rgba(199, 206, 216, 0.18);
  cursor: default;
}

.preview-worker-run-list {
  display: grid;
  gap: 8px;
}

.preview-worker-run-list article {
  min-height: 78px;
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.68);
}

.preview-worker-run-list article.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.72);
}

.preview-worker-run-list em {
  margin-top: 6px;
  color: rgba(226, 235, 246, 0.74);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.storage-readiness-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(199, 206, 216, 0.1), rgba(16, 20, 25, 0.82));
  border: 1px solid rgba(199, 206, 216, 0.22);
  border-radius: 8px;
}

.storage-readiness-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.storage-readiness-header div {
  display: grid;
  gap: 5px;
}

.storage-readiness-header strong {
  color: var(--white);
}

.storage-readiness-header span {
  color: var(--muted);
  line-height: 1.45;
}

.storage-readiness-header em {
  flex: 0 0 auto;
  color: var(--silver);
  font-style: normal;
  font-weight: 900;
}

.storage-readiness-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.storage-readiness-grid div {
  display: grid;
  gap: 5px;
  min-height: 64px;
  align-content: center;
  padding: 10px;
  background: rgba(16, 20, 25, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.storage-readiness-grid strong,
.storage-readiness-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.storage-readiness-grid strong {
  color: var(--white);
  font-size: 1.15rem;
}

.storage-readiness-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.storage-readiness-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.storage-readiness-actions input {
  display: none;
}

.storage-readiness-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(199, 206, 216, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.storage-readiness-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.source-original-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.source-original-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.source-original-header div {
  display: grid;
  gap: 5px;
}

.source-original-header strong {
  color: var(--white);
}

.source-original-header span {
  color: var(--muted);
  line-height: 1.45;
}

.source-original-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.source-original-grid,
.source-original-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.source-original-grid label {
  color: var(--silver);
}

.source-original-grid input {
  color: var(--white);
  background: var(--surface-strong);
  border-color: rgba(199, 206, 216, 0.26);
}

.source-original-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(199, 206, 216, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.source-original-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.cloud-handoff-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(16, 20, 25, 0.78));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.cloud-handoff-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.cloud-handoff-header div {
  display: grid;
  gap: 5px;
}

.cloud-handoff-header strong {
  color: var(--white);
}

.cloud-handoff-header span {
  color: var(--muted);
  line-height: 1.45;
}

.cloud-handoff-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.cloud-handoff-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.cloud-handoff-grid div {
  display: grid;
  gap: 5px;
  min-height: 64px;
  align-content: center;
  padding: 10px;
  background: rgba(16, 20, 25, 0.7);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.cloud-handoff-grid strong,
.cloud-handoff-grid span,
.cloud-handoff-list strong,
.cloud-handoff-list span,
.cloud-handoff-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cloud-handoff-grid strong {
  color: var(--white);
  font-size: 1.05rem;
}

.cloud-handoff-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cloud-handoff-list {
  display: grid;
  gap: 8px;
}

.storage-connector-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.68);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.storage-connector-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.storage-connector-header div {
  display: grid;
  gap: 5px;
}

.storage-connector-header strong {
  color: var(--white);
}

.storage-connector-header span {
  color: var(--muted);
  line-height: 1.45;
}

.storage-connector-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.storage-connector-grid,
.storage-connector-summary,
.storage-connector-actions {
  display: grid;
  gap: 8px;
}

.storage-connector-grid {
  grid-template-columns: minmax(180px, 0.5fr) minmax(0, 1fr);
}

.storage-connector-grid label {
  color: var(--silver);
  font-weight: 850;
}

.storage-connector-grid select,
.storage-connector-grid input {
  width: 100%;
  min-height: 40px;
  margin-top: 6px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(199, 206, 216, 0.26);
  border-radius: 8px;
  font-weight: 850;
}

.storage-connector-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.storage-connector-summary div {
  display: grid;
  gap: 5px;
  min-height: 64px;
  align-content: center;
  padding: 10px;
  background: rgba(32, 39, 48, 0.9);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.storage-connector-summary strong,
.storage-connector-summary span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.storage-connector-summary strong {
  color: var(--white);
  font-size: 0.95rem;
}

.storage-connector-summary span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.storage-connector-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.storage-connector-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(199, 206, 216, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.storage-connector-actions button:first-child,
.storage-connector-actions button:nth-child(2) {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.storage-connector-list {
  display: grid;
  gap: 10px;
}

.storage-connector-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.storage-connector-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.storage-connector-card.is-hold {
  border-color: rgba(245, 158, 11, 0.38);
}

.storage-connector-card:hover,
.storage-connector-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.storage-connector-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.72fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.storage-connector-card-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.storage-connector-card strong,
.storage-connector-card span,
.storage-connector-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.storage-connector-card strong {
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 900;
}

.storage-connector-card span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.storage-connector-card em {
  justify-self: end;
  color: #b7c7d9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.storage-connector-card em.is-ready {
  color: #80baff;
}

.storage-connector-card em.is-hold {
  color: #f0cf94;
}

.storage-connector-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.storage-connector-card-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.storage-connector-card-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.storage-connector-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.storage-connector-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.storage-connector-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.storage-connector-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.storage-connector-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.storage-connector-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.storage-connector-card-actions button:hover,
.storage-connector-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.cloud-upload-queue {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(4, 12, 18, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.cloud-upload-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.cloud-upload-header div {
  display: grid;
  gap: 5px;
}

.cloud-upload-header strong {
  color: var(--white);
}

.cloud-upload-header span {
  color: var(--muted);
  line-height: 1.45;
}

.cloud-upload-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.cloud-upload-grid,
.cloud-upload-list,
.cloud-upload-actions {
  display: grid;
  gap: 8px;
}

.cloud-upload-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cloud-upload-grid div {
  display: grid;
  gap: 5px;
  min-height: 64px;
  align-content: center;
  padding: 10px;
  background: rgba(32, 39, 48, 0.9);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.cloud-upload-grid strong,
.cloud-upload-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cloud-upload-grid strong {
  color: var(--white);
  font-size: 0.95rem;
}

.cloud-upload-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cloud-upload-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cloud-upload-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(199, 206, 216, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.cloud-upload-actions button:first-child,
.cloud-upload-actions button:nth-child(2) {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.cloud-upload-list {
  gap: 10px;
}

.cloud-upload-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.cloud-upload-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.cloud-upload-card.is-hold {
  border-color: rgba(245, 158, 11, 0.38);
}

.cloud-upload-card:hover,
.cloud-upload-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.cloud-upload-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.72fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.cloud-upload-card-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.cloud-upload-card strong,
.cloud-upload-card span,
.cloud-upload-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cloud-upload-card strong {
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 900;
}

.cloud-upload-card span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.cloud-upload-card em {
  justify-self: end;
  color: #b7c7d9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.cloud-upload-card em.is-ready {
  color: #80baff;
}

.cloud-upload-card em.is-hold {
  color: #f0cf94;
}

.cloud-upload-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.cloud-upload-card-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.cloud-upload-card-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cloud-upload-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.cloud-upload-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.cloud-upload-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.cloud-upload-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.cloud-upload-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.cloud-upload-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.cloud-upload-card-actions button:hover,
.cloud-upload-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.cloud-handoff-list > div {
  display: grid;
  grid-template-columns: minmax(140px, 0.42fr) minmax(0, 1fr) minmax(70px, auto);
  gap: 10px;
  min-height: 44px;
  align-items: center;
  padding: 9px 10px;
  background: rgba(16, 20, 25, 0.54);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.cloud-handoff-list strong {
  color: var(--white);
  font-size: 0.78rem;
}

.cloud-handoff-list span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 800;
}

.cloud-handoff-list em {
  justify-self: end;
  color: #ff9ab0;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.cloud-handoff-list em.is-ready {
  color: #67e8f9;
}

.cloud-handoff-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.cloud-handoff-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.cloud-handoff-card.is-hold {
  border-color: rgba(245, 158, 11, 0.38);
}

.cloud-handoff-card:hover,
.cloud-handoff-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.cloud-handoff-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.72fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.cloud-handoff-card-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.cloud-handoff-card strong,
.cloud-handoff-card span,
.cloud-handoff-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cloud-handoff-card strong {
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 900;
}

.cloud-handoff-card span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.cloud-handoff-card em {
  justify-self: end;
  color: #b7c7d9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.cloud-handoff-card em.is-ready {
  color: #80baff;
}

.cloud-handoff-card em.is-hold {
  color: #f0cf94;
}

.cloud-handoff-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.cloud-handoff-card-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.cloud-handoff-card-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.cloud-handoff-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.cloud-handoff-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.cloud-handoff-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.cloud-handoff-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.cloud-handoff-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.cloud-handoff-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.cloud-handoff-card-actions button:hover,
.cloud-handoff-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.cloud-handoff-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.cloud-handoff-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(199, 206, 216, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.cloud-handoff-actions button:first-child,
.cloud-handoff-actions button:nth-child(2) {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.cloud-handoff-actions button:hover,
.cloud-handoff-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.vault-deposit-panel {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(34, 197, 94, 0.24);
  border-radius: 8px;
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 197, 94, 0.14), transparent 36%),
    linear-gradient(145deg, rgba(8, 24, 29, 0.9), rgba(7, 16, 25, 0.88));
}

.vault-deposit-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.vault-deposit-header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.vault-deposit-header strong,
.vault-deposit-header span,
.vault-deposit-header em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.vault-deposit-header strong {
  color: #f8fbff;
  font-weight: 950;
}

.vault-deposit-header span {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.4;
}

.vault-deposit-header em {
  flex: 0 0 auto;
  color: #36d399;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.vault-deposit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.vault-deposit-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 76px;
  padding: 10px;
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 8px;
  background: rgba(18, 30, 45, 0.84);
}

.vault-deposit-card.is-ready {
  border-color: rgba(34, 197, 94, 0.36);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.72);
}

.vault-deposit-card strong,
.vault-deposit-card span,
.vault-deposit-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vault-deposit-card strong {
  color: #f8fbff;
  font-size: 0.9rem;
  font-weight: 950;
}

.vault-deposit-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.vault-deposit-card em {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.vault-deposit-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vault-deposit-actions button {
  min-height: 42px;
  color: #f8fbff;
  background: rgba(21, 34, 51, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.vault-deposit-actions button:first-child {
  background: rgba(34, 197, 94, 0.22);
  border-color: rgba(34, 197, 94, 0.42);
}

.vault-deposit-actions button:hover,
.vault-deposit-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.vault-recovery-panel {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  background: rgba(7, 16, 25, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.vault-recovery-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.vault-recovery-header div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.vault-recovery-header strong,
.vault-recovery-header span,
.vault-recovery-header em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.vault-recovery-header strong {
  color: #f8fbff;
  font-weight: 950;
}

.vault-recovery-header span {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.78rem;
  font-weight: 850;
}

.vault-recovery-header em {
  color: #80baff;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.vault-recovery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.vault-recovery-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 74px;
  padding: 10px;
  background: rgba(18, 30, 45, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.vault-recovery-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.vault-recovery-card.is-hold {
  border-color: rgba(245, 158, 11, 0.36);
}

.vault-recovery-card strong,
.vault-recovery-card span,
.vault-recovery-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vault-recovery-card strong {
  color: #f8fbff;
  font-size: 0.9rem;
  font-weight: 950;
}

.vault-recovery-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.vault-recovery-card em {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.vault-recovery-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.vault-recovery-actions button {
  min-height: 42px;
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  background: rgba(21, 34, 51, 0.92);
  color: #f8fbff;
  font-weight: 950;
}

.vault-recovery-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0cc8ff);
}

.vault-recovery-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.file-path-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.file-path-strip div {
  display: grid;
  gap: 5px;
  min-height: 68px;
  align-content: center;
  padding: 10px;
  background: rgba(16, 20, 25, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.file-path-strip strong,
.file-path-strip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-path-strip strong {
  color: var(--white);
  font-size: 1.25rem;
}

.file-path-strip span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.selected-photo-flow {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.selected-photo-flow-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.selected-photo-flow-header div {
  display: grid;
  gap: 5px;
}

.selected-photo-flow-header strong {
  color: var(--white);
}

.selected-photo-flow-header span {
  color: var(--muted);
  line-height: 1.45;
}

.selected-photo-flow-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.photo-flow-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.photo-flow-steps span {
  display: grid;
  min-height: 38px;
  place-items: center;
  padding: 6px;
  color: var(--muted);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.photo-flow-steps span.is-done {
  color: var(--white);
  background: rgba(11, 124, 255, 0.2);
  border-color: rgba(128, 186, 255, 0.42);
}

.photo-flow-steps span.is-active {
  color: var(--white);
  background: rgba(11, 124, 255, 0.3);
  border-color: rgba(128, 186, 255, 0.72);
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.photo-flow-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.photo-flow-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.photo-flow-actions button:last-child {
  background: rgba(11, 124, 255, 0.26);
  border-color: rgba(128, 186, 255, 0.52);
}

.photo-flow-output {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.photo-flow-output div {
  display: grid;
  gap: 3px;
  min-height: 48px;
  padding: 9px;
  background: rgba(8, 13, 19, 0.72);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.photo-flow-output strong {
  color: var(--white);
  font-size: 0.82rem;
}

.photo-flow-output span {
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.photo-flow-process-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.photo-flow-process-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(15, 23, 42, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.photo-flow-process-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.95), rgba(24, 180, 255, 0.74));
  border-color: rgba(128, 186, 255, 0.74);
  box-shadow: 0 12px 24px rgba(11, 124, 255, 0.18);
}

.photo-flow-process-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  box-shadow: none;
}

.photo-flow-route {
  min-height: 34px;
  padding: 9px 10px;
  color: var(--silver);
  background: rgba(16, 20, 25, 0.62);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
  font-size: 0.76rem;
  font-weight: 900;
}

.client-exit-queue {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.client-exit-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.client-exit-header div {
  display: grid;
  gap: 5px;
}

.client-exit-header strong {
  color: var(--white);
}

.client-exit-header span {
  color: var(--muted);
  line-height: 1.45;
}

.client-exit-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.client-exit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.client-exit-card {
  display: grid;
  gap: 7px;
  padding: 8px;
  color: var(--ink);
  text-align: left;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
}

.client-exit-card:hover,
.client-exit-card:focus-visible,
.client-exit-card.is-selected {
  border-color: rgba(128, 186, 255, 0.68);
  outline: none;
}

.client-exit-card.is-selected {
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.client-exit-thumb {
  display: grid;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  place-items: center;
  background: var(--thumb-bg, linear-gradient(145deg, rgba(11, 124, 255, 0.2), rgba(255, 255, 255, 0.05)));
  border-radius: 6px;
}

.client-exit-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.client-exit-card strong,
.client-exit-card span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-exit-card strong {
  color: var(--white);
  font-size: 0.78rem;
}

.client-exit-card span {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.client-exit-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.client-exit-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.client-exit-actions button:first-child {
  background: rgba(11, 124, 255, 0.26);
  border-color: rgba(128, 186, 255, 0.52);
}

.client-exit-message {
  display: grid;
  gap: 8px;
}

.client-exit-message textarea {
  width: 100%;
  min-height: 104px;
  resize: vertical;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  line-height: 1.45;
}

.client-exit-message div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.client-exit-message button {
  min-height: 38px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.client-exit-message button:first-child {
  background: rgba(11, 124, 255, 0.22);
  border-color: rgba(128, 186, 255, 0.46);
}

.restore-preview-button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.38);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.restore-preview-button[hidden] {
  display: none;
}

.pipeline-catalog-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.pipeline-catalog-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.pipeline-catalog-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.pipeline-catalog-actions button:nth-child(3) {
  background: rgba(255, 83, 112, 0.2);
  border-color: rgba(255, 83, 112, 0.42);
}

.cleanup-decision-receipt {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(128, 186, 255, 0.1), rgba(8, 16, 23, 0.94)),
    rgba(10, 18, 28, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.cleanup-decision-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.cleanup-decision-header strong,
.cleanup-decision-header span,
.cleanup-decision-header em {
  display: block;
}

.cleanup-decision-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.cleanup-decision-header span {
  margin-top: 3px;
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.cleanup-decision-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.cleanup-decision-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
}

.cleanup-decision-card {
  display: grid;
  min-height: 74px;
  gap: 4px;
  padding: 10px;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.cleanup-decision-card.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.cleanup-decision-card.is-hold {
  border-color: rgba(255, 191, 56, 0.38);
}

.cleanup-decision-card strong,
.cleanup-decision-card span,
.cleanup-decision-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cleanup-decision-card strong {
  color: var(--white);
  font-size: 0.84rem;
}

.cleanup-decision-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.cleanup-decision-card em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.cleanup-decision-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.cleanup-decision-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.cleanup-decision-actions button:nth-child(2) {
  background: rgba(11, 124, 255, 0.22);
  border-color: rgba(128, 186, 255, 0.46);
}

.cleanup-decision-actions button:nth-child(3) {
  background: rgba(255, 83, 112, 0.18);
  border-color: rgba(255, 83, 112, 0.42);
}

.cleanup-decision-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.archived-photo-drawer {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(21, 26, 32, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.archived-photo-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.archived-photo-header strong {
  color: var(--white);
}

.archived-photo-header span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.archived-photo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.archived-photo-row {
  display: grid;
  gap: 7px;
  padding: 8px;
  color: var(--ink);
  text-align: left;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  opacity: 0.86;
}

.archived-photo-row:hover,
.archived-photo-row:focus-visible,
.archived-photo-row.is-selected {
  border-color: rgba(128, 186, 255, 0.62);
  outline: none;
  opacity: 1;
}

.archived-photo-row.is-selected {
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.archived-photo-thumb {
  display: grid;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  place-items: center;
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.04)),
    #070b10;
  border-radius: 6px;
}

.archived-photo-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: saturate(0.72);
}

.archived-photo-thumb em,
.archived-photo-row span {
  color: var(--muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
}

.archived-photo-row strong,
.archived-photo-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.archived-photo-drawer > button {
  min-height: 38px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.catalog-restore-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.catalog-restore-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.catalog-restore-header div {
  display: grid;
  gap: 5px;
}

.catalog-restore-header strong {
  color: var(--white);
}

.catalog-restore-header span {
  color: var(--muted);
  line-height: 1.45;
}

.catalog-restore-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.catalog-restore-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.catalog-restore-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.catalog-restore-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.cleanup-safety-status {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 9px 10px;
  color: var(--muted);
  background: rgba(6, 14, 22, 0.58);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1.35;
}

.cleanup-safety-status.is-protected {
  color: var(--white);
  background: rgba(11, 124, 255, 0.18);
  border-color: rgba(128, 186, 255, 0.46);
}

.photo-quality-proof {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(8, 14, 22, 0.94)),
    rgba(9, 15, 22, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.photo-quality-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.photo-quality-proof-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.photo-quality-proof-header strong,
.photo-quality-proof-header span,
.photo-quality-proof-header em {
  display: block;
  margin: 0;
}

.photo-quality-proof-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.photo-quality-proof-header span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.photo-quality-proof-header em {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #80baff;
  background: rgba(11, 124, 255, 0.16);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 999px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 1000;
}

.photo-quality-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.photo-quality-proof-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 86px;
  padding: 10px;
  background: rgba(18, 26, 36, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.photo-quality-proof-card.is-ready {
  border-color: rgba(49, 209, 124, 0.4);
}

.photo-quality-proof-card.is-hold {
  border-color: rgba(255, 191, 56, 0.38);
}

.photo-quality-proof-card strong,
.photo-quality-proof-card span,
.photo-quality-proof-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.photo-quality-proof-card strong {
  color: var(--white);
  font-size: 0.9rem;
  font-weight: 950;
}

.photo-quality-proof-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.photo-quality-proof-card em {
  color: rgba(232, 239, 248, 0.74);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.photo-quality-proof-next {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.photo-quality-proof-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
}

.photo-quality-proof-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.photo-quality-proof-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.84);
  font-weight: 1000;
}

.restore-point-list {
  display: grid;
  gap: 8px;
}

.restore-point-list div {
  display: grid;
  gap: 5px;
  padding: 10px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.restore-point-list strong,
.restore-point-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.restore-point-list strong {
  color: var(--white);
}

.restore-point-list span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.import-watch-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.import-watch-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.import-watch-actions button:first-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.server-sync-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.server-sync-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.server-sync-grid strong,
.server-sync-grid span {
  display: block;
}

.server-sync-grid strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.1rem, 1.7vw, 1.65rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.server-sync-grid span {
  color: var(--muted);
  font-weight: 900;
}

.engine-actions button {
  min-height: 42px;
  color: var(--ink);
  background: var(--amber-soft);
  border: 1px solid #f0cf94;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.engine-progress {
  gap: 10px;
  margin-top: 14px;
}

.engine-progress div {
  display: grid;
  gap: 7px;
}

.engine-progress strong {
  font-size: 0.86rem;
}

.engine-progress span {
  height: 10px;
  overflow: hidden;
  background: #e5e9f0;
  border-radius: 99px;
}

.engine-progress i {
  display: block;
  width: var(--progress, 0%);
  height: 100%;
  background: var(--teal);
}

.storage-pipeline,
.smart-rules,
.cull-tuning,
.cull-audit,
.confidence-review,
.recovery-presets,
.edit-recipe,
.share-package {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.storage-pipeline > strong,
.smart-rules > strong,
.cull-tuning > strong,
.cull-audit > strong,
.confidence-review > strong,
.recovery-presets > strong,
.edit-recipe > strong,
.share-package > strong {
  color: var(--ink);
}

.storage-pipeline-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.storage-pipeline-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(32, 111, 255, 0.12), transparent 52%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.storage-pipeline-card.is-ready {
  border-color: rgba(44, 204, 113, 0.42);
}

.storage-pipeline-card.is-review {
  border-color: rgba(247, 184, 75, 0.52);
}

.storage-pipeline-card.is-hold {
  border-color: rgba(255, 93, 108, 0.42);
}

.storage-pipeline-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 76px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(9, 18, 30, 0.76);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.storage-pipeline-select strong,
.storage-pipeline-select span,
.storage-pipeline-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.storage-pipeline-select strong {
  color: var(--ink);
  font-size: 0.88rem;
}

.storage-pipeline-select span {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.72rem;
}

.storage-pipeline-select em {
  color: var(--electric-blue);
  font-style: normal;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.storage-pipeline-meta,
.storage-pipeline-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.storage-pipeline-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 6px 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.storage-pipeline-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.storage-pipeline-actions button:first-child,
.storage-pipeline-card.is-complete .storage-pipeline-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.storage-pipeline-actions button:hover,
.storage-pipeline-actions button:focus-visible,
.storage-pipeline-select:hover,
.storage-pipeline-select:focus-visible {
  border-color: rgba(71, 169, 255, 0.72);
  box-shadow: 0 0 0 2px rgba(32, 111, 255, 0.14);
  outline: none;
}

.cull-audit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.cull-audit-grid div {
  min-height: 64px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.cull-audit-grid span,
.cull-audit-grid em {
  display: block;
}

.cull-audit-grid span {
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cull-audit-grid em {
  overflow: hidden;
  color: var(--ink);
  font-style: normal;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cull-audit-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.cull-audit-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.cull-audit-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.culling-decision-board {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.08));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.culling-decision-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.culling-decision-header div {
  display: grid;
  gap: 5px;
}

.culling-decision-header strong {
  color: var(--ink);
}

.culling-decision-header span {
  color: var(--muted);
  line-height: 1.45;
}

.culling-decision-header em {
  flex: 0 0 auto;
  color: #0b7cff;
  font-style: normal;
  font-weight: 1000;
}

.culling-decision-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.culling-decision-grid div {
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.culling-decision-grid em,
.culling-decision-grid span,
.culling-decision-card strong,
.culling-decision-card span,
.culling-decision-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.culling-decision-grid em {
  color: var(--ink);
  font-style: normal;
  font-weight: 950;
}

.culling-decision-grid span,
.culling-decision-card span,
.culling-decision-card em {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.culling-handoff-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.culling-handoff-card {
  display: grid;
  align-content: center;
  min-height: 82px;
  gap: 5px;
  padding: 12px;
  background: rgba(9, 17, 26, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.culling-handoff-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.84));
  border-color: rgba(128, 186, 255, 0.4);
}

.culling-handoff-card.is-hold {
  border-color: rgba(255, 191, 56, 0.34);
}

.culling-handoff-card strong,
.culling-handoff-card span,
.culling-handoff-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.culling-handoff-card strong {
  color: var(--white);
  font-size: 1.08rem;
  font-weight: 950;
}

.culling-handoff-card span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.culling-handoff-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
}

.ready-finish-proof {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    radial-gradient(circle at 92% 0%, rgba(11, 124, 255, 0.16), transparent 42%),
    rgba(5, 10, 16, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
}

.ready-finish-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.ready-finish-proof-header div {
  display: grid;
  gap: 5px;
}

.ready-finish-proof-header strong {
  color: var(--white);
  font-size: 1rem;
}

.ready-finish-proof-header span,
.ready-finish-proof-next {
  color: rgba(232, 239, 248, 0.78);
  line-height: 1.45;
}

.ready-finish-proof-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
}

.ready-finish-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.ready-finish-proof-card {
  min-height: 92px;
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 0;
  padding: 11px;
  background: rgba(16, 26, 38, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.ready-finish-proof-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.2), rgba(16, 26, 38, 0.92));
  border-color: rgba(128, 186, 255, 0.46);
}

.ready-finish-proof-card.is-hold {
  border-color: rgba(255, 191, 56, 0.36);
}

.ready-finish-proof-card strong,
.ready-finish-proof-card span,
.ready-finish-proof-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ready-finish-proof-card strong {
  color: var(--white);
  font-size: 1.03rem;
  font-weight: 950;
}

.ready-finish-proof-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ready-finish-proof-card em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.71rem;
  font-style: normal;
  font-weight: 850;
}

.ready-finish-proof-next {
  padding: 9px 10px;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 900;
}

.ready-finish-proof-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ready-finish-proof-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.96);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.ready-finish-proof-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0759bd);
  border-color: rgba(128, 186, 255, 0.62);
}

.ready-finish-proof-actions button:hover,
.ready-finish-proof-actions button:focus-visible {
  border-color: rgba(128, 186, 255, 0.82);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.18);
}

.culling-decision-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 320px;
  overflow: auto;
}

.culling-decision-card {
  display: grid;
  gap: 8px;
  min-height: 126px;
  min-width: 0;
  padding: 9px;
  background:
    radial-gradient(circle at 88% 0%, rgba(77, 174, 255, 0.1), transparent 40%),
    rgba(11, 19, 27, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.culling-decision-card.is-empty {
  grid-column: 1 / -1;
  min-height: 54px;
  align-content: center;
}

.culling-decision-card.is-selected {
  border-color: rgba(11, 124, 255, 0.48);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.72);
}

.culling-decision-card-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(86px, auto);
  gap: 4px 8px;
  min-height: 58px;
  align-content: center;
  padding: 8px;
  color: var(--white);
  text-align: left;
  background: rgba(6, 12, 18, 0.55);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.culling-decision-card-summary:hover,
.culling-decision-card-summary:focus-visible,
.culling-decision-card-actions button:hover,
.culling-decision-card-actions button:focus-visible {
  border-color: rgba(77, 174, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.culling-decision-card strong {
  color: var(--white);
  font-size: 0.82rem;
}

.culling-decision-card span {
  color: #9dd0ff;
  text-align: right;
}

.culling-decision-card em {
  grid-column: 1 / -1;
  color: var(--silver);
  font-style: normal;
}

.culling-decision-card-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.culling-decision-card-actions button {
  min-height: 34px;
  color: var(--white);
  background: rgba(25, 36, 47, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 950;
}

.culling-decision-card-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.68);
}

.culling-decision-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.culling-decision-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.culling-decision-actions button:first-child {
  background: rgba(11, 124, 255, 0.82);
  border-color: rgba(11, 124, 255, 0.9);
}

.culling-decision-actions button:last-child {
  background: var(--surface-strong);
  border-color: rgba(128, 186, 255, 0.38);
}

.ai-signal-board {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    radial-gradient(circle at 88% 0%, rgba(67, 171, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(27, 39, 51, 0.96), rgba(7, 13, 19, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.ai-signal-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.ai-signal-header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.ai-signal-header span {
  color: #4daeff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ai-signal-header strong,
.ai-signal-header em {
  overflow: hidden;
  color: var(--white);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-signal-header em {
  color: #9dd0ff;
  font-style: normal;
  font-weight: 950;
  text-align: right;
}

.ai-signal-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.ai-signal-grid button {
  display: grid;
  min-height: 82px;
  align-content: center;
  gap: 4px;
  padding: 10px;
  color: var(--white);
  text-align: left;
  background:
    linear-gradient(145deg, rgba(38, 48, 59, 0.94), rgba(11, 18, 26, 0.98));
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
  cursor: pointer;
}

.ai-signal-grid button:hover,
.ai-signal-grid button:focus-visible {
  border-color: rgba(11, 124, 255, 0.72);
  outline: none;
}

.ai-signal-grid span,
.ai-signal-grid strong,
.ai-signal-grid em,
.ai-signal-card strong,
.ai-signal-card span,
.ai-signal-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-signal-grid span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.ai-signal-grid strong {
  color: var(--white);
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  line-height: 1;
}

.ai-signal-grid em {
  color: var(--silver);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
}

.ai-signal-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ai-signal-card {
  display: grid;
  gap: 8px;
  min-height: 120px;
  padding: 9px;
  background:
    radial-gradient(circle at 90% 0%, rgba(77, 174, 255, 0.12), transparent 38%),
    rgba(11, 19, 27, 0.78);
  border: 1px solid rgba(199, 206, 216, 0.13);
  border-radius: 8px;
}

.ai-signal-card.is-suggestion {
  grid-column: 1 / -1;
  background: rgba(11, 124, 255, 0.13);
  border-color: rgba(11, 124, 255, 0.36);
}

.ai-signal-card-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(72px, auto);
  gap: 4px 8px;
  align-content: center;
  min-height: 54px;
  padding: 8px;
  color: var(--white);
  text-align: left;
  background: rgba(6, 12, 18, 0.55);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.ai-signal-card-summary:hover,
.ai-signal-card-summary:focus-visible,
.ai-signal-card-actions button:hover,
.ai-signal-card-actions button:focus-visible {
  border-color: rgba(77, 174, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.ai-signal-card strong {
  color: var(--white);
  font-size: 0.82rem;
}

.ai-signal-card span {
  color: #9dd0ff;
  font-size: 0.76rem;
  font-weight: 950;
  text-align: right;
}

.ai-signal-card em {
  grid-column: 1 / -1;
  color: var(--silver);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.ai-signal-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.ai-signal-card-actions button {
  min-height: 34px;
  color: var(--white);
  background: rgba(25, 36, 47, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 950;
}

.ai-signal-card-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.68);
}

.ai-signal-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ai-signal-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(22, 30, 39, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.ai-signal-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.66);
}

.confidence-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.confidence-review-grid div {
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.confidence-review-grid em {
  overflow: hidden;
  color: var(--teal);
  font-style: normal;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.confidence-review-grid span,
.confidence-review-card span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.confidence-review-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.confidence-review-card {
  display: grid;
  gap: 8px;
  min-height: 126px;
  padding: 9px;
  background:
    radial-gradient(circle at 88% 0%, rgba(77, 174, 255, 0.1), transparent 40%),
    rgba(11, 19, 27, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.confidence-review-card.is-risk {
  border-color: rgba(255, 91, 118, 0.32);
}

.confidence-review-card.is-safe {
  border-color: rgba(45, 214, 117, 0.34);
}

.confidence-review-card.is-empty {
  grid-column: 1 / -1;
  min-height: 54px;
  align-content: center;
}

.confidence-review-card-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  min-height: 58px;
  align-content: center;
  padding: 8px;
  color: var(--white);
  text-align: left;
  background: rgba(6, 12, 18, 0.55);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.confidence-review-card-summary:hover,
.confidence-review-card-summary:focus-visible,
.confidence-review-card-actions button:hover,
.confidence-review-card-actions button:focus-visible {
  border-color: rgba(77, 174, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.confidence-review-card strong,
.confidence-review-card span,
.confidence-review-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.confidence-review-card strong {
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 900;
}

.confidence-review-card span {
  color: #9dd0ff;
  text-align: right;
}

.confidence-review-card em {
  grid-column: 1 / -1;
  color: var(--silver);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.confidence-review-card.is-safe em {
  color: var(--teal);
}

.confidence-review-card.is-risk em {
  color: #ff879d;
}

.confidence-review-card-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.confidence-review-card-actions button {
  min-height: 34px;
  color: var(--white);
  background: rgba(25, 36, 47, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 950;
}

.confidence-review-card-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.68);
}

.confidence-review-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.confidence-review-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.confidence-review-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.recovery-presets div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.recovery-presets button {
  min-height: 40px;
  color: var(--ink);
  background: var(--amber-soft);
  border: 1px solid #f0cf94;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.recovery-presets span {
  min-height: 36px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.folder-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.folder-card {
  min-height: 138px;
  padding: 16px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.folder-card strong {
  display: block;
  margin-bottom: 22px;
}

.folder-card span {
  color: var(--accent);
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
}

.folder-card p {
  margin: 10px 0 0;
  font-size: 0.9rem;
}

.culling-cockpit {
  display: grid;
  grid-template-columns: minmax(260px, 0.68fr) minmax(0, 1fr);
  gap: 16px;
  margin-top: 16px;
  padding: 14px;
  background:
    radial-gradient(circle at 72% 18%, rgba(32, 199, 255, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(0, 143, 255, 0.18), rgba(9, 15, 26, 0.9) 45%, rgba(196, 206, 218, 0.08)),
    rgba(7, 13, 22, 0.95);
  border: 1px solid rgba(32, 199, 255, 0.24);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.culling-cockpit-preview {
  min-height: 255px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--silver);
  text-align: center;
  font-weight: 950;
  line-height: 1.35;
  background: rgba(3, 8, 15, 0.84);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.culling-cockpit-preview img {
  width: 100%;
  height: 100%;
  min-height: 255px;
  object-fit: cover;
}

.culling-cockpit-preview span {
  padding: 22px;
}

.culling-cockpit-copy {
  min-width: 0;
  display: grid;
  gap: 12px;
  align-content: center;
}

.culling-cockpit-copy > span {
  color: #20c7ff;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.culling-cockpit-copy > strong {
  color: var(--white);
  font-size: clamp(1.35rem, 2.4vw, 2.25rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.culling-cockpit-copy > p {
  margin: 0;
  color: var(--silver);
  font-weight: 800;
  line-height: 1.45;
}

.culling-cockpit-stats,
.culling-cockpit-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.culling-cockpit-stats div {
  min-height: 78px;
  padding: 12px;
  background: rgba(8, 15, 23, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.culling-cockpit-stats strong,
.culling-cockpit-stats span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.culling-cockpit-stats strong {
  color: var(--white);
  font-size: 1.25rem;
  white-space: nowrap;
}

.culling-cockpit-stats span {
  margin-top: 7px;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.culling-cockpit-actions {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.culling-cockpit-actions button {
  min-height: 46px;
  color: var(--white);
  background: rgba(10, 22, 37, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  font-weight: 950;
  cursor: pointer;
}

.culling-cockpit-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #19c3ff);
}

.culling-cockpit-actions button:nth-child(2) {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.94), rgba(22, 163, 74, 0.82));
}

.culling-cockpit-actions button:nth-child(4) {
  background: linear-gradient(135deg, rgba(255, 83, 112, 0.92), rgba(190, 24, 93, 0.82));
}

.culling-cockpit-actions button:hover,
.culling-cockpit-actions button:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
  outline: none;
}

.ai-cull-workbench {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 12px;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(11, 124, 255, 0.12), transparent 38%),
    linear-gradient(180deg, rgba(35, 43, 53, 0.96), rgba(10, 16, 22, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

.ai-cull-topbar,
.ai-cull-decisions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ai-cull-topbar div {
  display: grid;
  gap: 4px;
}

.ai-cull-topbar span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ai-cull-topbar strong {
  color: var(--white);
  font-size: 1.05rem;
}

.ai-cull-topbar button {
  min-height: 38px;
  padding: 0 13px;
  color: var(--white);
  background: rgba(15, 24, 34, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.ai-cull-stage {
  display: grid;
  grid-template-columns: minmax(130px, 0.28fr) minmax(260px, 1fr);
  gap: 12px;
  min-height: 360px;
}

.ai-cull-scoreboard {
  display: grid;
  gap: 8px;
}

.ai-cull-scoreboard div {
  display: grid;
  align-content: center;
  min-height: 108px;
  padding: 16px;
  background: rgba(16, 20, 25, 0.78);
  border: 1px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
}

.ai-cull-scoreboard div:first-child {
  border-color: rgba(34, 197, 94, 0.32);
  background: rgba(34, 197, 94, 0.12);
}

.ai-cull-scoreboard div:nth-child(2) {
  border-color: rgba(245, 158, 11, 0.34);
  background: rgba(245, 158, 11, 0.1);
}

.ai-cull-scoreboard div:last-child {
  border-color: rgba(255, 83, 112, 0.34);
  background: rgba(255, 83, 112, 0.1);
}

.ai-cull-scoreboard span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ai-cull-scoreboard strong {
  margin: 6px 0;
  color: var(--white);
  font-size: clamp(1.7rem, 4vw, 2.4rem);
  line-height: 1;
}

.ai-cull-scoreboard em {
  color: var(--silver);
  font-style: normal;
  font-weight: 900;
}

.ai-cull-preview {
  position: relative;
  display: grid;
  min-height: 360px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(128, 186, 255, 0.16), transparent 42%),
    #060b10;
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.ai-cull-preview img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: contain;
  background: #05090d;
}

.ai-cull-preview span {
  max-width: 420px;
  padding: 22px;
  color: var(--silver);
  text-align: center;
  font-weight: 900;
  line-height: 1.45;
}

.ai-cull-filmstrip {
  display: grid;
  grid-template-columns: repeat(12, minmax(58px, 1fr));
  gap: 7px;
  min-height: 62px;
}

.ai-cull-filmstrip button {
  position: relative;
  min-height: 62px;
  overflow: hidden;
  padding: 0;
  color: var(--white);
  background: var(--thumb-bg, var(--surface));
  border: 2px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
  cursor: pointer;
}

.ai-cull-filmstrip button.is-selected {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(11, 124, 255, 0.22);
}

.ai-cull-filmstrip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ai-cull-filmstrip span {
  display: grid;
  height: 100%;
  padding: 7px;
  place-items: center;
  color: var(--silver);
  font-size: 0.65rem;
  font-weight: 900;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.ai-cull-decisions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ai-cull-decisions button {
  min-height: 52px;
  padding: 0 14px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.98);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.ai-cull-decisions button:nth-child(2) {
  background: linear-gradient(135deg, #18a957, #22c55e);
  border-color: rgba(34, 197, 94, 0.58);
}

.ai-cull-decisions button:nth-child(3) {
  background: linear-gradient(135deg, #c7354f, #ff5370);
  border-color: rgba(255, 83, 112, 0.58);
}

.ai-cull-decisions button:hover,
.ai-cull-decisions button:focus-visible,
.ai-cull-topbar button:hover,
.ai-cull-topbar button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.28);
}

.review-header,
.selected-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.review-header {
  margin: 18px 0 10px;
}

.review-header span,
.selected-meta span {
  color: var(--muted);
  font-weight: 800;
}

.photo-review-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.folder-filters {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin-bottom: 12px;
}

.folder-filters button,
.batch-actions button {
  min-height: 38px;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.folder-filters button.is-active {
  color: var(--white);
  background: var(--teal);
  border-color: var(--teal);
}

.selected-photo-viewer {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(180px, 0.45fr);
  gap: 12px;
  margin-bottom: 12px;
}

.selected-photo-frame {
  position: relative;
  display: grid;
  min-height: 320px;
  overflow: hidden;
  place-items: center;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.selected-photo-frame img {
  display: none;
  width: 100%;
  height: 100%;
  max-height: 520px;
  object-fit: contain;
  background: #111827;
}

.selected-photo-frame img.is-visible {
  display: block;
}

.selected-photo-frame span {
  padding: 18px;
  color: var(--muted);
  text-align: center;
  font-weight: 900;
}

.selected-photo-frame span.is-hidden {
  display: none;
}

.selected-photo-details {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.selected-photo-details strong,
.selected-photo-details span,
.selected-photo-details em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selected-photo-details strong {
  color: var(--ink);
  font-size: clamp(1.2rem, 2vw, 1.8rem);
}

.selected-photo-details span {
  color: var(--teal);
  font-weight: 900;
}

.selected-photo-details em {
  color: var(--muted);
  font-style: normal;
  line-height: 1.45;
}

.selected-photo-details button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.photo-card {
  display: grid;
  gap: 8px;
  padding: 8px;
  color: var(--ink);
  text-align: left;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
}

.photo-card.is-selected {
  border-color: var(--teal);
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.16);
}

.photo-thumb {
  position: relative;
  min-height: 84px;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.04)),
    #070b10;
  border-radius: 6px;
}

.photo-thumb img {
  display: block;
  width: 100%;
  height: 84px;
  object-fit: contain;
}

.photo-thumb b {
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 3px 7px;
  color: var(--white);
  background: rgba(17, 24, 39, 0.78);
  border-radius: 999px;
  font-size: 0.65rem;
  line-height: 1.2;
}

.photo-card strong,
.photo-card span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.photo-card strong {
  font-size: 0.88rem;
}

.photo-card span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.photo-card em {
  overflow: hidden;
  color: var(--teal);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.empty-state {
  grid-column: 1 / -1;
  min-height: 84px;
  display: grid;
  place-items: center;
  color: var(--muted);
  background: var(--paper);
  border: 1px dashed var(--line);
  border-radius: 8px;
  font-weight: 900;
}

.review-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.review-actions button {
  min-height: 40px;
  color: var(--ink);
  background: var(--green-soft);
  border: 1px solid #b7ddd6;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.batch-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 8px;
}

.batch-actions button {
  background: var(--blue-soft);
  border-color: #c8d7ff;
}

.smart-rules div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.smart-rules button {
  min-height: 40px;
  color: var(--ink);
  background: var(--amber-soft);
  border: 1px solid #f0cf94;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.cull-tuning-grid,
.cull-tuning-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.cull-tuning-grid label {
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 10px;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.cull-tuning-grid input {
  width: 100%;
  min-height: 20px;
  padding: 0;
  accent-color: var(--teal);
}

.cull-tuning-summary div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.cull-tuning-summary strong,
.cull-tuning-summary span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cull-tuning-summary strong {
  color: var(--ink);
  font-size: 0.96rem;
}

.cull-tuning-summary span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cull-tuning button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.signature-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.signature-workbench {
  display: grid;
  grid-template-columns: minmax(220px, 0.65fr) minmax(320px, 1fr) minmax(140px, 0.42fr);
  gap: 12px;
  margin-bottom: 14px;
  padding: 12px;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(11, 124, 255, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(35, 43, 53, 0.96), rgba(8, 16, 23, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.28);
}

.signature-workbench-copy {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}

.signature-workbench-copy span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.signature-workbench-copy strong {
  overflow: hidden;
  color: var(--white);
  font-size: clamp(1.2rem, 2.2vw, 2rem);
  line-height: 1.04;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signature-workbench-copy em {
  color: var(--silver);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.4;
}

.signature-workbench-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.signature-workbench-actions button {
  min-height: 42px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.signature-workbench-actions button.is-ready,
.signature-workbench-actions button:nth-child(2) {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.signature-workbench-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-height: 260px;
}

.signature-before,
.signature-after {
  position: relative;
  display: grid;
  min-height: 260px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(128, 186, 255, 0.14), transparent 42%),
    #05090d;
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.signature-before::after,
.signature-after::after {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 1;
  padding: 5px 9px;
  color: var(--white);
  background: rgba(5, 9, 13, 0.74);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.signature-before::after {
  content: "Before";
}

.signature-after::after {
  content: "After";
}

.signature-before img,
.signature-after img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: contain;
  background: #05090d;
}

.signature-before span,
.signature-after span {
  max-width: 280px;
  padding: 18px;
  color: var(--silver);
  text-align: center;
  font-weight: 900;
  line-height: 1.45;
}

.signature-workbench-stats {
  display: grid;
  gap: 8px;
}

.signature-workbench-stats div {
  display: grid;
  align-content: center;
  min-height: 54px;
  padding: 9px 10px;
  background: rgba(16, 20, 25, 0.7);
  border: 1px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
}

.signature-workbench-stats strong {
  color: var(--white);
  font-size: 1.28rem;
  line-height: 1;
}

.signature-workbench-stats span {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 950;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.signature-workbench-filmstrip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 7px;
  min-height: 66px;
}

.signature-workbench-filmstrip button {
  min-height: 66px;
  overflow: hidden;
  padding: 0;
  color: var(--white);
  background: var(--thumb-bg, rgba(16, 20, 25, 0.74));
  border: 2px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
  cursor: pointer;
}

.signature-workbench-filmstrip button.is-selected {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(11, 124, 255, 0.22);
}

.signature-workbench-filmstrip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.signature-workbench-filmstrip span {
  display: grid;
  height: 100%;
  padding: 6px;
  place-items: center;
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.finish-checkpoint {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px;
  background:
    radial-gradient(circle at 88% 0%, rgba(67, 171, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(27, 39, 51, 0.96), rgba(7, 13, 19, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.finish-checkpoint-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.finish-checkpoint-header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.finish-checkpoint-header span {
  color: #4daeff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.finish-checkpoint-header strong,
.finish-checkpoint-header em {
  overflow: hidden;
  color: var(--white);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finish-checkpoint-header em {
  color: #9dd0ff;
  font-style: normal;
  font-weight: 950;
  text-align: right;
}

.finish-checkpoint-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.finish-checkpoint-grid button {
  display: grid;
  min-height: 82px;
  align-content: center;
  gap: 4px;
  padding: 10px;
  color: var(--white);
  text-align: left;
  background:
    linear-gradient(145deg, rgba(38, 48, 59, 0.94), rgba(11, 18, 26, 0.98));
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
  cursor: pointer;
}

.finish-checkpoint-grid button:hover,
.finish-checkpoint-grid button:focus-visible {
  border-color: rgba(11, 124, 255, 0.72);
  outline: none;
}

.finish-checkpoint-grid span,
.finish-checkpoint-grid strong,
.finish-checkpoint-grid em,
.finish-checkpoint-card strong,
.finish-checkpoint-card span,
.finish-checkpoint-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finish-checkpoint-grid span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.finish-checkpoint-grid strong {
  color: var(--white);
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  line-height: 1;
}

.finish-checkpoint-grid em {
  color: var(--silver);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
}

.finish-checkpoint-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.finish-checkpoint-card {
  display: grid;
  gap: 8px;
  min-height: 122px;
  padding: 9px;
  background:
    radial-gradient(circle at 88% 0%, rgba(77, 174, 255, 0.1), transparent 40%),
    rgba(11, 19, 27, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.finish-checkpoint-card.is-next {
  grid-column: 1 / -1;
  background: rgba(11, 124, 255, 0.13);
  border-color: rgba(11, 124, 255, 0.36);
}

.finish-checkpoint-card-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(80px, auto);
  gap: 4px 8px;
  min-height: 56px;
  align-content: center;
  padding: 8px;
  color: var(--white);
  text-align: left;
  background: rgba(6, 12, 18, 0.55);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.finish-checkpoint-card-summary:hover,
.finish-checkpoint-card-summary:focus-visible,
.finish-checkpoint-card-actions button:hover,
.finish-checkpoint-card-actions button:focus-visible {
  border-color: rgba(77, 174, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.finish-checkpoint-card strong {
  color: var(--white);
  font-size: 0.82rem;
}

.finish-checkpoint-card span {
  color: #9dd0ff;
  font-size: 0.76rem;
  font-weight: 950;
  text-align: right;
}

.finish-checkpoint-card em {
  grid-column: 1 / -1;
  color: var(--silver);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.finish-checkpoint-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.finish-checkpoint-card-actions button {
  min-height: 34px;
  color: var(--white);
  background: rgba(25, 36, 47, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 950;
}

.finish-checkpoint-card-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.68);
}

.finish-checkpoint-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.finish-checkpoint-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(22, 30, 39, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.finish-checkpoint-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.66);
}

.selected-confidence {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 42px;
  align-items: center;
  margin-bottom: 12px;
  padding: 0 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.selected-confidence strong,
.selected-confidence em {
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 900;
}

.selected-confidence span {
  height: 10px;
  overflow: hidden;
  background: #e5e9f0;
  border-radius: 99px;
}

.selected-confidence i {
  display: block;
  width: var(--progress, 92%);
  height: 100%;
  background: var(--teal);
}

.before-card,
.after-card {
  display: grid;
  min-height: 190px;
  align-content: end;
  padding: 18px;
  border-radius: 8px;
}

.before-card {
  color: var(--white);
  background: linear-gradient(145deg, #475569, #111827);
}

.after-card {
  color: var(--ink);
  background: linear-gradient(145deg, #fff4df, #c8f3eb);
}

.before-card span,
.after-card span {
  margin-bottom: 8px;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.finish-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.finish-actions button {
  color: var(--ink);
  background: var(--amber-soft);
  border: 1px solid #f0cf94;
}

.signature-finish-board {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.08));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.signature-finish-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.signature-finish-header div {
  display: grid;
  gap: 5px;
}

.signature-finish-header strong {
  color: var(--ink);
}

.signature-finish-header span {
  color: var(--muted);
  line-height: 1.45;
}

.signature-finish-header em {
  flex: 0 0 auto;
  color: #0b7cff;
  font-style: normal;
  font-weight: 1000;
}

.signature-finish-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.signature-finish-grid div {
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.signature-finish-grid em,
.signature-finish-grid span,
.signature-finish-card strong,
.signature-finish-card span,
.signature-finish-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signature-finish-grid em {
  color: var(--ink);
  font-style: normal;
  font-weight: 950;
}

.signature-finish-grid span,
.signature-finish-card span,
.signature-finish-card em {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.signature-handoff-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.signature-handoff-card {
  display: grid;
  align-content: center;
  min-height: 82px;
  gap: 5px;
  padding: 12px;
  background: rgba(9, 17, 26, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.signature-handoff-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.84));
  border-color: rgba(128, 186, 255, 0.4);
}

.signature-handoff-card.is-hold {
  border-color: rgba(255, 191, 56, 0.34);
}

.signature-handoff-card strong,
.signature-handoff-card span,
.signature-handoff-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signature-handoff-card strong {
  color: var(--white);
  font-size: 1.08rem;
  font-weight: 950;
}

.signature-handoff-card span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.signature-handoff-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
}

.session-handoff-checkpoint {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(32, 39, 48, 0.9)),
    rgba(7, 11, 16, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
}

.session-handoff-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.session-handoff-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.session-handoff-header strong {
  color: var(--white);
}

.session-handoff-header span {
  color: var(--silver);
  line-height: 1.45;
}

.session-handoff-header em {
  flex: 0 0 auto;
  padding: 8px 10px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.2);
  border: 1px solid rgba(128, 186, 255, 0.36);
  border-radius: 8px;
  font-style: normal;
  font-weight: 950;
}

.session-handoff-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.session-handoff-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 84px;
  padding: 10px;
  background: rgba(12, 17, 24, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.session-handoff-card.is-ready {
  border-color: rgba(34, 197, 94, 0.42);
}

.session-handoff-card.is-hold {
  border-color: rgba(255, 191, 56, 0.4);
}

.session-handoff-card strong,
.session-handoff-card span,
.session-handoff-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-handoff-card strong {
  color: var(--white);
  font-size: 0.96rem;
}

.session-handoff-card span {
  color: #80baff;
  font-size: 0.64rem;
  font-weight: 950;
  text-transform: uppercase;
}

.session-handoff-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.session-handoff-next {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.session-handoff-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.session-handoff-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.session-handoff-actions button:first-child {
  background: rgba(11, 124, 255, 0.26);
  border-color: rgba(128, 186, 255, 0.52);
}

.session-handoff-actions button:hover,
.session-handoff-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.finish-delivery-proof {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(128, 186, 255, 0.1), rgba(10, 15, 22, 0.94)),
    rgba(7, 11, 16, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.finish-delivery-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.finish-delivery-proof-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.finish-delivery-proof-header strong,
.finish-delivery-proof-header span,
.finish-delivery-proof-header em {
  display: block;
  margin: 0;
}

.finish-delivery-proof-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.finish-delivery-proof-header span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.finish-delivery-proof-header em {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #80baff;
  background: rgba(11, 124, 255, 0.16);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 999px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 1000;
}

.finish-delivery-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.finish-delivery-proof-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 84px;
  padding: 10px;
  background: rgba(12, 17, 24, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.finish-delivery-proof-card.is-ready {
  border-color: rgba(49, 209, 124, 0.42);
}

.finish-delivery-proof-card.is-hold {
  border-color: rgba(255, 191, 56, 0.4);
}

.finish-delivery-proof-card strong,
.finish-delivery-proof-card span,
.finish-delivery-proof-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finish-delivery-proof-card strong {
  color: var(--white);
  font-size: 0.92rem;
  font-weight: 950;
}

.finish-delivery-proof-card span {
  color: #80baff;
  font-size: 0.64rem;
  font-weight: 950;
  text-transform: uppercase;
}

.finish-delivery-proof-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.finish-delivery-proof-next {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.finish-delivery-proof-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
}

.finish-delivery-proof-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.finish-delivery-proof-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.84);
  font-weight: 1000;
}

.signature-finish-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 320px;
  overflow: auto;
}

.signature-finish-card {
  display: grid;
  gap: 8px;
  min-height: 126px;
  min-width: 0;
  padding: 9px;
  background:
    radial-gradient(circle at 88% 0%, rgba(77, 174, 255, 0.1), transparent 40%),
    rgba(11, 19, 27, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.signature-finish-card.is-empty {
  grid-column: 1 / -1;
  min-height: 54px;
  align-content: center;
}

.signature-finish-card.is-selected {
  border-color: rgba(11, 124, 255, 0.48);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.72);
}

.signature-finish-card-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(96px, auto);
  gap: 4px 8px;
  min-height: 58px;
  align-content: center;
  padding: 8px;
  color: var(--white);
  text-align: left;
  background: rgba(6, 12, 18, 0.55);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.signature-finish-card-summary:hover,
.signature-finish-card-summary:focus-visible,
.signature-finish-card-actions button:hover,
.signature-finish-card-actions button:focus-visible {
  border-color: rgba(77, 174, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.signature-finish-card strong {
  color: var(--white);
  font-size: 0.82rem;
}

.signature-finish-card span {
  color: #9dd0ff;
  text-align: right;
}

.signature-finish-card em {
  grid-column: 1 / -1;
  color: var(--silver);
  font-style: normal;
}

.signature-finish-card-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.signature-finish-card-actions button {
  min-height: 34px;
  color: var(--white);
  background: rgba(25, 36, 47, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 950;
}

.signature-finish-card-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.68);
}

.signature-finish-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.signature-finish-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.signature-finish-actions button:first-child {
  background: rgba(11, 124, 255, 0.82);
  border-color: rgba(11, 124, 255, 0.9);
}

.signature-finish-actions button:last-child {
  background: var(--surface-strong);
  border-color: rgba(128, 186, 255, 0.38);
}

.recovery-action {
  width: 100%;
  margin-top: 10px;
}

.photo-stage {
  position: relative;
  min-height: 360px;
  overflow: hidden;
  background: linear-gradient(145deg, #dff3f0, #ffe2b5);
  border-radius: 8px;
  filter: brightness(var(--brightness, 1.05)) contrast(var(--contrast, 1.12)) saturate(var(--saturate, 1.18));
}

.photo-stage.is-before {
  filter: brightness(0.92) contrast(0.92) saturate(0.72);
}

.photo-stage.is-before::after {
  display: none;
}

.preview-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.preview-toggle button {
  min-height: 38px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.preview-toggle button.is-active {
  color: var(--white);
  background: var(--teal);
  border-color: var(--teal);
}

.selected-meta {
  min-height: 42px;
  margin-bottom: 12px;
  padding: 0 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

#selected-photo-preview {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.32);
}

.photo-stage.has-upload #selected-photo-preview {
  display: block;
}

.photo-stage.has-upload .photo-glow,
.photo-stage.has-upload .photo-person {
  display: none;
}

.photo-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(217, 119, 6, var(--warmth, 0.18));
  mix-blend-mode: soft-light;
}

.photo-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.7), transparent 32%),
    linear-gradient(180deg, rgba(11, 124, 255, 0.26), rgba(44, 51, 61, 0.38));
}

.photo-person {
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 170px;
  height: 240px;
  background: radial-gradient(circle at 50% 22%, #efc09a 0 23%, transparent 24%),
    linear-gradient(180deg, #101419 0 43%, #0b7cff 44% 100%);
  border-radius: 82px 82px 34px 34px;
  transform: translateX(-50%);
  box-shadow: 0 24px 42px rgba(17, 24, 39, 0.22);
}

.helper-text {
  margin: 14px 0 0;
}

.slider-list label {
  color: var(--ink);
}

.slider-list input {
  padding: 0;
  accent-color: var(--teal);
}

.enhance-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.enhance-grid div {
  min-height: 84px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.enhance-grid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.enhance-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.enhance-status {
  min-height: 74px;
  display: grid;
  align-content: center;
  gap: 6px;
  margin-bottom: 12px;
  padding: 12px;
  background: var(--green-soft);
  border: 1px solid #b7ddd6;
  border-radius: 8px;
}

.enhance-status strong {
  color: var(--teal);
}

.enhance-status span {
  color: var(--ink);
  font-weight: 800;
}

.enhance-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.enhance-actions button {
  min-height: 42px;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.enhance-actions button:first-child {
  color: var(--white);
  background: var(--teal);
  border-color: var(--teal);
}

.enhance-actions button:nth-child(2) {
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.style-panel p {
  margin-bottom: 16px;
}

.editor-workbench {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(230px, 0.58fr) minmax(380px, 1.1fr) minmax(170px, 0.42fr);
  gap: 12px;
  padding: 12px;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(11, 124, 255, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(35, 43, 53, 0.96), rgba(8, 16, 23, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.28);
}

.editor-workbench-copy {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}

.editor-workbench-copy span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.editor-workbench-copy strong {
  overflow: hidden;
  color: var(--white);
  font-size: clamp(1.2rem, 2.2vw, 2rem);
  line-height: 1.04;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.editor-workbench-copy em {
  color: var(--silver);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.4;
}

.editor-workbench-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.editor-workbench-actions button {
  min-height: 42px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.editor-workbench-actions button.is-ready,
.editor-workbench-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.editor-workbench-preview {
  position: relative;
  display: grid;
  min-height: 310px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(128, 186, 255, 0.16), transparent 42%),
    #05090d;
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.editor-workbench-preview img {
  width: 100%;
  height: 100%;
  min-height: 310px;
  object-fit: contain;
  background: #05090d;
}

.editor-workbench-preview span {
  max-width: 360px;
  padding: 22px;
  color: var(--silver);
  text-align: center;
  font-weight: 900;
  line-height: 1.5;
}

.editor-workbench-stats {
  display: grid;
  gap: 8px;
}

.editor-workbench-stats div {
  display: grid;
  align-content: center;
  min-height: 52px;
  padding: 9px 10px;
  background: rgba(16, 20, 25, 0.7);
  border: 1px solid rgba(199, 206, 216, 0.12);
  border-radius: 8px;
}

.editor-workbench-stats strong {
  overflow: hidden;
  color: var(--white);
  font-size: 1.12rem;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.editor-workbench-stats span {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 950;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.editor-workbench-filmstrip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  gap: 7px;
  min-height: 74px;
}

.editor-workbench-filmstrip button {
  position: relative;
  min-height: 74px;
  overflow: hidden;
  padding: 0;
  color: var(--white);
  background: var(--thumb-bg, rgba(16, 20, 25, 0.74));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.editor-workbench-filmstrip button.is-selected {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(11, 124, 255, 0.22);
}

.editor-workbench-filmstrip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.editor-workbench-filmstrip span {
  display: grid;
  height: 100%;
  padding: 7px;
  place-items: center;
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  text-align: center;
}

.editor-workbench-filmstrip em {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  overflow: hidden;
  padding: 3px 5px;
  color: var(--white);
  background: rgba(4, 8, 12, 0.72);
  border-radius: 6px;
  font-size: 0.6rem;
  font-style: normal;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivery-workbench {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(230px, 0.62fr) minmax(360px, 1fr) minmax(150px, 0.38fr);
  gap: 12px;
  padding: 12px;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(11, 124, 255, 0.14), transparent 38%),
    linear-gradient(180deg, rgba(35, 43, 53, 0.96), rgba(8, 16, 23, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.28);
}

.delivery-workbench-copy {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}

.delivery-workbench-copy span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.delivery-workbench-copy strong {
  overflow: hidden;
  color: var(--white);
  font-size: clamp(1.2rem, 2.2vw, 2rem);
  line-height: 1.04;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivery-workbench-copy em {
  color: var(--silver);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.4;
}

.delivery-workbench-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.delivery-workbench-actions button {
  min-height: 42px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.delivery-workbench-actions button.is-ready,
.delivery-workbench-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.delivery-workbench-preview {
  position: relative;
  display: grid;
  min-height: 300px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(128, 186, 255, 0.16), transparent 42%),
    #05090d;
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.delivery-workbench-preview img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: contain;
  background: #05090d;
}

.delivery-workbench-preview span {
  max-width: 360px;
  padding: 22px;
  color: var(--silver);
  text-align: center;
  font-weight: 900;
  line-height: 1.45;
}

.delivery-workbench-stats {
  display: grid;
  gap: 8px;
}

.delivery-workbench-stats div {
  display: grid;
  align-content: center;
  min-height: 56px;
  padding: 9px 10px;
  background: rgba(16, 20, 25, 0.7);
  border: 1px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
}

.delivery-workbench-stats strong {
  color: var(--white);
  font-size: 1.28rem;
  line-height: 1;
}

.delivery-workbench-stats span {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 950;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.delivery-launch-board {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.13), rgba(199, 206, 216, 0.08)),
    rgba(8, 14, 21, 0.84);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.delivery-launch-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.delivery-launch-heading div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.delivery-launch-heading span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.delivery-launch-heading strong,
.delivery-launch-heading em {
  overflow: hidden;
  color: var(--white);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivery-launch-heading strong {
  font-size: 1.05rem;
}

.delivery-launch-heading em {
  color: var(--silver);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 900;
  text-align: right;
}

.delivery-launch-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.delivery-launch-grid button {
  display: grid;
  min-height: 84px;
  align-content: center;
  gap: 5px;
  padding: 10px;
  color: var(--white);
  text-align: left;
  background:
    linear-gradient(145deg, rgba(41, 52, 65, 0.94), rgba(12, 19, 27, 0.98));
  border: 1px solid rgba(199, 206, 216, 0.15);
  border-radius: 8px;
  cursor: pointer;
}

.delivery-launch-grid button.is-ready {
  border-color: rgba(49, 209, 124, 0.54);
  box-shadow: inset 0 0 0 1px rgba(49, 209, 124, 0.12);
}

.delivery-launch-grid button.is-hold {
  border-color: rgba(255, 191, 56, 0.46);
}

.delivery-launch-grid button:hover,
.delivery-launch-grid button:focus-visible {
  border-color: rgba(11, 124, 255, 0.78);
  outline: none;
}

.delivery-launch-grid span,
.delivery-launch-grid strong,
.delivery-launch-grid em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivery-launch-grid span {
  color: #80baff;
  font-size: 0.67rem;
  font-weight: 950;
  text-transform: uppercase;
}

.delivery-launch-grid strong {
  font-size: 1.18rem;
  line-height: 1;
}

.delivery-launch-grid em {
  color: var(--muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
}

.flow-handoff-evidence-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.client-delivery-handoff-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.flow-handoff-evidence-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 76px;
  padding: 10px;
  background: rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.flow-handoff-evidence-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.88));
  border-color: rgba(128, 186, 255, 0.44);
}

.flow-handoff-evidence-card.is-hold {
  border-color: rgba(255, 191, 56, 0.36);
}

.client-delivery-handoff-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 78px;
  padding: 10px;
  background: linear-gradient(135deg, rgba(16, 24, 34, 0.88), rgba(8, 12, 18, 0.9));
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 8px;
}

.client-delivery-handoff-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.2), rgba(34, 45, 58, 0.88));
  border-color: rgba(128, 186, 255, 0.48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.client-delivery-handoff-card.is-hold {
  border-color: rgba(240, 207, 148, 0.34);
}

.client-send-readiness,
.client-view-proof {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(10, 16, 24, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.client-send-header,
.client-view-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.client-send-header div,
.client-view-proof-header div {
  display: grid;
  gap: 5px;
}

.client-send-header strong,
.client-view-proof-header strong {
  color: var(--white);
}

.client-send-header span,
.client-view-proof-header span {
  color: var(--muted);
  line-height: 1.4;
}

.client-send-header em,
.client-view-proof-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
}

.client-send-grid,
.client-view-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.client-send-grid article,
.client-view-proof-grid article {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 78px;
  padding: 10px;
  background: rgba(32, 39, 48, 0.7);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.client-send-grid article.is-ready,
.client-view-proof-grid article.is-ready {
  border-color: rgba(49, 209, 124, 0.44);
}

.client-send-grid article.is-hold,
.client-view-proof-grid article.is-hold {
  border-color: rgba(255, 191, 56, 0.42);
}

.client-send-grid strong,
.client-send-grid span,
.client-send-grid em,
.client-view-proof-grid strong,
.client-view-proof-grid span,
.client-view-proof-grid em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-send-grid strong,
.client-view-proof-grid strong {
  color: var(--white);
  font-size: 0.92rem;
}

.client-send-grid span,
.client-view-proof-grid span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-send-grid em,
.client-view-proof-grid em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.client-view-proof-next {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 9px 10px;
  color: #dce8f6;
  background: rgba(5, 10, 16, 0.62);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 900;
}

.client-send-actions,
.client-view-proof-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.client-send-actions button,
.client-view-proof-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.96);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.client-send-actions button:first-child,
.client-view-proof-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.72);
}

.flow-handoff-evidence-card strong,
.flow-handoff-evidence-card span,
.flow-handoff-evidence-card em,
.client-delivery-handoff-card strong,
.client-delivery-handoff-card span,
.client-delivery-handoff-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flow-handoff-evidence-card strong,
.client-delivery-handoff-card strong {
  color: var(--white);
  font-size: 0.88rem;
}

.flow-handoff-evidence-card span,
.client-delivery-handoff-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.flow-handoff-evidence-card em,
.client-delivery-handoff-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.delivery-launch-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.delivery-launch-actions button {
  min-height: 42px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.96);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.delivery-launch-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.6);
}

.delivery-workbench-filmstrip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 7px;
  min-height: 72px;
}

.delivery-workbench-filmstrip button {
  position: relative;
  min-height: 72px;
  overflow: hidden;
  padding: 0;
  color: var(--white);
  background: var(--thumb-bg, rgba(16, 20, 25, 0.74));
  border: 2px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
  cursor: pointer;
}

.delivery-workbench-filmstrip button.is-selected {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(11, 124, 255, 0.22);
}

.delivery-workbench-filmstrip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.delivery-workbench-filmstrip span {
  display: grid;
  height: 100%;
  padding: 7px;
  place-items: center;
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1.15;
}

.delivery-workbench-filmstrip em {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  overflow: hidden;
  padding: 3px 5px;
  color: var(--white);
  background: rgba(5, 9, 13, 0.72);
  border-radius: 999px;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 950;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 12px;
}

.style-list button {
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
}

.style-list button.is-selected {
  color: var(--white);
  background: var(--violet);
  border-color: var(--violet);
}

.qr-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  width: min(220px, 100%);
  aspect-ratio: 1;
  margin-bottom: 16px;
  padding: 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.qr-box div {
  background: var(--surface-strong);
  border-radius: 4px;
}

.qr-box div:nth-child(3n) {
  background: var(--teal);
}

.share-package label {
  gap: 6px;
}

.share-package span {
  min-height: 36px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.share-package span.is-ready {
  color: var(--teal);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.qr-campaign {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.qr-campaign > strong {
  color: var(--ink);
}

.qr-campaign-grid,
.qr-campaign-summary,
.qr-campaign-command-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.qr-campaign label {
  gap: 6px;
}

.qr-campaign-summary div {
  min-height: 68px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.qr-campaign-summary strong,
.qr-campaign-summary span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qr-campaign-summary strong {
  color: var(--ink);
  font-size: 0.95rem;
}

.qr-campaign-summary span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.qr-campaign button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.qr-campaign-command-card button {
  display: grid;
  align-content: start;
  gap: 6px;
  width: 100%;
  min-height: 124px;
  padding: 12px;
  color: #edf6ff;
  text-align: left;
  background:
    radial-gradient(circle at 88% 0%, rgba(11, 124, 255, 0.18), transparent 36%),
    linear-gradient(145deg, rgba(27, 42, 56, 0.96), rgba(7, 14, 20, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.qr-campaign-command-card.is-ready button,
.qr-campaign-command-card button:hover,
.qr-campaign-command-card button:focus-visible {
  border-color: rgba(34, 197, 94, 0.52);
  box-shadow: 0 16px 34px rgba(34, 197, 94, 0.14);
  outline: none;
}

.qr-campaign-command-card span,
.qr-campaign-command-card strong,
.qr-campaign-command-card em,
.qr-campaign-command-card i {
  overflow: hidden;
  text-overflow: ellipsis;
}

.qr-campaign-command-card span {
  color: #19c3ff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.qr-campaign-command-card strong {
  color: #ffffff;
  font-size: clamp(1.15rem, 1.7vw, 1.55rem);
  line-height: 1.05;
}

.qr-campaign-command-card em,
.qr-campaign-command-card i {
  color: #c7d2df;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.qr-campaign-command-card i {
  color: #8fb3d9;
}

.access-result {
  min-height: 48px;
  display: grid;
  align-items: center;
  margin-top: 12px;
  padding: 0 14px;
  color: var(--muted);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.access-result.is-unlocked {
  color: var(--teal);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.download-permission-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.download-permission-grid label {
  min-height: 48px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 900;
}

.download-permission-grid input {
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  accent-color: var(--teal);
}

.download-permission-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.download-permission-summary div {
  min-height: 80px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.download-permission-summary strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1.1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.download-permission-summary span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.download-permission-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.download-permission-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.download-permission-actions button:first-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.approval-gate-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.approval-gate-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.approval-gate-grid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1.08rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.approval-gate-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.approval-gate-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.approval-gate-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.approval-gate-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.approval-gate-card-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.approval-gate-card {
  min-width: 0;
}

.approval-gate-card button {
  width: 100%;
  min-height: 106px;
  display: grid;
  align-content: space-between;
  gap: 8px;
  padding: 12px;
  color: #eaf4ff;
  text-align: left;
  background: linear-gradient(145deg, rgba(12, 23, 38, 0.96), rgba(21, 33, 48, 0.9));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.approval-gate-card.is-ready button {
  border-color: rgba(32, 199, 255, 0.42);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.8), 0 14px 28px rgba(0, 0, 0, 0.18);
}

.approval-gate-card strong,
.approval-gate-card span,
.approval-gate-card em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.approval-gate-card strong {
  color: #f8fbff;
  font-size: 0.86rem;
  font-weight: 950;
  white-space: nowrap;
}

.approval-gate-card span {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
}

.approval-gate-card em {
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  color: #80baff;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(11, 124, 255, 0.14);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 999px;
}

.approval-gate-card button:hover,
.approval-gate-card button:focus-visible {
  border-color: rgba(128, 186, 255, 0.72);
  outline: none;
  transform: translateY(-1px);
}

.approval-note {
  min-height: 46px;
  display: grid;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.approval-note.is-ready {
  color: var(--teal);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.campaign-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.campaign-grid div {
  min-height: 78px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.campaign-grid strong {
  color: var(--ink);
  font-size: 1.15rem;
}

.campaign-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.campaign-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.campaign-actions button {
  min-height: 42px;
  color: var(--ink);
  background: var(--amber-soft);
  border: 1px solid #f0cf94;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.campaign-actions button:last-child {
  color: var(--white);
  background: var(--surface-strong);
  border-color: var(--ink);
}

.campaign-command-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.campaign-command-card {
  min-width: 0;
}

.campaign-command-card button {
  width: 100%;
  min-height: 106px;
  display: grid;
  align-content: space-between;
  gap: 8px;
  padding: 12px;
  color: #eaf4ff;
  text-align: left;
  background: linear-gradient(145deg, rgba(12, 23, 38, 0.96), rgba(21, 33, 48, 0.9));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.campaign-command-card.is-ready button {
  border-color: rgba(32, 199, 255, 0.42);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.8), 0 14px 28px rgba(0, 0, 0, 0.18);
}

.campaign-command-card strong,
.campaign-command-card span,
.campaign-command-card em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.campaign-command-card strong {
  color: #f8fbff;
  font-size: 0.86rem;
  font-weight: 950;
  white-space: nowrap;
}

.campaign-command-card span {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
}

.campaign-command-card em {
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  color: #80baff;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(11, 124, 255, 0.14);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 999px;
}

.campaign-command-card button:hover,
.campaign-command-card button:focus-visible {
  border-color: rgba(128, 186, 255, 0.72);
  outline: none;
  transform: translateY(-1px);
}

.campaign-delivery-proof {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background: rgba(7, 16, 25, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.campaign-delivery-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.campaign-delivery-proof-header div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.campaign-delivery-proof-header strong,
.campaign-delivery-proof-header span,
.campaign-delivery-proof-header em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.campaign-delivery-proof-header strong {
  color: #f8fbff;
  font-weight: 950;
}

.campaign-delivery-proof-header span {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.78rem;
  font-weight: 850;
}

.campaign-delivery-proof-header em {
  color: #80baff;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.campaign-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.campaign-proof-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 74px;
  padding: 10px;
  background: rgba(18, 30, 45, 0.86);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.campaign-proof-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.campaign-proof-card.is-hold {
  border-color: rgba(245, 158, 11, 0.36);
}

.campaign-proof-card strong,
.campaign-proof-card span,
.campaign-proof-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.campaign-proof-card strong {
  color: #f8fbff;
  font-size: 0.9rem;
  font-weight: 950;
}

.campaign-proof-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.campaign-proof-card em {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.client-request-proof {
  display: grid;
  gap: 10px;
  margin: 0 0 12px;
  padding: 12px;
  background: rgba(7, 16, 25, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.client-request-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.client-request-proof-header div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.client-request-proof-header strong,
.client-request-proof-header span,
.client-request-proof-header em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.client-request-proof-header strong {
  color: #f8fbff;
  font-weight: 950;
}

.client-request-proof-header span {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.78rem;
  font-weight: 850;
}

.client-request-proof-header em {
  color: #80baff;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.client-request-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.client-request-proof-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 74px;
  padding: 10px;
  background: rgba(18, 30, 45, 0.86);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.client-request-proof-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.client-request-proof-card.is-hold {
  border-color: rgba(245, 158, 11, 0.36);
}

.client-request-proof-card strong,
.client-request-proof-card span,
.client-request-proof-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-request-proof-card strong {
  color: #f8fbff;
  font-size: 0.9rem;
  font-weight: 950;
}

.client-request-proof-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-request-proof-card em {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.delivery-audit-panel {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  background: rgba(7, 16, 25, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.delivery-audit-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.delivery-audit-header div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.delivery-audit-header strong,
.delivery-audit-header span,
.delivery-audit-header em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.delivery-audit-header strong {
  color: #f8fbff;
  font-weight: 950;
}

.delivery-audit-header span {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.78rem;
  font-weight: 850;
}

.delivery-audit-header em {
  color: #80baff;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.delivery-audit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.delivery-audit-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 74px;
  padding: 10px;
  background: rgba(18, 30, 45, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.delivery-audit-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.delivery-audit-card.is-hold {
  border-color: rgba(245, 158, 11, 0.36);
}

.delivery-audit-card strong,
.delivery-audit-card span,
.delivery-audit-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivery-audit-card strong {
  color: #f8fbff;
  font-size: 0.9rem;
  font-weight: 950;
}

.delivery-audit-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.delivery-audit-card em {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.delivery-audit-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.delivery-audit-actions button {
  min-height: 42px;
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  background: rgba(21, 34, 51, 0.92);
  color: #f8fbff;
  font-weight: 950;
}

.delivery-audit-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0cc8ff);
}

.delivery-audit-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.export-preset-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.export-preset-grid label {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 900;
}

.export-preset-grid input {
  width: auto;
  accent-color: var(--teal);
}

.export-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.export-summary div {
  min-height: 78px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--green-soft);
  border: 1px solid #b7ddd6;
  border-radius: 8px;
}

.export-summary strong {
  overflow: hidden;
  color: var(--teal);
  font-size: 1.15rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-summary span {
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.export-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.export-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.export-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.export-command-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.export-command-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.72fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(0, 122, 255, 0.15), transparent 46%),
    var(--surface);
  border: 1px solid rgba(114, 139, 162, 0.34);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

.export-command-card.is-ready {
  border-color: rgba(34, 197, 94, 0.54);
}

.export-command-card.is-hold {
  border-color: rgba(245, 158, 11, 0.62);
}

.export-command-card:hover,
.export-command-card:focus-within {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
}

.export-command-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  gap: 12px;
  align-items: center;
  min-height: 38px;
}

.export-command-copy,
.export-command-meta {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.export-command-copy {
  grid-template-columns: minmax(130px, 0.32fr) minmax(90px, 0.2fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.export-command-main strong,
.export-command-main span,
.export-command-main em,
.export-command-main b,
.export-command-main i {
  display: block;
  min-width: 0;
}

.export-command-main strong {
  overflow: hidden;
  color: var(--white);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-command-main span {
  color: var(--blue-bright);
  font-size: 0.78rem;
  font-weight: 950;
}

.export-command-main em {
  overflow: hidden;
  color: var(--muted);
  font-style: normal;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-command-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.export-command-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.export-command-meta b {
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.export-command-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.export-command-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 950;
}

.export-command-actions button:nth-child(2) {
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.95), rgba(0, 75, 190, 0.88));
  border-color: rgba(109, 191, 255, 0.5);
}

.export-command-actions button:nth-child(3) {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.9), rgba(217, 119, 6, 0.78));
  border-color: rgba(252, 211, 77, 0.42);
}

.export-command-actions button:nth-child(4) {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.9), rgba(22, 163, 74, 0.78));
  border-color: rgba(134, 239, 172, 0.44);
}

.export-command-actions button:hover,
.export-command-actions button:focus-visible {
  filter: brightness(1.12);
  outline: 0;
  transform: translateY(-1px);
}

.export-list {
  display: grid;
  gap: 8px;
}

.export-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.export-list strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-packet {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.export-packet > strong {
  color: var(--ink);
  font-size: 0.92rem;
  font-weight: 950;
}

.export-packet-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.export-packet-grid div {
  min-height: 68px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.export-packet-grid em {
  overflow: hidden;
  color: var(--teal);
  font-style: normal;
  font-size: 1.02rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-packet-grid span,
.export-packet-list span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.export-packet-list {
  display: grid;
  gap: 7px;
}

.export-packet-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 38px;
  align-items: center;
  padding: 0 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.export-packet-list strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-packet-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(0, 122, 255, 0.14), transparent 48%),
    var(--surface);
  border: 1px solid rgba(114, 139, 162, 0.34);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.export-packet-card.is-ready {
  border-color: rgba(34, 197, 94, 0.54);
}

.export-packet-card.is-built {
  border-color: rgba(0, 122, 255, 0.62);
}

.export-packet-card.is-review {
  border-color: rgba(245, 158, 11, 0.46);
}

.export-packet-card:hover,
.export-packet-card:focus-within {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
}

.export-packet-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  gap: 10px;
  align-items: center;
  min-height: 40px;
  padding: 0;
  color: var(--muted);
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.export-packet-copy,
.export-packet-meta {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.export-packet-card-select:focus-visible {
  outline: 2px solid rgba(0, 122, 255, 0.75);
  outline-offset: 3px;
}

.export-packet-card strong,
.export-packet-card span,
.export-packet-card em,
.export-packet-card b,
.export-packet-card i {
  display: block;
  min-width: 0;
}

.export-packet-card strong {
  overflow: hidden;
  color: var(--white);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-packet-card span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 850;
  text-transform: uppercase;
}

.export-packet-card em {
  color: var(--blue-bright);
  font-style: normal;
  font-weight: 950;
}

.export-packet-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.export-packet-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.export-packet-meta b {
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.export-packet-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.export-packet-list .export-packet-card-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}

.export-packet-card-actions button {
  min-height: 36px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 950;
}

.export-packet-card-actions button:nth-child(2) {
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.95), rgba(0, 75, 190, 0.88));
  border-color: rgba(109, 191, 255, 0.5);
}

.export-packet-card-actions button:nth-child(3) {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.9), rgba(217, 119, 6, 0.78));
  border-color: rgba(252, 211, 77, 0.42);
}

.export-packet-card-actions button:nth-child(4) {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.9), rgba(22, 163, 74, 0.78));
  border-color: rgba(134, 239, 172, 0.44);
}

.export-packet-card-actions button:hover,
.export-packet-card-actions button:focus-visible,
.export-packet-card-select:hover strong,
.export-packet-card-select:focus-visible strong {
  filter: brightness(1.12);
  outline: 0;
  transform: translateY(-1px);
}

.export-packet-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.export-packet-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.export-packet-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.preflight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.preflight-grid div {
  min-height: 78px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.preflight-grid strong {
  overflow: hidden;
  color: var(--teal);
  font-size: 1.12rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preflight-grid span {
  color: var(--ink);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.preflight-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.preflight-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 44px;
  align-items: center;
  padding: 0 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.preflight-list strong {
  overflow: hidden;
  color: var(--ink);
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preflight-list span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.preflight-list span.is-ready {
  color: var(--teal);
}

.preflight-list span.is-hold {
  color: #b74f22;
}

.preflight-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.preflight-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.preflight-card.is-hold {
  border-color: rgba(245, 158, 11, 0.36);
}

.preflight-card:hover,
.preflight-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.preflight-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.65fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.preflight-card-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.preflight-card strong,
.preflight-card span,
.preflight-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preflight-card strong {
  color: var(--ink);
  font-weight: 900;
}

.preflight-card span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.preflight-card em {
  color: #b7c7d9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.preflight-card em.is-ready {
  color: #80baff;
}

.preflight-card em.is-hold {
  color: #f0cf94;
}

.preflight-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.preflight-card-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.preflight-card-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.preflight-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.preflight-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.preflight-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.preflight-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.preflight-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.preflight-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.preflight-card-actions button:hover,
.preflight-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.preflight-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.preflight-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.preflight-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.release-gate-panel {
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.14), rgba(199, 206, 216, 0.08)),
    var(--surface);
  border-color: rgba(128, 186, 255, 0.26);
}

.release-gate-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.release-gate-grid div {
  min-height: 78px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: rgba(16, 20, 25, 0.82);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 8px;
}

.release-gate-grid strong {
  overflow: hidden;
  color: var(--white);
  font-size: 1.15rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.release-gate-grid span {
  color: #aeb8c7;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.release-gate-note {
  margin-bottom: 12px;
  padding: 12px;
  color: #d7dfeb;
  background: rgba(11, 124, 255, 0.1);
  border: 1px solid rgba(11, 124, 255, 0.24);
  border-radius: 8px;
  font-weight: 800;
  line-height: 1.45;
}

.release-gate-note.is-ready {
  color: #dbeafe;
  border-color: rgba(11, 124, 255, 0.42);
}

.release-gate-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.release-gate-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.release-gate-select {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(260px, 0.72fr);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.release-gate-number {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #d9efff;
  background: rgba(11, 124, 255, 0.18);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 950;
}

.release-gate-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.release-gate-copy em {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: none;
}

.release-gate-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.release-gate-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.release-gate-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.release-gate-card:hover,
.release-gate-card:focus-within {
  border-color: rgba(128, 186, 255, 0.54);
  outline: none;
  transform: translateY(-1px);
}

.release-gate-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.release-gate-list strong,
.release-gate-list span,
.release-gate-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.release-gate-list strong {
  color: var(--ink);
  font-weight: 900;
}

.release-gate-list > span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.release-gate-list em {
  color: #b7c7d9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.release-gate-list em.is-ready {
  color: #80baff;
}

.release-gate-list em.is-hold {
  color: #f0cf94;
}

.release-gate-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.release-gate-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.release-gate-card-actions button:nth-child(1) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.release-gate-card-actions button:nth-child(2) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.release-gate-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.release-gate-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.release-gate-card-actions button:hover,
.release-gate-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.release-gate-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.release-gate-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--blue);
  border: 1px solid #66b2ff;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.release-gate-actions button:nth-child(2) {
  background: rgba(217, 119, 6, 0.36);
  border-color: rgba(240, 207, 148, 0.7);
}

.release-gate-actions button:last-child {
  background: rgba(232, 237, 245, 0.08);
  border-color: rgba(232, 237, 245, 0.18);
}

.email-campaign-panel textarea {
  width: 100%;
  min-height: 146px;
  resize: vertical;
}

.portal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.portal-grid button {
  display: grid;
  min-height: 72px;
  place-items: center;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.portal-grid button:hover {
  border-color: var(--teal);
}

.proofing-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.proofing-actions button {
  min-height: 42px;
  color: var(--ink);
  background: var(--blue-soft);
  border: 1px solid #c8d7ff;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.proofing-actions button:nth-child(3) {
  color: var(--white);
  background: var(--teal);
  border-color: var(--teal);
}

.activity-feed {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.issue-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.issue-strip span {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 0 10px;
  color: var(--ink);
  background: var(--amber-soft);
  border: 1px solid #f0cf94;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.style-profile-card {
  margin-bottom: 12px;
  padding: 14px;
  background: var(--violet-soft);
  border: 1px solid #cfc8ff;
  border-radius: 8px;
}

.recipe-summary {
  min-height: 42px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.recipe-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.recipe-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.recipe-actions button:last-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.edit-history {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.edit-history > strong {
  color: var(--ink);
}

.edit-history-summary,
.edit-history-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.edit-history-summary div {
  min-height: 62px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.edit-history-summary em,
.edit-history-summary span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.edit-history-summary em {
  color: var(--ink);
  font-style: normal;
  font-weight: 900;
}

.edit-history-summary span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.edit-history-list {
  display: grid;
  gap: 8px;
}

.edit-history-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 38px;
  align-items: center;
  padding: 0 10px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.edit-history-list strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.edit-history-list span {
  color: var(--violet);
  font-weight: 900;
}

.edit-history-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--violet);
  border: 1px solid var(--violet);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.edit-history-actions button:last-child {
  color: var(--ink);
  background: var(--violet-soft);
  border-color: #cfc8ff;
}

.manual-workorder {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.1), rgba(199, 206, 216, 0.08));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.manual-workorder > strong {
  color: var(--ink);
}

.manual-workorder-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.manual-workorder-summary div {
  min-height: 62px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.manual-workorder-summary em,
.manual-workorder-summary span,
.manual-workorder-list strong,
.manual-workorder-list span,
.manual-workorder-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manual-workorder-summary em {
  color: #0b7cff;
  font-style: normal;
  font-weight: 950;
}

.manual-workorder-summary span,
.manual-workorder-list span,
.manual-workorder-list em {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.manual-workorder-list {
  display: grid;
  gap: 7px;
}

.manual-workorder-list div {
  min-height: 40px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.7fr) minmax(64px, auto);
  gap: 8px;
  align-items: center;
  padding: 0 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.manual-workorder-list strong {
  color: var(--ink);
  font-size: 0.82rem;
}

.manual-workorder-list em {
  justify-self: end;
  color: #0b7cff;
  font-style: normal;
}

.manual-workorder-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.manual-workorder-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.82);
  border: 1px solid rgba(11, 124, 255, 0.9);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.manual-workorder-actions button:last-child {
  color: var(--ink);
  background: var(--violet-soft);
  border-color: #cfc8ff;
}

.style-profile-card > strong {
  display: block;
  margin-bottom: 10px;
  color: var(--violet);
}

.style-profile-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.style-profile-metrics span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-height: 34px;
  align-items: center;
  padding: 0 10px;
  background: var(--surface);
  border: 1px solid #d9d4ff;
  border-radius: 8px;
  color: var(--muted);
  font-weight: 800;
}

.style-profile-metrics em {
  color: var(--ink);
  font-style: normal;
  font-weight: 900;
}

.training-history {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.style-checkpoint {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.style-checkpoint > strong {
  color: var(--ink);
}

.style-checkpoint-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.style-checkpoint-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.style-checkpoint-grid em,
.style-checkpoint-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style-checkpoint-grid em {
  color: var(--ink);
  font-style: normal;
  font-weight: 900;
}

.style-checkpoint-grid span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.style-checkpoint button {
  min-height: 40px;
  color: var(--white);
  background: var(--violet);
  border: 1px solid var(--violet);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.style-comparator {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.style-comparator > strong {
  color: var(--ink);
}

.style-comparator-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.style-comparator-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.style-comparator-grid em {
  overflow: hidden;
  color: var(--violet);
  font-style: normal;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style-comparator-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.style-comparator-note {
  min-height: 40px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.style-comparator-note.is-synced {
  color: var(--teal);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.style-comparator-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.style-comparator-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--violet);
  border: 1px solid var(--violet);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.style-comparator-actions button:last-child {
  color: var(--ink);
  background: var(--violet-soft);
  border-color: #cfc8ff;
}

.style-memory-panel {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.1), rgba(199, 206, 216, 0.08));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.style-memory-panel > strong {
  color: var(--ink);
}

.style-memory-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.style-memory-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.style-memory-grid em,
.style-memory-grid span,
.style-memory-list strong,
.style-memory-list span,
.style-memory-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style-memory-grid em {
  color: #0b7cff;
  font-style: normal;
  font-weight: 950;
}

.style-memory-grid span,
.style-memory-list span,
.style-memory-list em {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.style-memory-list {
  display: grid;
  gap: 7px;
}

.style-memory-list div {
  min-height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.65fr) minmax(70px, auto);
  gap: 8px;
  align-items: center;
  padding: 0 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.style-memory-list strong {
  color: var(--ink);
  font-size: 0.82rem;
}

.style-memory-list em {
  justify-self: end;
  font-style: normal;
}

.style-memory-list em.is-ready {
  color: #0b7cff;
}

.style-memory-list em.is-hold {
  color: #b74f22;
}

.style-memory-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.style-memory-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.82);
  border: 1px solid rgba(11, 124, 255, 0.9);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.style-memory-actions button:nth-child(2) {
  background: var(--violet);
  border-color: var(--violet);
}

.style-memory-actions button:last-child {
  color: var(--ink);
  background: var(--violet-soft);
  border-color: #cfc8ff;
}

.training-history > strong {
  color: var(--ink);
}

.training-history div {
  display: grid;
  gap: 8px;
}

.training-history span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 36px;
  align-items: center;
  padding: 0 10px;
  color: var(--muted);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.training-history em {
  color: var(--violet);
  font-style: normal;
  font-weight: 900;
}

.style-match-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.style-match-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.style-match-grid strong,
.style-match-grid span {
  display: block;
}

.style-match-grid strong {
  margin-bottom: 10px;
  color: var(--ink);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.style-match-grid span {
  color: var(--muted);
  font-weight: 900;
}

.style-match-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.style-match-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--violet);
  border: 1px solid var(--violet);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.style-match-actions button:first-child {
  color: var(--ink);
  background: var(--violet-soft);
  border-color: #cfc8ff;
}

.style-drift-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.style-drift-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.style-drift-grid strong {
  overflow: hidden;
  color: var(--violet);
  font-size: 1.12rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style-drift-grid span,
.style-drift-list span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.style-drift-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.style-drift-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.style-drift-list strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style-drift-list span.is-locked {
  color: var(--teal);
}

.style-drift-list span.is-watch {
  color: #b74f22;
}

.style-drift-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.style-drift-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--violet);
  border: 1px solid var(--violet);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.style-drift-actions button:last-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.ready-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.ready-review-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.ready-review-grid strong {
  overflow: hidden;
  color: var(--teal);
  font-size: 1.12rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ready-review-grid span,
.ready-review-card span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.ready-review-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.ready-review-card {
  display: grid;
  gap: 8px;
  min-height: 126px;
  padding: 9px;
  background:
    radial-gradient(circle at 88% 0%, rgba(77, 174, 255, 0.1), transparent 40%),
    rgba(11, 19, 27, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.ready-review-card.is-promote {
  border-color: rgba(45, 214, 117, 0.34);
}

.ready-review-card.is-retouch {
  border-color: rgba(255, 91, 118, 0.32);
}

.ready-review-card.is-empty {
  grid-column: 1 / -1;
  min-height: 54px;
  align-content: center;
}

.ready-review-card-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  min-height: 58px;
  align-content: center;
  padding: 8px;
  color: var(--white);
  text-align: left;
  background: rgba(6, 12, 18, 0.55);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.ready-review-card-summary:hover,
.ready-review-card-summary:focus-visible,
.ready-review-card-actions button:hover,
.ready-review-card-actions button:focus-visible {
  border-color: rgba(77, 174, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.ready-review-card strong,
.ready-review-card span,
.ready-review-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ready-review-card strong {
  color: var(--white);
  font-size: 0.86rem;
  font-weight: 900;
}

.ready-review-card span {
  color: #9dd0ff;
  text-align: right;
}

.ready-review-card em {
  grid-column: 1 / -1;
  color: var(--silver);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.ready-review-card.is-promote em {
  color: var(--teal);
}

.ready-review-card.is-retouch em {
  color: #ff879d;
}

.ready-review-card-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.ready-review-card-actions button {
  min-height: 34px;
  color: var(--white);
  background: rgba(25, 36, 47, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 950;
}

.ready-review-card-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(128, 186, 255, 0.68);
}

.ready-review-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ready-review-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.ready-review-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.client-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 10px;
}

.client-list-header span {
  color: var(--muted);
  font-weight: 800;
}

.client-list {
  display: grid;
  gap: 8px;
}

.client-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.client-list span {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-list em {
  color: var(--teal);
  font-style: normal;
  font-weight: 900;
}

.client-panel .secondary-action {
  width: 100%;
  margin-top: 12px;
}

.enhance-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.enhance-plan-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.enhance-plan-grid strong,
.enhance-plan-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.enhance-plan-grid strong {
  color: var(--ink);
  font-size: 1.15rem;
}

.enhance-plan-grid span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.enhance-plan-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.enhance-plan-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.enhance-plan-list strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.enhance-plan-list span.is-safe {
  color: var(--teal);
}

.enhance-plan-list span.is-manual {
  color: var(--rose);
}

.enhance-plan-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.enhance-plan-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.enhance-plan-actions button:last-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.retouch-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.retouch-summary div {
  min-height: 84px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.retouch-summary strong,
.retouch-summary span {
  display: block;
}

.retouch-summary strong {
  margin-bottom: 10px;
  color: var(--ink);
  font-size: clamp(1.35rem, 2vw, 1.9rem);
}

.retouch-summary span {
  color: var(--muted);
  font-weight: 900;
}

.retouch-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.retouch-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.retouch-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.retouch-list {
  display: grid;
  gap: 8px;
}

.retouch-list > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  min-height: 48px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  text-align: left;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 800;
}

.retouch-list > button.is-selected {
  border-color: var(--teal);
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.14);
}

.retouch-list > button strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.retouch-list > button em {
  color: var(--teal);
  font-style: normal;
  font-weight: 900;
}

.retouch-card {
  display: grid;
  gap: 10px;
  padding: 10px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.retouch-card.is-selected {
  border-color: rgba(128, 186, 255, 0.7);
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.retouch-card:hover,
.retouch-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.retouch-card-select {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) minmax(92px, auto) minmax(70px, auto);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.retouch-card-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.retouch-card-thumb {
  display: grid;
  width: 64px;
  aspect-ratio: 1 / 0.72;
  place-items: center;
  overflow: hidden;
  color: #d7dfeb;
  text-align: center;
  background: var(--thumb-bg);
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 6px;
}

.retouch-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.retouch-card-thumb em {
  padding: 4px;
  color: #d7dfeb;
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 850;
  white-space: normal;
}

.retouch-card strong,
.retouch-card span,
.retouch-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.retouch-card strong {
  color: var(--white);
  font-size: 0.86rem;
  font-weight: 950;
}

.retouch-card span {
  color: #bac4d3;
  font-size: 0.74rem;
  font-weight: 850;
}

.retouch-card em {
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.retouch-card .retouch-card-thumb em {
  overflow: visible;
  padding: 4px;
  color: #d7dfeb;
  font-size: 0.56rem;
  line-height: 1.05;
  text-align: center;
  text-overflow: clip;
  white-space: normal;
  word-break: break-word;
}

.retouch-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.retouch-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.retouch-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.retouch-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.retouch-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.retouch-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.retouch-card-actions button:hover,
.retouch-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.assignment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.assignment-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.assignment-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.assignment-actions button:last-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.assignment-list {
  display: grid;
  gap: 8px;
}

.assignment-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  min-height: 44px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.assignment-list strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assignment-list em {
  color: var(--teal);
  font-style: normal;
  font-weight: 900;
}

.assignment-card,
.retouch-qa-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(0, 122, 255, 0.14), transparent 48%),
    var(--surface);
  border: 1px solid rgba(114, 139, 162, 0.34);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

.assignment-card.is-selected,
.retouch-qa-card.is-selected {
  border-color: rgba(0, 122, 255, 0.78);
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.18), 0 18px 32px rgba(0, 0, 0, 0.28);
}

.assignment-card:hover,
.assignment-card:focus-within,
.retouch-qa-card:hover,
.retouch-qa-card:focus-within {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
}

.assignment-card-select,
.retouch-qa-card-select {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-height: 62px;
  padding: 0;
  color: var(--muted);
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.assignment-card-select:focus-visible,
.retouch-qa-card-select:focus-visible {
  outline: 2px solid rgba(0, 122, 255, 0.75);
  outline-offset: 3px;
}

.assignment-card-thumb,
.retouch-qa-card-thumb {
  display: grid;
  width: 58px;
  height: 50px;
  place-items: center;
  overflow: hidden;
  color: var(--white);
  background: var(--thumb-bg, #202730);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
}

.assignment-card-thumb img,
.retouch-qa-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.assignment-card-thumb em,
.retouch-qa-card-thumb em {
  padding: 5px;
  font-size: 0.58rem;
  line-height: 1.1;
  text-align: center;
}

.assignment-card strong,
.assignment-card span,
.assignment-card em,
.retouch-qa-card strong,
.retouch-qa-card span,
.retouch-qa-card em {
  display: block;
  min-width: 0;
}

.assignment-card strong,
.retouch-qa-card strong {
  overflow: hidden;
  color: var(--white);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assignment-card span,
.retouch-qa-card span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.assignment-card em,
.retouch-qa-card em {
  color: var(--blue-bright);
  font-style: normal;
  font-weight: 950;
}

.assignment-card .assignment-card-thumb em,
.retouch-qa-card .retouch-qa-card-thumb em {
  color: var(--white);
}

.assignment-card-actions,
.retouch-qa-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.assignment-card-actions button,
.retouch-qa-card-actions button {
  min-height: 36px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 950;
}

.assignment-card-actions button:nth-child(2),
.retouch-qa-card-actions button:nth-child(2) {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.9), rgba(22, 163, 74, 0.78));
  border-color: rgba(134, 239, 172, 0.44);
}

.assignment-card-actions button:nth-child(3),
.retouch-qa-card-actions button:nth-child(3) {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.92), rgba(217, 119, 6, 0.78));
  border-color: rgba(252, 211, 77, 0.42);
}

.assignment-card-actions button:nth-child(4),
.retouch-qa-card-actions button:nth-child(4) {
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.95), rgba(0, 75, 190, 0.88));
  border-color: rgba(109, 191, 255, 0.5);
}

.assignment-card-actions button:hover,
.assignment-card-actions button:focus-visible,
.retouch-qa-card-actions button:hover,
.retouch-qa-card-actions button:focus-visible {
  filter: brightness(1.12);
  outline: 0;
  transform: translateY(-1px);
}

.retouch-qa-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.retouch-qa-grid div {
  min-height: 82px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.retouch-qa-grid strong,
.retouch-qa-grid span {
  display: block;
}

.retouch-qa-grid strong {
  margin-bottom: 8px;
  color: var(--ink);
  font-size: 1.35rem;
}

.retouch-qa-grid span {
  color: var(--muted);
  font-weight: 900;
}

.retouch-qa-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.retouch-qa-list > button,
.retouch-qa-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  min-height: 44px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  text-align: left;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.retouch-qa-list > button {
  cursor: pointer;
}

.retouch-qa-list > button.is-selected {
  border-color: var(--teal);
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.14);
}

.retouch-qa-list strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.retouch-qa-list em {
  color: var(--teal);
  font-style: normal;
  font-weight: 900;
}

.retouch-qa-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.retouch-qa-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.retouch-qa-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.retouch-return-panel {
  display: grid;
  gap: 14px;
}

.retouch-return-status {
  display: grid;
  gap: 5px;
  padding: 14px;
  background:
    linear-gradient(135deg, rgba(0, 122, 255, 0.16), rgba(18, 24, 32, 0.94)),
    var(--surface);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
}

.retouch-return-status strong,
.retouch-return-status span {
  display: block;
}

.retouch-return-status strong {
  color: var(--white);
  font-size: 1.08rem;
  font-weight: 950;
}

.retouch-return-status span {
  color: #b9c7d8;
  font-weight: 850;
}

.retouch-return-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.retouch-return-card {
  min-height: 112px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.retouch-return-card.is-ready {
  border-color: rgba(54, 211, 153, 0.5);
  box-shadow: inset 0 0 0 1px rgba(54, 211, 153, 0.12);
}

.retouch-return-card.is-hold {
  border-color: rgba(245, 158, 11, 0.36);
}

.retouch-return-card strong,
.retouch-return-card span,
.retouch-return-card em {
  display: block;
  min-width: 0;
}

.retouch-return-card strong {
  color: var(--white);
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  font-weight: 950;
}

.retouch-return-card span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.retouch-return-card em {
  color: #b9c7d8;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.25;
}

.retouch-return-list {
  display: grid;
  gap: 8px;
}

.retouch-return-list > button,
.retouch-return-list > div {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) minmax(100px, auto) minmax(110px, auto);
  gap: 10px;
  min-height: 70px;
  align-items: center;
  padding: 10px;
  color: var(--muted);
  text-align: left;
  background: rgba(17, 31, 45, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  font-weight: 850;
}

.retouch-return-list > button {
  cursor: pointer;
}

.retouch-return-list > button:hover,
.retouch-return-list > button:focus-visible {
  border-color: rgba(128, 186, 255, 0.68);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.12);
}

.retouch-return-thumb {
  display: grid;
  width: 64px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  place-items: center;
  color: var(--white);
  background: var(--thumb-bg, #202730);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
}

.retouch-return-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.retouch-return-thumb em {
  padding: 5px;
  color: var(--white);
  font-size: 0.56rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.08;
  text-align: center;
}

.retouch-return-list strong,
.retouch-return-list span,
.retouch-return-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.retouch-return-list strong {
  color: var(--white);
  font-size: 0.88rem;
  font-weight: 950;
}

.retouch-return-list span {
  color: #b9c7d8;
  font-size: 0.74rem;
  font-weight: 850;
}

.retouch-return-list em {
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.retouch-return-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.retouch-return-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.retouch-return-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.76);
}

.retouch-return-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.quick-send-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.quick-send-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.quick-send-grid strong,
.quick-send-grid span {
  display: block;
}

.quick-send-grid strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-send-grid span {
  color: var(--muted);
  font-weight: 800;
}

.quick-photo-preview {
  display: grid;
  min-height: 220px;
  overflow: hidden;
  place-items: center;
  margin-bottom: 12px;
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.04)),
    #070b10;
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.quick-photo-preview img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: contain;
}

.quick-photo-preview span {
  padding: 18px;
  color: var(--muted);
  font-weight: 900;
  text-align: center;
}

.quick-photo-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.quick-photo-status-grid div {
  min-width: 0;
  padding: 10px;
  background: rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.quick-photo-status-grid strong,
.quick-photo-status-grid span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-photo-status-grid strong {
  color: var(--white);
  font-size: 0.82rem;
}

.quick-photo-status-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.quick-process-readiness {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.85fr);
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(199, 206, 216, 0.1), rgba(8, 13, 21, 0.9)),
    rgba(8, 13, 21, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.quick-process-readiness.is-ready {
  border-color: rgba(49, 209, 124, 0.36);
}

.quick-process-readiness.is-hold {
  border-color: rgba(255, 191, 87, 0.42);
}

.quick-process-readiness-copy {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
}

.quick-process-readiness-copy span,
.quick-process-readiness-copy strong,
.quick-process-readiness-copy p {
  display: block;
}

.quick-process-readiness-copy span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.quick-process-readiness-copy strong {
  color: var(--white);
  font-size: 1rem;
  font-weight: 950;
}

.quick-process-readiness-copy p {
  margin: 0;
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.4;
}

.quick-process-readiness-copy button {
  justify-self: start;
  min-height: 38px;
  margin-top: 4px;
  padding: 0 14px;
  color: var(--white);
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.88), rgba(10, 99, 206, 0.94));
  border: 1px solid rgba(128, 186, 255, 0.58);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 950;
}

.quick-process-readiness-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.quick-process-readiness-grid div {
  min-width: 0;
  padding: 10px;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.quick-process-readiness-grid strong,
.quick-process-readiness-grid span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-process-readiness-grid strong {
  color: var(--white);
  font-size: 0.86rem;
  font-weight: 1000;
}

.quick-process-readiness-grid span {
  color: rgba(232, 239, 248, 0.66);
  font-size: 0.62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.quick-send-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.quick-send-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.quick-send-actions button:last-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.quick-command-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.quick-command-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.22fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(0, 122, 255, 0.16), transparent 46%),
    var(--surface);
  border: 1px solid rgba(114, 139, 162, 0.34);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

.quick-command-card.is-ready {
  border-color: rgba(34, 197, 94, 0.54);
}

.quick-command-card.is-hold {
  border-color: rgba(245, 158, 11, 0.62);
}

.quick-command-card:hover,
.quick-command-card:focus-within {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
}

.quick-command-main {
  display: grid;
  grid-template-columns: minmax(88px, 0.22fr) minmax(92px, 0.22fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 38px;
}

.quick-command-main strong,
.quick-command-main span,
.quick-command-main em {
  display: block;
  min-width: 0;
}

.quick-command-main strong {
  overflow: hidden;
  color: var(--white);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-command-main span {
  overflow: hidden;
  color: var(--blue-bright);
  font-size: 0.78rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-command-main em {
  overflow: hidden;
  color: var(--muted);
  font-style: normal;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-command-card button {
  min-height: 38px;
  color: var(--white);
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.95), rgba(0, 75, 190, 0.88));
  border: 1px solid rgba(109, 191, 255, 0.5);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.quick-command-card:nth-child(2) button {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.9), rgba(22, 163, 74, 0.78));
  border-color: rgba(134, 239, 172, 0.44);
}

.quick-command-card:nth-child(3) button {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.9), rgba(217, 119, 6, 0.78));
  border-color: rgba(252, 211, 77, 0.42);
}

.quick-command-card button:hover,
.quick-command-card button:focus-visible {
  filter: brightness(1.12);
  outline: 0;
  transform: translateY(-1px);
}

.receipt-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.receipt-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.receipt-grid strong,
.receipt-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.receipt-grid strong {
  color: var(--ink);
  font-size: 1rem;
}

.receipt-grid span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.receipt-preview {
  min-height: 112px;
  margin-bottom: 12px;
  padding: 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.55;
  white-space: pre-wrap;
}

.receipt-evidence {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.receipt-evidence div {
  min-height: 68px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 10px;
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.12), rgba(20, 28, 38, 0.92));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.receipt-evidence strong,
.receipt-evidence span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.receipt-evidence strong {
  color: var(--white);
  font-size: 0.86rem;
  font-weight: 950;
}

.receipt-evidence span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-download-handoff-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.client-download-handoff-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 76px;
  padding: 10px;
  background: rgba(12, 18, 28, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.client-download-handoff-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.2), rgba(32, 39, 48, 0.9));
  border-color: rgba(128, 186, 255, 0.48);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.78);
}

.client-download-handoff-card.is-review {
  border-color: rgba(240, 207, 148, 0.36);
  box-shadow: inset 3px 0 0 rgba(240, 207, 148, 0.54);
}

.client-download-handoff-card.is-hold {
  border-color: rgba(255, 83, 112, 0.32);
  box-shadow: inset 3px 0 0 rgba(255, 83, 112, 0.52);
}

.client-download-handoff-card span,
.client-download-handoff-card strong,
.client-download-handoff-card em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-download-handoff-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-download-handoff-card strong {
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 950;
}

.client-download-handoff-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.receipt-file-evidence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.receipt-file-evidence-card {
  display: grid;
  gap: 5px;
  min-height: 74px;
  padding: 10px;
  background: rgba(12, 18, 28, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.receipt-file-evidence-card.is-ready {
  border-color: rgba(34, 197, 94, 0.38);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.72);
}

.receipt-file-evidence-card.is-review {
  border-color: rgba(128, 186, 255, 0.24);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.62);
}

.receipt-file-evidence-card strong,
.receipt-file-evidence-card span,
.receipt-file-evidence-card em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.receipt-file-evidence-card strong {
  color: var(--white);
  font-size: 0.82rem;
  font-weight: 950;
}

.receipt-file-evidence-card span {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.72rem;
  font-weight: 850;
}

.receipt-file-evidence-card em {
  color: #80baff;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
}

.receipt-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.receipt-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.receipt-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.receipt-command-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.receipt-command-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr) minmax(120px, 0.22fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(0, 122, 255, 0.15), transparent 46%),
    var(--surface);
  border: 1px solid rgba(114, 139, 162, 0.34);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

.receipt-command-card.is-ready {
  border-color: rgba(34, 197, 94, 0.54);
}

.receipt-command-card.is-hold {
  border-color: rgba(245, 158, 11, 0.62);
}

.receipt-command-card:hover,
.receipt-command-card:focus-within {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
}

.receipt-command-main {
  display: grid;
  grid-template-columns: minmax(88px, 0.22fr) minmax(110px, 0.24fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 38px;
}

.receipt-command-main strong,
.receipt-command-main span,
.receipt-command-main em {
  display: block;
  min-width: 0;
}

.receipt-command-main strong {
  overflow: hidden;
  color: var(--white);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.receipt-command-main span {
  overflow: hidden;
  color: var(--blue-bright);
  font-size: 0.78rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.receipt-command-main em {
  overflow: hidden;
  color: var(--muted);
  font-style: normal;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.receipt-command-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.receipt-command-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.receipt-command-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.receipt-command-card button {
  min-height: 38px;
  color: var(--white);
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.95), rgba(0, 75, 190, 0.88));
  border: 1px solid rgba(109, 191, 255, 0.5);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.receipt-command-card:nth-child(2) button {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.9), rgba(22, 163, 74, 0.78));
  border-color: rgba(134, 239, 172, 0.44);
}

.receipt-command-card:nth-child(3) button {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.9), rgba(217, 119, 6, 0.78));
  border-color: rgba(252, 211, 77, 0.42);
}

.receipt-command-card button:hover,
.receipt-command-card button:focus-visible {
  filter: brightness(1.12);
  outline: 0;
  transform: translateY(-1px);
}

.closeout-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.closeout-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.closeout-grid strong {
  overflow: hidden;
  color: var(--teal);
  font-size: 1.12rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.closeout-grid span,
.closeout-list span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.closeout-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.closeout-proof-panel {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.14), rgba(32, 39, 48, 0.9)),
    rgba(7, 11, 16, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
}

.closeout-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.closeout-proof-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.closeout-proof-header strong {
  color: var(--white);
}

.closeout-proof-header span {
  color: var(--silver);
  line-height: 1.45;
}

.closeout-proof-header em {
  flex: 0 0 auto;
  padding: 8px 10px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.2);
  border: 1px solid rgba(128, 186, 255, 0.36);
  border-radius: 8px;
  font-style: normal;
  font-weight: 950;
}

.closeout-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.closeout-proof-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 84px;
  padding: 10px;
  background: rgba(12, 17, 24, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.closeout-proof-card.is-ready {
  border-color: rgba(34, 197, 94, 0.42);
  box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.08);
}

.closeout-proof-card.is-hold {
  border-color: rgba(255, 191, 56, 0.4);
}

.closeout-proof-card strong,
.closeout-proof-card span,
.closeout-proof-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.closeout-proof-card strong {
  color: var(--white);
  font-size: 0.98rem;
}

.closeout-proof-card span {
  color: #80baff;
  font-size: 0.64rem;
  font-weight: 950;
  text-transform: uppercase;
}

.closeout-proof-card em {
  color: var(--silver);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.closeout-proof-next {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.closeout-proof-api {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 0 10px;
  color: #d8e4f2;
  background: rgba(10, 24, 38, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.closeout-proof-api strong,
.closeout-proof-api span {
  display: block;
  min-width: 0;
}

.closeout-proof-api strong {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.closeout-proof-api span {
  overflow: hidden;
  color: rgba(232, 239, 248, 0.82);
  font-size: 0.76rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.closeout-proof-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.closeout-proof-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.closeout-proof-actions button:first-child,
.closeout-proof-actions button.is-ready {
  background: rgba(11, 124, 255, 0.26);
  border-color: rgba(128, 186, 255, 0.52);
}

.closeout-proof-actions button:hover,
.closeout-proof-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.closeout-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.closeout-list strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.closeout-list span.is-ready {
  color: var(--teal);
}

.closeout-list span.is-hold {
  color: #b74f22;
}

.closeout-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.closeout-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.closeout-card.is-hold {
  border-color: rgba(245, 158, 11, 0.38);
}

.closeout-card:hover,
.closeout-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.closeout-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(125px, 0.65fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.closeout-card-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.closeout-card strong,
.closeout-card span,
.closeout-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.closeout-card strong {
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 900;
}

.closeout-card span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.closeout-card em {
  color: #b7c7d9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.closeout-card em.is-ready {
  color: #80baff;
}

.closeout-card em.is-hold {
  color: #f0cf94;
}

.closeout-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.closeout-card-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.closeout-card-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.closeout-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.closeout-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.closeout-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.closeout-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.closeout-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.closeout-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.closeout-card-actions button:hover,
.closeout-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.archive-handoff-panel {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(199, 206, 216, 0.07)),
    rgba(16, 20, 25, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.archive-handoff-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.archive-handoff-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.archive-handoff-header strong {
  color: var(--white);
}

.archive-handoff-header span {
  color: var(--silver);
  line-height: 1.45;
}

.archive-handoff-header em {
  flex: 0 0 auto;
  padding: 8px 10px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.18);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  font-style: normal;
  font-weight: 950;
}

.archive-handoff-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.archive-handoff-grid div {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 72px;
  padding: 10px;
  background: rgba(32, 39, 48, 0.86);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.archive-handoff-grid strong,
.archive-handoff-grid span,
.archive-handoff-list strong,
.archive-handoff-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.archive-handoff-grid strong {
  color: var(--white);
  font-size: 1.12rem;
}

.archive-handoff-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.archive-protection-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.archive-protection-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 76px;
  padding: 10px;
  background: rgba(12, 17, 24, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.archive-protection-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.88));
  border-color: rgba(128, 186, 255, 0.42);
}

.archive-protection-card.is-hold {
  border-color: rgba(255, 191, 56, 0.36);
}

.archive-protection-card strong,
.archive-protection-card span,
.archive-protection-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.archive-protection-card strong {
  color: var(--white);
  font-size: 0.88rem;
}

.archive-protection-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.archive-protection-card em {
  color: var(--silver);
  font-size: 0.7rem;
  font-style: normal;
}

.archive-recovery-drill {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    radial-gradient(circle at 92% 0%, rgba(128, 186, 255, 0.14), transparent 42%),
    rgba(8, 14, 21, 0.84);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.archive-recovery-drill-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.archive-recovery-drill-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.archive-recovery-drill-header strong {
  color: var(--white);
}

.archive-recovery-drill-header span {
  color: var(--silver);
  line-height: 1.45;
}

.archive-recovery-drill-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
}

.archive-recovery-drill-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.archive-recovery-drill-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 84px;
  min-width: 0;
  padding: 10px;
  background: rgba(32, 39, 48, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.archive-recovery-drill-card.is-ready {
  border-color: rgba(49, 209, 124, 0.44);
}

.archive-recovery-drill-card.is-hold {
  border-color: rgba(255, 191, 56, 0.36);
}

.archive-recovery-drill-card strong,
.archive-recovery-drill-card span,
.archive-recovery-drill-card em,
.archive-recovery-drill-next {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.archive-recovery-drill-card strong {
  color: var(--white);
  font-size: 0.88rem;
}

.archive-recovery-drill-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.archive-recovery-drill-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.archive-recovery-drill-next {
  color: #c7ced8;
  font-size: 0.8rem;
  font-weight: 900;
}

.archive-recovery-drill-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.archive-recovery-drill-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.archive-recovery-drill-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.48);
}

.archive-handoff-list {
  display: grid;
  gap: 7px;
}

.archive-handoff-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 40px;
  align-items: center;
  padding: 0 10px;
  background: rgba(32, 39, 48, 0.78);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.archive-handoff-list strong {
  color: var(--white);
  font-size: 0.82rem;
}

.archive-handoff-list span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.archive-handoff-list span.is-ready {
  color: #80baff;
}

.archive-handoff-list span.is-hold {
  color: #ffbf38;
}

.archive-handoff-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.archive-handoff-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.archive-handoff-card.is-hold {
  border-color: rgba(245, 158, 11, 0.38);
}

.archive-handoff-card:hover,
.archive-handoff-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.archive-handoff-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.65fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.archive-handoff-card-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.archive-handoff-card strong,
.archive-handoff-card span,
.archive-handoff-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.archive-handoff-card strong {
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 900;
}

.archive-handoff-card span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.archive-handoff-card em {
  color: #b7c7d9;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.archive-handoff-card em.is-ready {
  color: #80baff;
}

.archive-handoff-card em.is-hold {
  color: #f0cf94;
}

.archive-handoff-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.archive-handoff-card-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.archive-handoff-card-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.archive-handoff-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.archive-handoff-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.archive-handoff-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.archive-handoff-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.archive-handoff-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.archive-handoff-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.archive-handoff-card-actions button:hover,
.archive-handoff-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.archive-handoff-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.archive-handoff-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.archive-handoff-actions button.is-ready,
.archive-handoff-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.48);
}

.closeout-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.closeout-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.closeout-actions button:last-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.quality-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.quality-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.quality-grid strong,
.quality-grid span {
  display: block;
}

.quality-grid strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.2rem, 1.8vw, 1.7rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-grid span {
  color: var(--muted);
  font-weight: 900;
}

.quality-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.quality-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.quality-list strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.quality-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.quality-card.is-hold {
  border-color: rgba(245, 158, 11, 0.38);
}

.quality-card.is-review {
  border-color: rgba(168, 85, 247, 0.4);
}

.quality-card:hover,
.quality-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.quality-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 0.65fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.quality-card-select:focus-visible {
  outline: 2px solid rgba(128, 186, 255, 0.68);
  outline-offset: 3px;
}

.quality-card strong,
.quality-card span,
.quality-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-card strong {
  color: var(--ink);
  font-weight: 900;
}

.quality-card span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
}

.quality-card em {
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  min-height: 26px;
  color: #eaf4ff;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 950;
  background: rgba(11, 124, 255, 0.16);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 7px;
}

.quality-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.quality-card-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.quality-card-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.quality-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.quality-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.quality-card-actions button:nth-child(1) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.quality-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.quality-card-actions button:nth-child(3) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.quality-card-actions button:nth-child(4) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.quality-card-actions button:hover,
.quality-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.client-portal-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.client-portal-summary div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.client-portal-summary strong,
.client-portal-summary span {
  display: block;
}

.client-portal-summary strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.1rem, 1.7vw, 1.65rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-portal-summary span {
  color: var(--muted);
  font-weight: 900;
}

.client-portal-next {
  display: grid;
  grid-template-columns: minmax(0, 0.6fr) minmax(0, 1.6fr) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  color: #dbe8f8;
  background: linear-gradient(135deg, rgba(23, 31, 42, 0.92), rgba(9, 15, 23, 0.9));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.client-portal-next strong,
.client-portal-next span,
.client-portal-next em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.client-portal-next strong {
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-portal-next span {
  color: rgba(232, 239, 248, 0.82);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.client-portal-next em {
  justify-self: end;
  padding: 7px 10px;
  color: #80baff;
  background: rgba(11, 124, 255, 0.12);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 999px;
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.client-portal-next.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.72);
}

.client-portal-next.is-ready em {
  color: #dcfce7;
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(34, 197, 94, 0.32);
}

.client-portal-next.is-hold {
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.72);
}

.client-portal-live-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  gap: 12px;
  margin-bottom: 12px;
  padding: 12px;
  background:
    radial-gradient(circle at 16% 0%, rgba(11, 124, 255, 0.2), transparent 36%),
    linear-gradient(135deg, rgba(7, 16, 25, 0.96), rgba(32, 39, 48, 0.86));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.client-portal-hero {
  min-height: 300px;
  display: grid;
  overflow: hidden;
  place-items: center;
  background: rgba(2, 6, 12, 0.66);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.client-portal-hero img {
  width: 100%;
  height: 100%;
  max-height: 420px;
  object-fit: contain;
  background: #02060c;
}

.client-portal-hero span {
  padding: 20px;
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}

.client-portal-live-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
}

.client-portal-live-copy > span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 1000;
  text-transform: uppercase;
}

.client-portal-live-copy strong {
  color: var(--white);
  font-size: clamp(1.35rem, 2.6vw, 2.35rem);
  line-height: 1.05;
}

.client-portal-live-copy p {
  margin: 0;
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.45;
}

.client-portal-package-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.client-portal-package-strip div {
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 9px;
  background: rgba(8, 14, 21, 0.76);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.client-portal-package-strip strong,
.client-portal-package-strip span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-portal-package-strip strong {
  color: var(--white);
  font-size: 1rem;
}

.client-portal-package-strip span {
  color: rgba(232, 239, 248, 0.66);
  font-size: 0.62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-portal-live-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.client-portal-live-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 950;
}

.client-portal-live-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.86), rgba(10, 99, 206, 0.96));
}

.client-portal-live-actions button:hover,
.client-portal-live-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.client-portal-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.client-portal-card {
  display: grid;
  gap: 8px;
  min-height: 190px;
  padding: 8px;
  overflow: hidden;
  background: var(--thumb-bg);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.client-portal-card.is-selected {
  border-color: rgba(11, 124, 255, 0.78);
  box-shadow: 0 0 0 3px rgba(11, 124, 255, 0.18);
}

.client-portal-card.is-downloadable {
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.78);
}

.client-portal-select {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 0;
  color: var(--white);
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.client-portal-select span {
  display: grid;
  min-height: 148px;
  overflow: hidden;
  place-items: center;
  background: rgba(8, 13, 20, 0.26);
  border-radius: 6px;
}

.client-portal-preview img {
  display: block;
  width: 100%;
  height: 148px;
  object-fit: contain;
  background: rgba(2, 6, 12, 0.58);
}

.client-portal-select em {
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
}

.client-portal-select strong,
.client-portal-select small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-portal-select strong {
  color: var(--white);
  font-size: 0.82rem;
  font-weight: 950;
}

.client-portal-select small {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-weight: 900;
}

.client-portal-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.client-portal-meta span {
  display: grid;
  gap: 3px;
  min-height: 44px;
  padding: 7px;
  color: #dbe8f8;
  background: rgba(6, 14, 22, 0.58);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.client-portal-meta b {
  color: #80baff;
  font-size: 0.55rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.client-portal-card.is-downloadable .client-portal-meta b {
  color: #22c55e;
}

.client-portal-card-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.client-portal-card-actions button {
  min-height: 30px;
  padding: 0 4px;
  color: var(--white);
  background: rgba(8, 13, 20, 0.84);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.62rem;
  font-weight: 950;
}

.client-portal-card-actions button:nth-child(3) {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.client-portal-card-actions button:nth-child(5) {
  background: rgba(245, 91, 111, 0.84);
  border-color: rgba(245, 91, 111, 0.9);
}

.client-portal-card-actions button:hover,
.client-portal-card-actions button:focus-visible,
.client-portal-select:hover,
.client-portal-select:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.session-preview-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.session-preview-grid div {
  min-height: 88px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.session-preview-grid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1rem, 1.35vw, 1.3rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-preview-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.session-preview-status {
  min-height: 48px;
  display: grid;
  align-items: center;
  margin-bottom: 12px;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.session-preview-status.is-ready {
  color: var(--teal);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.session-preview-command-list,
.download-permission-card-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.session-preview-command-card,
.download-permission-card {
  min-width: 0;
}

.session-preview-command-card button,
.download-permission-card button {
  width: 100%;
  min-height: 104px;
  display: grid;
  align-content: space-between;
  gap: 8px;
  padding: 12px;
  color: #eaf4ff;
  text-align: left;
  background: linear-gradient(145deg, rgba(12, 23, 38, 0.96), rgba(21, 33, 48, 0.9));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.session-preview-command-card.is-ready button,
.download-permission-card.is-ready button {
  border-color: rgba(32, 199, 255, 0.42);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.8), 0 14px 28px rgba(0, 0, 0, 0.18);
}

.session-preview-command-card strong,
.session-preview-command-card span,
.session-preview-command-card em,
.download-permission-card strong,
.download-permission-card span,
.download-permission-card em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.session-preview-command-card strong,
.download-permission-card strong {
  color: #f8fbff;
  font-size: 0.86rem;
  font-weight: 950;
  white-space: nowrap;
}

.session-preview-command-card span,
.download-permission-card span {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
}

.session-preview-command-card em,
.download-permission-card em {
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  color: #80baff;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(11, 124, 255, 0.14);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 999px;
}

.session-preview-command-card button:hover,
.session-preview-command-card button:focus-visible,
.download-permission-card button:hover,
.download-permission-card button:focus-visible {
  border-color: rgba(128, 186, 255, 0.72);
  outline: none;
  transform: translateY(-1px);
}

.session-preview-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

.session-preview-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.session-preview-actions button:nth-child(2) {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.session-preview-actions button:last-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.98), rgba(32, 199, 255, 0.78));
  border-color: rgba(128, 186, 255, 0.72);
  box-shadow: 0 14px 30px rgba(11, 124, 255, 0.18);
}

.scenario-launcher-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.scenario-launcher-grid button {
  min-height: 48px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.scenario-launcher-grid button:hover {
  border-color: var(--teal);
}

.scenario-status {
  min-height: 48px;
  display: grid;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.scenario-status.is-loaded {
  color: var(--teal);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.guided-test-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.guided-test-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.guided-test-grid strong,
.guided-test-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.guided-test-grid strong {
  color: var(--ink);
  font-size: 1rem;
}

.guided-test-grid span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.guided-test-next {
  min-height: 52px;
  display: grid;
  align-items: center;
  margin-bottom: 12px;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.guided-test-next.is-ready {
  color: var(--teal);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.guided-test-panel > button {
  min-height: 42px;
  width: 100%;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.test-pack-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.test-pack-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.test-pack-grid strong {
  overflow: hidden;
  color: var(--teal);
  font-size: 1.12rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.test-pack-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

#test-pack-script {
  width: 100%;
  min-height: 170px;
  resize: vertical;
  padding: 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  line-height: 1.45;
}

.test-pack-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.test-pack-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.test-pack-actions button:last-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.test-evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.test-evidence-grid div {
  min-height: 84px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.test-evidence-grid strong {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 1.05rem;
  font-weight: 950;
}

.test-evidence-grid span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.test-evidence-next {
  display: grid;
  grid-template-columns: minmax(160px, 0.4fr) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(199, 206, 216, 0.07)),
    rgba(7, 12, 18, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
}

.test-evidence-next strong,
.test-evidence-next span,
.test-evidence-next em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.test-evidence-next strong {
  color: var(--white);
  font-size: 0.94rem;
  font-weight: 950;
}

.test-evidence-next span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.test-evidence-next em {
  padding: 7px 9px;
  color: #80baff;
  background: rgba(11, 124, 255, 0.16);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 7px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
}

.test-evidence-next.is-ready {
  border-color: rgba(49, 209, 124, 0.44);
  box-shadow: inset 3px 0 0 rgba(49, 209, 124, 0.72);
}

.test-evidence-next.is-ready em {
  color: #d9fff0;
  background: rgba(49, 209, 124, 0.14);
  border-color: rgba(49, 209, 124, 0.34);
}

.test-evidence-next.is-hold {
  border-color: rgba(255, 196, 73, 0.36);
}

.test-evidence-next.is-hold em {
  color: #ffe08a;
  background: rgba(255, 196, 73, 0.12);
  border-color: rgba(255, 196, 73, 0.3);
}

.test-run-proof-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.test-run-proof-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 78px;
  padding: 10px;
  background: linear-gradient(135deg, rgba(16, 24, 34, 0.88), rgba(8, 12, 18, 0.92));
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 8px;
}

.test-run-proof-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.2), rgba(34, 45, 58, 0.88));
  border-color: rgba(128, 186, 255, 0.46);
}

.test-run-proof-card.is-hold {
  border-color: rgba(240, 207, 148, 0.34);
}

.test-run-proof-card strong,
.test-run-proof-card span,
.test-run-proof-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.test-run-proof-card strong {
  color: var(--white);
  font-size: 0.9rem;
  font-weight: 950;
}

.test-run-proof-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.test-run-proof-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.today-testable-panel {
  display: grid;
  gap: 12px;
}

.today-testable-summary {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.14), rgba(199, 206, 216, 0.08)),
    rgba(8, 13, 21, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.today-testable-summary div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.today-testable-summary strong,
.today-testable-summary span,
.today-testable-summary em {
  display: block;
}

.today-testable-summary strong {
  color: var(--white);
  font-size: 1rem;
}

.today-testable-summary span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.4;
}

.today-testable-summary em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 1000;
}

.today-testable-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.today-testable-card {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 104px;
  padding: 12px;
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.today-testable-card.is-ready {
  border-color: rgba(49, 209, 124, 0.4);
}

.today-testable-card.is-hold {
  border-color: rgba(255, 191, 87, 0.4);
}

.today-testable-card strong,
.today-testable-card span,
.today-testable-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.today-testable-card strong {
  color: var(--white);
  font-size: 0.95rem;
  white-space: nowrap;
}

.today-testable-card span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.today-testable-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.today-testable-card:hover,
.today-testable-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
  outline: none;
}

.today-testable-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
}

.today-testable-actions button,
.upload-capacity-test-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.today-testable-actions button:first-child,
.upload-capacity-test-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.86), rgba(10, 99, 206, 0.92));
  border-color: rgba(128, 186, 255, 0.58);
}

.upload-capacity-test-actions {
  display: grid;
  grid-template-columns: minmax(180px, 1fr);
  gap: 8px;
}

.upload-capacity-test-panel {
  display: grid;
  gap: 12px;
}

.upload-capacity-test-summary {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.14), rgba(49, 209, 124, 0.08)),
    rgba(8, 13, 21, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.upload-capacity-test-summary div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.upload-capacity-test-summary strong,
.upload-capacity-test-summary span,
.upload-capacity-test-summary em {
  display: block;
}

.upload-capacity-test-summary strong {
  color: var(--white);
  font-size: 1rem;
}

.upload-capacity-test-summary span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.4;
}

.upload-capacity-test-summary em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 1000;
}

.upload-capacity-test-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.upload-capacity-test-card {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 112px;
  padding: 12px;
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.upload-capacity-test-card.is-ready {
  border-color: rgba(49, 209, 124, 0.38);
}

.upload-capacity-test-card.is-hold {
  border-color: rgba(255, 191, 87, 0.4);
}

.upload-capacity-test-card span,
.upload-capacity-test-card strong,
.upload-capacity-test-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.upload-capacity-test-card span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.upload-capacity-test-card strong {
  color: var(--white);
  font-size: 0.98rem;
  white-space: nowrap;
}

.upload-capacity-test-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.upload-capacity-test-card:hover,
.upload-capacity-test-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
  outline: none;
}

.plan-gate-panel {
  display: grid;
  gap: 12px;
}

.plan-gate-summary {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(199, 206, 216, 0.12), rgba(11, 124, 255, 0.12)),
    rgba(8, 13, 21, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.plan-gate-summary div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.plan-gate-summary strong,
.plan-gate-summary span,
.plan-gate-summary em {
  display: block;
}

.plan-gate-summary strong {
  color: var(--white);
  font-size: 1rem;
}

.plan-gate-summary span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.4;
}

.plan-gate-summary em {
  flex: 0 0 auto;
  color: #20c7ff;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 1000;
}

.plan-gate-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.plan-gate-card {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 128px;
  padding: 12px;
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.plan-gate-card.is-current {
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.84);
}

.plan-gate-card.is-ready {
  border-color: rgba(49, 209, 124, 0.38);
}

.plan-gate-card.is-hold {
  border-color: rgba(255, 191, 87, 0.4);
}

.plan-gate-card span,
.plan-gate-card strong,
.plan-gate-card em,
.plan-gate-card small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.plan-gate-card span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.plan-gate-card strong {
  color: var(--white);
  font-size: 0.98rem;
  white-space: nowrap;
}

.plan-gate-card em,
.plan-gate-card small {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.plan-gate-card small {
  color: var(--muted);
}

.plan-gate-card:hover,
.plan-gate-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
  outline: none;
}

.ai-post-production-panel {
  display: grid;
  gap: 12px;
}

.ai-post-production-summary {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.16), rgba(161, 75, 255, 0.12)),
    rgba(8, 13, 21, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.ai-post-production-summary div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.ai-post-production-summary strong,
.ai-post-production-summary span,
.ai-post-production-summary em {
  display: block;
}

.ai-post-production-summary strong {
  color: var(--white);
  font-size: 1rem;
}

.ai-post-production-summary span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.4;
}

.ai-post-production-summary em {
  flex: 0 0 auto;
  color: #20c7ff;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 1000;
}

.ai-post-production-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.ai-post-production-card {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 118px;
  padding: 12px;
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.ai-post-production-card.is-ready {
  border-color: rgba(49, 209, 124, 0.38);
}

.ai-post-production-card.is-hold {
  border-color: rgba(255, 191, 87, 0.4);
}

.ai-post-production-card span,
.ai-post-production-card strong,
.ai-post-production-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-post-production-card span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.ai-post-production-card strong {
  color: var(--white);
  font-size: 0.98rem;
  white-space: nowrap;
}

.ai-post-production-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.ai-post-production-card:hover,
.ai-post-production-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
  outline: none;
}

.storage-credibility-panel {
  display: grid;
  gap: 12px;
}

.storage-credibility-summary {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(199, 206, 216, 0.14), rgba(11, 124, 255, 0.13)),
    rgba(8, 13, 21, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.storage-credibility-summary div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.storage-credibility-summary strong,
.storage-credibility-summary span,
.storage-credibility-summary em {
  display: block;
}

.storage-credibility-summary strong {
  color: var(--white);
  font-size: 1rem;
}

.storage-credibility-summary span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.4;
}

.storage-credibility-summary em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 1000;
}

.storage-credibility-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.storage-credibility-card {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 118px;
  padding: 12px;
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.storage-credibility-card.is-ready {
  border-color: rgba(49, 209, 124, 0.38);
}

.storage-credibility-card.is-hold {
  border-color: rgba(255, 191, 87, 0.4);
}

.storage-credibility-card span,
.storage-credibility-card strong,
.storage-credibility-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.storage-credibility-card span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.storage-credibility-card strong {
  color: var(--white);
  font-size: 0.98rem;
  white-space: nowrap;
}

.storage-credibility-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.storage-credibility-card:hover,
.storage-credibility-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
  outline: none;
}

.raw-worker-test-panel {
  display: grid;
  gap: 12px;
}

.raw-worker-test-summary {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.13), rgba(128, 186, 255, 0.1)),
    rgba(8, 13, 21, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.raw-worker-test-summary div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.raw-worker-test-summary strong,
.raw-worker-test-summary span,
.raw-worker-test-summary em {
  display: block;
}

.raw-worker-test-summary strong {
  color: var(--white);
  font-size: 1rem;
}

.raw-worker-test-summary span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.4;
}

.raw-worker-test-summary em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 1000;
}

.raw-worker-test-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.raw-worker-test-card {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 118px;
  padding: 12px;
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.raw-worker-test-card.is-ready {
  border-color: rgba(49, 209, 124, 0.38);
}

.raw-worker-test-card.is-hold {
  border-color: rgba(255, 191, 87, 0.4);
}

.raw-worker-test-card span,
.raw-worker-test-card strong,
.raw-worker-test-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.raw-worker-test-card span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.raw-worker-test-card strong {
  color: var(--white);
  font-size: 0.98rem;
  white-space: nowrap;
}

.raw-worker-test-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.raw-worker-test-card:hover,
.raw-worker-test-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
  outline: none;
}

.raw-worker-test-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 8px;
}

.raw-worker-test-actions button {
  min-height: 42px;
  padding: 10px 12px;
  color: var(--white);
  font-size: 0.78rem;
  font-weight: 950;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.94), rgba(5, 85, 210, 0.86));
  border: 1px solid rgba(128, 186, 255, 0.42);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(11, 124, 255, 0.18);
  cursor: pointer;
}

.raw-worker-test-actions button:nth-last-child(2) {
  background: rgba(18, 26, 36, 0.96);
}

.raw-worker-test-actions button:last-child {
  color: #dbeafe;
  background: rgba(33, 44, 59, 0.94);
}

.raw-worker-test-actions button:nth-child(n+2):nth-child(-n+13) {
  background: linear-gradient(135deg, rgba(125, 39, 255, 0.92), rgba(11, 124, 255, 0.76));
}

.raw-worker-test-actions button:disabled {
  color: rgba(232, 239, 248, 0.42);
  background: rgba(18, 26, 36, 0.62);
  border-color: rgba(128, 186, 255, 0.14);
  box-shadow: none;
  cursor: not-allowed;
}

.today-test-run {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(10, 16, 24, 0.94), rgba(32, 39, 48, 0.84));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.today-test-run-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.today-test-run-header strong,
.today-test-run-header span,
.today-test-run-header em {
  display: block;
}

.today-test-run-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.today-test-run-header span {
  margin-top: 3px;
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.today-test-run-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 950;
}

.today-test-run-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.today-test-run-card {
  min-width: 0;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.today-test-run-card.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.today-test-run-card.is-hold {
  border-color: rgba(255, 191, 56, 0.38);
}

.today-test-run-card button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 5px 8px;
  width: 100%;
  min-height: 82px;
  padding: 10px;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.today-test-run-card span,
.today-test-run-card strong,
.today-test-run-card em,
.today-test-run-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.today-test-run-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
}

.today-test-run-card strong {
  color: var(--white);
  font-size: 0.78rem;
  font-weight: 950;
}

.today-test-run-card em {
  color: #d8e8ff;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
}

.today-test-run-card small {
  grid-column: 2 / 4;
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.68rem;
  font-weight: 850;
}

.today-test-run-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
}

.today-test-run-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.today-test-run-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.86), rgba(10, 99, 206, 0.92));
  border-color: rgba(128, 186, 255, 0.58);
}

.show-readiness-certificate {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(32, 39, 48, 0.9)),
    rgba(7, 11, 16, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.show-readiness-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.show-readiness-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.show-readiness-header strong,
.show-readiness-header span,
.show-readiness-header em {
  display: block;
  margin: 0;
}

.show-readiness-header strong {
  color: var(--white);
  font-size: 0.98rem;
}

.show-readiness-header span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.show-readiness-header em {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-radius: 999px;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 1000;
}

.show-readiness-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.show-readiness-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 88px;
  padding: 10px;
  background: rgba(10, 16, 24, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.show-readiness-card.is-ready {
  border-color: rgba(49, 209, 124, 0.46);
}

.show-readiness-card.is-hold {
  border-color: rgba(255, 191, 87, 0.42);
}

.show-readiness-card strong,
.show-readiness-card span,
.show-readiness-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.show-readiness-card strong {
  color: var(--white);
  font-size: 0.92rem;
}

.show-readiness-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.show-readiness-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.show-readiness-next {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.show-readiness-certificate > button {
  min-height: 40px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border: 1px solid rgba(128, 186, 255, 0.84);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 1000;
}

.next-test-proof {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(128, 186, 255, 0.1), rgba(10, 15, 22, 0.94)),
    rgba(7, 11, 16, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.next-test-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.next-test-proof-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.next-test-proof-header strong,
.next-test-proof-header span,
.next-test-proof-header em {
  display: block;
  margin: 0;
}

.next-test-proof-header strong {
  color: var(--white);
  font-size: 0.98rem;
}

.next-test-proof-header span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.next-test-proof-header em {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #80baff;
  background: rgba(11, 124, 255, 0.16);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 999px;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 1000;
}

.next-test-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.next-test-proof-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 88px;
  padding: 10px;
  background: rgba(10, 16, 24, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.next-test-proof-card.is-ready {
  border-color: rgba(49, 209, 124, 0.46);
}

.next-test-proof-card.is-hold {
  border-color: rgba(255, 191, 87, 0.42);
}

.next-test-proof-card strong,
.next-test-proof-card span,
.next-test-proof-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.next-test-proof-card strong {
  color: var(--white);
  font-size: 0.92rem;
}

.next-test-proof-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.next-test-proof-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.next-test-proof-next {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.next-test-proof-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
}

.next-test-proof-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.next-test-proof-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.84);
  font-weight: 1000;
}

.test-evidence-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.test-evidence-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.test-evidence-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.test-evidence-card:hover,
.test-evidence-card:focus-within {
  border-color: rgba(128, 186, 255, 0.56);
  outline: none;
  transform: translateY(-1px);
}

.test-evidence-list strong {
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.25;
}

.test-evidence-list span {
  justify-self: end;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.25;
  text-align: right;
}

.test-evidence-list span.is-pass {
  color: var(--teal);
}

.test-evidence-list span.is-review {
  color: #b74f22;
}

.test-evidence-actions,
.pilot-packet-card-actions,
.pilot-trial-card-actions,
.launch-package-card-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.test-evidence-actions button,
.pilot-packet-card-actions button,
.pilot-trial-card-actions button,
.launch-package-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.test-evidence-actions button:nth-child(1),
.pilot-packet-card-actions button:nth-child(1),
.pilot-trial-card-actions button:nth-child(1),
.launch-package-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.test-evidence-actions button:nth-child(2),
.pilot-packet-card-actions button:nth-child(2),
.pilot-trial-card-actions button:nth-child(2),
.launch-package-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.test-evidence-actions button:nth-child(3),
.pilot-packet-card-actions button:nth-child(3),
.pilot-trial-card-actions button:nth-child(3),
.launch-package-card-actions button:nth-child(3) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.test-evidence-actions button:hover,
.test-evidence-actions button:focus-visible,
.pilot-packet-card-actions button:hover,
.pilot-packet-card-actions button:focus-visible,
.pilot-trial-card-actions button:hover,
.pilot-trial-card-actions button:focus-visible,
.launch-package-card-actions button:hover,
.launch-package-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.test-evidence-panel > button {
  min-height: 42px;
  width: 100%;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.pilot-packet-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.pilot-trial-grid,
.launch-package-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.pilot-packet-grid div,
.pilot-trial-grid div,
.launch-package-grid div {
  min-height: 84px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(199, 206, 216, 0.08));
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
}

.pilot-packet-grid strong,
.pilot-packet-grid span,
.pilot-trial-grid strong,
.pilot-trial-grid span,
.launch-package-grid strong,
.launch-package-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pilot-packet-grid strong,
.pilot-trial-grid strong,
.launch-package-grid strong {
  color: var(--white);
  font-size: 1.05rem;
  font-weight: 950;
}

.pilot-packet-grid span,
.pilot-trial-grid span,
.launch-package-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.pilot-packet-list,
.pilot-trial-list,
.launch-package-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.pilot-packet-card,
.pilot-trial-card,
.launch-package-card {
  display: grid;
  gap: 10px;
  min-height: 50px;
  padding: 10px 12px;
  background: rgba(32, 39, 48, 0.88);
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 8px;
}

.pilot-packet-select,
.pilot-trial-select,
.launch-package-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.55fr) minmax(72px, auto);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.testing-packet-meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 5px 8px;
  min-width: 0;
  padding: 7px 8px;
  color: var(--muted);
  background: rgba(128, 186, 255, 0.07);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 8px;
  font-size: 0.66rem;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-transform: uppercase;
  white-space: normal;
}

.testing-packet-meta b {
  color: #80baff;
  font-size: 0.6rem;
  font-weight: 950;
  letter-spacing: 0;
  white-space: nowrap;
}

.test-evidence-meta {
  background: rgba(11, 124, 255, 0.06);
  border-color: rgba(11, 124, 255, 0.16);
}

.pilot-packet-card:hover,
.pilot-packet-card:focus-within,
.pilot-trial-card:hover,
.pilot-trial-card:focus-within,
.launch-package-card:hover,
.launch-package-card:focus-within {
  border-color: rgba(128, 186, 255, 0.56);
  outline: none;
  transform: translateY(-1px);
}

.pilot-packet-list strong,
.pilot-packet-list span,
.pilot-packet-list em,
.pilot-packet-list small,
.pilot-trial-list strong,
.pilot-trial-list span,
.pilot-trial-list em,
.pilot-trial-list small,
.launch-package-list strong,
.launch-package-list span,
.launch-package-list em,
.launch-package-list small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pilot-packet-list .testing-packet-meta,
.pilot-trial-list .testing-packet-meta,
.launch-package-list .testing-packet-meta {
  white-space: normal;
}

.pilot-packet-list strong,
.pilot-trial-list strong,
.launch-package-list strong {
  color: var(--white);
  font-size: 0.9rem;
  font-weight: 900;
}

.pilot-packet-list span,
.pilot-trial-list span,
.launch-package-list span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.pilot-packet-list em,
.pilot-trial-list em,
.launch-package-list em {
  justify-self: end;
  color: var(--muted);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.pilot-packet-list em.is-ready,
.pilot-trial-list em.is-ready,
.launch-package-list em.is-ready {
  color: #80baff;
}

.pilot-packet-list em.is-hold,
.pilot-trial-list em.is-hold,
.launch-package-list em.is-hold {
  color: #ffb68f;
}

.pilot-packet-actions,
.pilot-trial-actions,
.launch-package-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.pilot-packet-actions,
.launch-package-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.activity-feed div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 40px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.client-request-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.client-request-summary div {
  min-height: 84px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.client-request-summary strong,
.client-request-summary span {
  display: block;
}

.client-request-summary strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.25rem, 1.8vw, 1.75rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-request-summary span {
  color: var(--muted);
  font-weight: 900;
}

.client-request-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.client-request-actions button {
  min-height: 42px;
  color: var(--ink);
  background: var(--blue-soft);
  border: 1px solid #c8d7ff;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.client-request-list {
  display: grid;
  gap: 8px;
}

.client-request-card {
  display: grid;
  gap: 8px;
  min-height: 76px;
  padding: 8px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.client-request-card.is-done {
  opacity: 0.74;
}

.client-request-card.favorite {
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.72);
}

.client-request-card.revision,
.client-request-card.urgent {
  box-shadow: inset 3px 0 0 rgba(245, 91, 111, 0.78);
}

.client-request-card.question,
.client-request-card.message {
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.68);
}

.client-request-select {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.client-request-thumb,
.feedback-triage-thumb {
  position: relative;
  display: grid;
  min-height: 58px;
  overflow: hidden;
  place-items: center;
  color: #c7d2df;
  text-align: center;
  background:
    var(--thumb-bg, linear-gradient(145deg, rgba(11, 124, 255, 0.18), rgba(199, 206, 216, 0.16))),
    rgba(8, 14, 20, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.client-request-thumb img,
.feedback-triage-thumb img {
  width: 100%;
  height: 100%;
  min-height: 58px;
  object-fit: cover;
}

.client-request-thumb em,
.feedback-triage-thumb em {
  padding: 8px;
  color: #c7d2df;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1.2;
  text-transform: uppercase;
}

.client-request-copy,
.feedback-triage-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.client-request-list strong,
.feedback-triage-select strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-request-copy em,
.feedback-triage-copy em {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-request-state,
.feedback-triage-state {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-request-state.is-done {
  color: var(--teal);
}

.client-request-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.client-request-meta span {
  display: grid;
  gap: 3px;
  min-height: 44px;
  padding: 8px;
  color: #dbe8f8;
  background: rgba(6, 14, 22, 0.52);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.client-request-meta b {
  color: #80baff;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.client-request-card.revision .client-request-meta b,
.client-request-card.urgent .client-request-meta b {
  color: #ff6b86;
}

.client-request-card.favorite .client-request-meta b {
  color: #f59e0b;
}

.client-request-card.is-done .client-request-meta b {
  color: #22c55e;
}

.client-request-card-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.client-request-card-actions button {
  min-height: 32px;
  padding: 0 5px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.66rem;
  font-weight: 950;
}

.client-request-card-actions button:nth-child(2) {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.client-request-card-actions button:nth-child(3) {
  background: rgba(245, 91, 111, 0.84);
  border-color: rgba(245, 91, 111, 0.9);
}

.client-request-card-actions button:hover,
.client-request-card-actions button:focus-visible,
.client-request-select:hover,
.client-request-select:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.feedback-triage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.feedback-triage-grid div {
  min-height: 80px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.feedback-triage-grid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1.15rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feedback-triage-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.feedback-triage-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.feedback-triage-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.feedback-triage-actions button:first-child {
  color: var(--ink);
  background: var(--blue-soft);
  border-color: #c8d7ff;
}

.feedback-triage-actions button:nth-child(2) {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.feedback-triage-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.feedback-triage-card {
  display: grid;
  gap: 8px;
  min-height: 78px;
  padding: 8px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.feedback-triage-card.urgent,
.feedback-triage-card.revision {
  box-shadow: inset 3px 0 0 rgba(245, 91, 111, 0.78);
}

.feedback-triage-card.question,
.feedback-triage-card.message {
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.68);
}

.feedback-triage-card.favorite {
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.72);
}

.feedback-triage-select {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.feedback-triage-state {
  color: var(--muted);
}

.feedback-triage-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.feedback-triage-meta span {
  display: grid;
  gap: 3px;
  min-height: 44px;
  padding: 8px;
  color: #dbe8f8;
  background: rgba(6, 14, 22, 0.52);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.feedback-triage-meta b {
  color: #80baff;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.feedback-triage-card.urgent .feedback-triage-meta b,
.feedback-triage-card.revision .feedback-triage-meta b {
  color: #ff6b86;
}

.feedback-triage-card.favorite .feedback-triage-meta b {
  color: #f59e0b;
}

.feedback-triage-card-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.feedback-triage-card-actions button {
  min-height: 32px;
  padding: 0 5px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.66rem;
  font-weight: 950;
}

.feedback-triage-card-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.feedback-triage-card-actions button:nth-child(2) {
  background: rgba(245, 91, 111, 0.84);
  border-color: rgba(245, 91, 111, 0.9);
}

.feedback-triage-card-actions button:hover,
.feedback-triage-card-actions button:focus-visible,
.feedback-triage-select:hover,
.feedback-triage-select:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.feedback-next {
  min-height: 46px;
  display: grid;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.access-ledger-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.access-ledger-summary div {
  min-height: 84px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.access-ledger-summary strong,
.access-ledger-summary span {
  display: block;
}

.access-ledger-summary strong {
  margin-bottom: 10px;
  color: var(--ink);
  font-size: clamp(1.25rem, 1.8vw, 1.75rem);
}

.access-ledger-summary span {
  color: var(--muted);
  font-weight: 900;
}

.access-ledger-evidence-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.access-ledger-evidence-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 76px;
  padding: 10px;
  background: rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.access-ledger-evidence-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.88));
  border-color: rgba(128, 186, 255, 0.44);
}

.access-ledger-evidence-card.is-hold {
  border-color: rgba(255, 191, 56, 0.36);
}

.access-ledger-evidence-card strong,
.access-ledger-evidence-card span,
.access-ledger-evidence-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-ledger-evidence-card strong {
  color: var(--white);
  font-size: 0.88rem;
}

.access-ledger-evidence-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.access-ledger-evidence-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.access-ledger-list {
  display: grid;
  gap: 8px;
}

.access-ledger-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 66px;
  padding: 10px;
  color: var(--muted);
  background: linear-gradient(135deg, rgba(18, 28, 43, 0.94), rgba(7, 12, 22, 0.92));
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
  font-weight: 800;
}

.access-ledger-card.download,
.access-ledger-card.package {
  border-color: rgba(47, 211, 166, 0.38);
}

.access-ledger-card.email {
  border-color: rgba(35, 151, 255, 0.42);
}

.access-ledger-card.needs-response {
  border-color: rgba(240, 207, 148, 0.5);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(240, 207, 148, 0.12);
}

.access-ledger-card.is-empty {
  display: grid;
  align-content: center;
}

.access-ledger-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, auto);
  align-items: center;
  min-width: 0;
  gap: 12px;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.access-ledger-copy,
.access-ledger-meta {
  min-width: 0;
}

.access-ledger-copy,
.access-ledger-meta {
  display: grid;
  gap: 5px;
}

.access-ledger-card strong,
.access-ledger-card span,
.access-ledger-card i,
.access-ledger-card b,
.access-ledger-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.access-ledger-card strong {
  color: var(--white);
  font-size: 0.9rem;
}

.access-ledger-card span {
  color: var(--blue-soft);
  font-size: 0.74rem;
  font-weight: 900;
}

.access-ledger-meta {
  justify-items: end;
}

.access-ledger-meta i,
.access-ledger-meta b,
.access-ledger-meta em {
  max-width: 100%;
  font-style: normal;
  font-weight: 950;
}

.access-ledger-meta i {
  color: #dbeafe;
  font-size: 0.7rem;
}

.access-ledger-meta b {
  color: #80baff;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.access-ledger-meta em {
  color: #f0cf94;
  font-size: 0.68rem;
}

.access-ledger-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(68px, auto));
  gap: 6px;
}

.access-ledger-card-actions button {
  min-height: 36px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.access-ledger-card-actions button:first-child {
  background: var(--blue);
  border-color: rgba(35, 151, 255, 0.8);
  box-shadow: 0 0 18px rgba(0, 119, 255, 0.32);
}

.access-ledger-card-actions button:nth-child(3) {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.access-ledger-card-actions button:hover,
.access-ledger-card-actions button:focus-visible,
.access-ledger-select:hover strong,
.access-ledger-select:focus-visible strong {
  color: var(--white);
  transform: translateY(-1px);
}

.gallery-preview-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 10px;
}

.gallery-preview-header span {
  color: var(--muted);
  font-weight: 800;
}

.gallery-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.proof-sheet-preview {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 12px;
  background: var(--surface-strong);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.proof-sheet-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.proof-sheet-preview-header strong {
  color: var(--white);
}

.proof-sheet-preview-header span {
  color: #80baff;
  font-weight: 900;
}

.proof-sheet-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.proof-sheet-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  color: var(--ink);
  text-align: left;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
}

.proof-sheet-card:hover,
.proof-sheet-card:focus-visible {
  border-color: rgba(11, 124, 255, 0.72);
  outline: none;
}

.proof-sheet-thumb {
  display: grid;
  min-height: 118px;
  overflow: hidden;
  place-items: center;
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.04)),
    #070b10;
  border-radius: 6px;
}

.proof-sheet-thumb img {
  display: block;
  width: 100%;
  height: 118px;
  object-fit: contain;
}

.proof-sheet-thumb em {
  padding: 10px;
  color: var(--muted);
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

.proof-sheet-card strong,
.proof-sheet-card span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proof-sheet-card strong {
  font-size: 0.82rem;
}

.proof-sheet-card span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.message-draft {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.message-draft textarea {
  width: 100%;
  min-height: 120px;
  resize: vertical;
  padding: 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  line-height: 1.45;
}

.message-draft .secondary-action {
  width: 100%;
}

.gallery-tile {
  min-height: 76px;
  overflow: hidden;
  background: var(--thumb-bg);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.gallery-tile img {
  display: block;
  width: 100%;
  height: 76px;
  object-fit: cover;
}

.proofing-summary {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.proofing-summary > strong {
  color: var(--ink);
}

.proofing-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.proofing-summary-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.proofing-summary-grid em,
.proofing-summary-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proofing-summary-grid em {
  color: var(--ink);
  font-style: normal;
  font-weight: 900;
}

.proofing-summary-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.proofing-summary-status {
  min-height: 42px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.proofing-summary-status.is-ready {
  color: var(--teal);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.proofing-summary-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.proofing-summary-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.proofing-summary-actions button:nth-child(2) {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.proofing-summary-actions button:last-child {
  color: var(--white);
  background: var(--surface-strong);
  border-color: rgba(128, 186, 255, 0.38);
}

.client-proof-review {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(199, 206, 216, 0.09), rgba(16, 20, 25, 0.84));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.client-proof-review-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.client-proof-review-header div {
  display: grid;
  gap: 5px;
}

.client-proof-review-header strong {
  color: var(--white);
}

.client-proof-review-header span {
  color: var(--muted);
  line-height: 1.45;
}

.client-proof-review-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.client-proof-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.client-proof-review-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: rgba(32, 39, 48, 0.9);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.client-proof-review-grid em,
.client-proof-review-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-proof-review-grid em {
  color: var(--white);
  font-style: normal;
  font-weight: 900;
}

.client-proof-review-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.proof-decision-evidence-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.proof-decision-evidence-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 76px;
  padding: 10px;
  background: rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.proof-decision-evidence-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.88));
  border-color: rgba(128, 186, 255, 0.44);
}

.proof-decision-evidence-card.is-hold {
  border-color: rgba(255, 191, 56, 0.36);
}

.proof-decision-evidence-card strong,
.proof-decision-evidence-card span,
.proof-decision-evidence-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proof-decision-evidence-card strong {
  color: var(--white);
  font-size: 0.88rem;
}

.proof-decision-evidence-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.proof-decision-evidence-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.proof-decision-command {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.13), rgba(32, 39, 48, 0.9)),
    rgba(7, 11, 16, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
}

.proof-decision-command-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.proof-decision-command-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.proof-decision-command-header strong {
  color: var(--white);
}

.proof-decision-command-header span {
  color: var(--silver);
  line-height: 1.45;
}

.proof-decision-command-header em {
  flex: 0 0 auto;
  padding: 8px 10px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.2);
  border: 1px solid rgba(128, 186, 255, 0.36);
  border-radius: 8px;
  font-style: normal;
  font-weight: 950;
}

.proof-decision-command-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.proof-decision-command-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 84px;
  padding: 10px;
  background: rgba(12, 17, 24, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.proof-decision-command-card.is-ready {
  border-color: rgba(34, 197, 94, 0.42);
}

.proof-decision-command-card.is-hold {
  border-color: rgba(255, 191, 56, 0.4);
}

.proof-decision-command-card strong,
.proof-decision-command-card span,
.proof-decision-command-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proof-decision-command-card strong {
  color: var(--white);
  font-size: 0.96rem;
}

.proof-decision-command-card span {
  color: #80baff;
  font-size: 0.64rem;
  font-weight: 950;
  text-transform: uppercase;
}

.proof-decision-command-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.proof-decision-command-next {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.proof-decision-command-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.proof-decision-command-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.proof-decision-command-actions button:first-child {
  background: rgba(11, 124, 255, 0.26);
  border-color: rgba(128, 186, 255, 0.52);
}

.proof-decision-command-actions button:hover,
.proof-decision-command-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.revision-return-proof {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    radial-gradient(circle at 88% 0%, rgba(77, 174, 255, 0.12), transparent 40%),
    rgba(10, 16, 24, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.revision-return-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.revision-return-proof-header div {
  display: grid;
  gap: 4px;
}

.revision-return-proof-header strong,
.revision-return-proof-header span,
.revision-return-proof-header em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.revision-return-proof-header strong {
  color: var(--white);
}

.revision-return-proof-header span {
  color: var(--muted);
  line-height: 1.45;
}

.revision-return-proof-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
  white-space: nowrap;
}

.revision-return-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.revision-return-proof-card {
  display: grid;
  min-width: 0;
  min-height: 78px;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: rgba(32, 39, 48, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.revision-return-proof-card.is-ready {
  border-color: rgba(49, 209, 124, 0.4);
}

.revision-return-proof-card.is-hold {
  border-color: rgba(255, 191, 87, 0.5);
}

.revision-return-proof-card strong,
.revision-return-proof-card span,
.revision-return-proof-card em,
.revision-return-proof-next {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.revision-return-proof-card strong {
  color: var(--white);
  font-size: 1.08rem;
}

.revision-return-proof-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 1000;
  text-transform: uppercase;
}

.revision-return-proof-card em {
  color: rgba(232, 239, 248, 0.74);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.revision-return-proof-next {
  color: #c7ced8;
  font-size: 0.8rem;
  font-weight: 900;
}

.revision-return-proof-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.revision-return-proof-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.revision-return-proof-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.78);
}

.revision-return-proof-actions button:hover,
.revision-return-proof-actions button:focus-visible {
  border-color: rgba(77, 174, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(11, 124, 255, 0.16);
}

.client-approval-board {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(199, 206, 216, 0.07)),
    rgba(16, 20, 25, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.client-approval-preview {
  position: relative;
  min-width: 0;
  max-width: 100%;
  min-height: 300px;
  display: grid;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 58% 20%, rgba(128, 186, 255, 0.16), transparent 34%),
    #070c12;
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.client-approval-preview img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  display: block;
  object-fit: contain;
  background: #05090d;
}

.client-approval-preview span {
  max-width: 320px;
  padding: 18px;
  color: var(--silver);
  text-align: center;
  font-weight: 900;
  line-height: 1.45;
}

.client-approval-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}

.client-approval-copy > span {
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.client-approval-copy strong,
.client-approval-copy em,
.client-approval-copy p {
  overflow: hidden;
  text-overflow: ellipsis;
}

.client-approval-copy strong {
  color: var(--white);
  font-size: clamp(1.35rem, 2.6vw, 2.3rem);
  line-height: 1.04;
  white-space: nowrap;
}

.client-approval-copy em {
  color: #d9e7f8;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.client-approval-copy p {
  margin: 0;
  color: var(--silver);
  line-height: 1.45;
}

.client-approval-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  margin-top: 4px;
}

.client-approval-actions button {
  min-width: 0;
  min-height: 44px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.9);
  border: 1px solid rgba(199, 206, 216, 0.2);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.client-approval-actions button:nth-child(2) {
  background: linear-gradient(135deg, #0b7cff, #36a8ff);
  border-color: rgba(128, 186, 255, 0.58);
}

.client-approval-actions button:nth-child(3) {
  color: #ffe2e8;
  background: rgba(190, 52, 85, 0.16);
  border-color: rgba(255, 154, 176, 0.28);
}

.client-proof-review-list {
  display: grid;
  gap: 10px;
  max-height: 520px;
  overflow: auto;
  padding-right: 4px;
}

.client-proof-card,
.client-proof-empty {
  display: grid;
  min-width: 0;
  padding: 10px;
  background: rgba(32, 39, 48, 0.92);
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 8px;
}

.client-proof-card {
  grid-template-columns: 96px minmax(0, 1fr) minmax(160px, 0.58fr);
  gap: 10px;
  align-items: center;
}

.client-proof-card.is-favorite {
  border-color: rgba(128, 186, 255, 0.42);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.84);
}

.client-proof-card.is-approved {
  border-color: rgba(103, 232, 249, 0.46);
  box-shadow: inset 3px 0 0 rgba(103, 232, 249, 0.8);
}

.client-proof-card.is-revision {
  border-color: rgba(255, 154, 176, 0.42);
  box-shadow: inset 3px 0 0 rgba(190, 52, 85, 0.82);
}

.client-proof-thumb {
  width: 96px;
  height: 74px;
  display: grid;
  overflow: hidden;
  place-items: center;
  background: var(--thumb-bg, rgba(16, 20, 25, 0.8));
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.client-proof-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.client-proof-thumb span {
  padding: 8px;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-align: center;
}

.client-proof-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.client-proof-copy strong,
.client-proof-copy span,
.client-proof-copy em,
.client-proof-empty strong,
.client-proof-empty span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-proof-copy strong,
.client-proof-empty strong {
  color: var(--white);
  font-size: 0.82rem;
}

.client-proof-copy span,
.client-proof-empty span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.client-proof-copy em {
  color: #d9e7f8;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}

.client-proof-card-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
  gap: 6px;
}

.client-proof-card-actions button,
.client-proof-review-actions button {
  min-height: 38px;
  color: #d9e7f8;
  background: rgba(199, 206, 216, 0.1);
  border: 1px solid rgba(199, 206, 216, 0.2);
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 900;
  cursor: pointer;
}

.client-proof-card-actions button:nth-child(1),
.client-proof-card-actions button:nth-child(3),
.client-proof-review-actions button:first-child {
  color: var(--white);
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.42);
}

.client-proof-card-actions button:nth-child(4) {
  color: #ffe2e8;
  background: rgba(190, 52, 85, 0.12);
  border-color: rgba(255, 154, 176, 0.26);
}

.client-proof-card-actions button:hover,
.client-proof-card-actions button:focus-visible,
.client-proof-review-actions button:hover,
.client-proof-review-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.client-proof-review-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.delivery-output-tray {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.08));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.delivery-output-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.delivery-output-header div {
  display: grid;
  gap: 5px;
}

.delivery-output-header strong {
  color: var(--ink);
}

.delivery-output-header span {
  color: var(--muted);
  line-height: 1.45;
}

.delivery-output-header em {
  flex: 0 0 auto;
  color: #0b7cff;
  font-style: normal;
  font-weight: 1000;
}

.delivery-output-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.delivery-proof-guide {
  min-height: 42px;
  display: grid;
  align-items: center;
  padding: 10px 12px;
  color: var(--muted);
  background: rgba(6, 14, 22, 0.62);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.4;
}

.delivery-proof-guide.is-ready {
  color: var(--white);
  background: rgba(15, 118, 110, 0.2);
  border-color: rgba(45, 212, 191, 0.38);
}

.delivery-proof-guide.is-hold {
  color: var(--white);
  background: rgba(217, 119, 6, 0.18);
  border-color: rgba(245, 158, 11, 0.38);
}

.delivery-quality-gate {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(10, 16, 24, 0.94), rgba(32, 39, 48, 0.84));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.delivery-quality-gate-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.delivery-quality-gate-header strong,
.delivery-quality-gate-header span,
.delivery-quality-gate-header em {
  display: block;
}

.delivery-quality-gate-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.delivery-quality-gate-header span {
  margin-top: 3px;
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.delivery-quality-gate-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.delivery-quality-gate-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.delivery-quality-gate-row {
  display: grid;
  min-height: 74px;
  gap: 4px;
  padding: 10px;
  color: var(--ink);
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.delivery-quality-gate-row.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.delivery-quality-gate-row.is-warning {
  border-color: rgba(128, 186, 255, 0.42);
}

.delivery-quality-gate-row.is-hold {
  border-color: rgba(255, 191, 56, 0.38);
}

.delivery-quality-gate-row strong,
.delivery-quality-gate-row span,
.delivery-quality-gate-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivery-quality-gate-row strong {
  color: var(--white);
  font-size: 0.78rem;
}

.delivery-quality-gate-row span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.delivery-quality-gate-row em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.delivery-quality-gate-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.delivery-quality-gate-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.delivery-quality-gate-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.86), rgba(10, 99, 206, 0.92));
  border-color: rgba(128, 186, 255, 0.58);
}

.delivery-output-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.delivery-output-grid em,
.delivery-output-grid span,
.delivery-output-list strong,
.delivery-output-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivery-output-grid em {
  color: var(--ink);
  font-style: normal;
  font-weight: 900;
}

.delivery-output-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.client-package-proof {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(32, 39, 48, 0.9)),
    rgba(7, 11, 16, 0.86);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.client-package-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.client-package-proof-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.client-package-proof-header strong,
.client-package-proof-header span,
.client-package-proof-header em {
  display: block;
  margin: 0;
}

.client-package-proof-header strong {
  color: var(--white);
  font-size: 1rem;
}

.client-package-proof-header span {
  color: var(--silver);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.45;
}

.client-package-proof-header em {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-radius: 999px;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 1000;
}

.client-package-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.client-delivery-path {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    radial-gradient(circle at 94% 12%, rgba(35, 151, 255, 0.22), transparent 36%),
    linear-gradient(135deg, rgba(19, 30, 44, 0.96), rgba(7, 11, 16, 0.92));
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
}

.client-delivery-path-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
  align-items: center;
  gap: 12px;
}

.client-delivery-path-header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.client-delivery-path-header span,
.client-delivery-path-card span,
.client-delivery-path-route span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-delivery-path-header strong,
.client-delivery-path-route strong {
  overflow: hidden;
  color: var(--white);
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-delivery-path-header em {
  overflow: hidden;
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: ellipsis;
}

.client-delivery-path-header button,
.client-delivery-path-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.client-delivery-path-header button {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.96), rgba(8, 84, 184, 0.96));
  border-color: rgba(128, 186, 255, 0.66);
  box-shadow: 0 0 22px rgba(0, 119, 255, 0.26);
}

.client-delivery-path-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.client-delivery-path-card {
  min-height: 88px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 10px;
  text-align: left;
  background: rgba(10, 16, 24, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.client-delivery-path-card.is-ready {
  border-color: rgba(49, 209, 124, 0.48);
}

.client-delivery-path-card.is-hold {
  border-color: rgba(255, 191, 87, 0.34);
}

.client-delivery-path-card strong,
.client-delivery-path-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-delivery-path-card strong {
  color: var(--white);
  font-size: 0.98rem;
  font-weight: 1000;
}

.client-delivery-path-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.client-delivery-path-route {
  min-height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.client-delivery-path-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.client-delivery-path-actions button:hover,
.client-delivery-path-actions button:focus-visible,
.client-delivery-path-header button:hover,
.client-delivery-path-header button:focus-visible,
.client-delivery-path-card:hover,
.client-delivery-path-card:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.delivery-support-launcher {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, auto);
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: rgba(10, 16, 24, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.delivery-support-launcher > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.delivery-support-launcher span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.delivery-support-launcher strong,
.delivery-support-launcher em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.delivery-support-launcher strong {
  color: var(--white);
  font-size: 0.92rem;
}

.delivery-support-launcher em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
}

.delivery-support-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.delivery-support-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 950;
}

.delivery-support-actions button:hover,
.delivery-support-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

body[data-active-page="delivery"] .client-send-readiness,
body[data-active-page="delivery"] .client-view-proof,
body[data-active-page="delivery"] .client-proof-review,
body[data-active-page="delivery"] .delivery-quality-gate,
body[data-active-page="delivery"] .client-package-proof,
body[data-active-page="delivery"] .delivery-output-list,
body[data-active-page="delivery"] .client-handoff-completion,
body[data-active-page="delivery"] .delivery-output-actions,
body[data-active-page="delivery"] .selection-package,
body[data-active-page="delivery"] .message-draft,
body[data-active-page="delivery"] .activity-feed {
  display: none !important;
}

body[data-active-page="delivery"] .delivery-output-tray {
  gap: 10px;
}

body[data-active-page="delivery"] .delivery-output-header,
body[data-active-page="delivery"] .delivery-proof-guide,
body[data-active-page="delivery"] .delivery-output-grid {
  display: none !important;
}

@media (max-width: 900px) {
  .client-delivery-path-header,
  .client-delivery-path-grid,
  .client-delivery-path-route,
  .client-delivery-path-actions,
  .delivery-support-launcher,
  .delivery-support-actions {
    grid-template-columns: 1fr;
  }
}

.client-package-proof-card {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 88px;
  padding: 10px;
  background: rgba(10, 16, 24, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.client-package-proof-card.is-ready {
  border-color: rgba(49, 209, 124, 0.46);
}

.client-package-proof-card.is-hold {
  border-color: rgba(255, 191, 87, 0.42);
}

.client-package-proof-card strong,
.client-package-proof-card span,
.client-package-proof-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-package-proof-card strong {
  color: var(--white);
  font-size: 0.92rem;
}

.client-package-proof-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-package-proof-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.client-package-proof-next {
  min-height: 38px;
  display: grid;
  align-items: center;
  padding: 0 10px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 900;
}

.client-export-bundle {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(128, 186, 255, 0.11), rgba(32, 39, 48, 0.9)),
    rgba(7, 11, 16, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
}

.client-export-bundle-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.client-export-bundle-header div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.client-export-bundle-header strong,
.client-export-bundle-header span,
.client-export-bundle-header em {
  display: block;
}

.client-export-bundle-header strong {
  color: var(--white);
  font-size: 1rem;
}

.client-export-bundle-header span {
  color: var(--silver);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.45;
}

.client-export-bundle-header em {
  flex: 0 0 auto;
  padding: 7px 10px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-radius: 999px;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 1000;
}

.client-export-bundle-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.client-export-bundle-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: rgba(10, 16, 24, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.client-export-bundle-grid em,
.client-export-bundle-grid span,
.client-export-bundle-card strong,
.client-export-bundle-card span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-export-bundle-grid em {
  color: var(--white);
  font-style: normal;
  font-weight: 950;
}

.client-export-bundle-grid span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-export-bundle-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.client-delivery-index {
  display: grid;
  gap: 10px;
  padding: 10px;
  background: rgba(5, 9, 14, 0.58);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.client-delivery-index-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

.client-delivery-index-header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.client-delivery-index-header strong,
.client-delivery-index-header span,
.client-delivery-index-header em {
  display: block;
}

.client-delivery-index-header strong {
  color: var(--white);
  font-size: 0.9rem;
}

.client-delivery-index-header span {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.35;
}

.client-delivery-index-header em {
  flex: 0 0 auto;
  padding: 6px 8px;
  color: #071019;
  background: linear-gradient(135deg, #d8e4f2, #80baff);
  border-radius: 999px;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 1000;
}

.client-delivery-index-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.client-delivery-index-grid div,
.client-delivery-index-card {
  background: rgba(18, 26, 36, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.client-delivery-index-grid div {
  min-height: 58px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 9px;
}

.client-delivery-index-grid em,
.client-delivery-index-grid span,
.client-delivery-index-card strong,
.client-delivery-index-card span,
.client-delivery-index-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-delivery-index-grid em {
  color: var(--white);
  font-style: normal;
  font-weight: 950;
}

.client-delivery-index-grid span {
  color: #80baff;
  font-size: 0.62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-delivery-index-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.client-delivery-index-card {
  display: grid;
  gap: 5px;
  padding: 9px;
}

.client-delivery-index-card.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.client-delivery-index-card.is-hold {
  border-color: rgba(255, 191, 87, 0.3);
}

.client-delivery-index-card strong {
  color: var(--white);
  font-size: 0.76rem;
}

.client-delivery-index-card span,
.client-delivery-index-card em {
  color: rgba(232, 239, 248, 0.68);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 850;
}

.client-delivery-index-card em {
  color: #80baff;
}

.client-delivery-index-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.client-delivery-index-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 950;
}

.client-delivery-index-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.82), rgba(10, 99, 206, 0.94));
}

.client-delivery-api {
  display: grid;
  gap: 10px;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.14), rgba(5, 9, 14, 0.82)),
    rgba(5, 9, 14, 0.62);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.client-delivery-api-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

.client-delivery-api-header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.client-delivery-api-header strong,
.client-delivery-api-header span,
.client-delivery-api-header em {
  display: block;
}

.client-delivery-api-header strong {
  color: var(--white);
  font-size: 0.9rem;
}

.client-delivery-api-header span {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.35;
}

.client-delivery-api-header em {
  flex: 0 0 auto;
  padding: 6px 8px;
  color: #071019;
  background: linear-gradient(135deg, #80baff, #d8e4f2);
  border-radius: 999px;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 1000;
}

.client-delivery-api-grid,
.client-delivery-api-checks,
.client-delivery-api-actions {
  display: grid;
  gap: 8px;
}

.client-delivery-api-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-delivery-api-grid div,
.client-delivery-api-check {
  background: rgba(18, 26, 36, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.client-delivery-api-grid div {
  min-height: 58px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 9px;
}

.client-delivery-api-grid em,
.client-delivery-api-grid span,
.client-delivery-api-check strong,
.client-delivery-api-check span,
.client-delivery-api-check em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-delivery-api-grid em {
  color: var(--white);
  font-style: normal;
  font-weight: 950;
}

.client-delivery-api-grid span {
  color: #80baff;
  font-size: 0.62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-delivery-api-checks {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.client-delivery-api-check {
  display: grid;
  gap: 5px;
  padding: 9px;
}

.client-delivery-api-check.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.client-delivery-api-check.is-hold {
  border-color: rgba(255, 191, 87, 0.3);
}

.client-delivery-api-check strong {
  color: var(--white);
  font-size: 0.76rem;
}

.client-delivery-api-check span,
.client-delivery-api-check em {
  color: rgba(232, 239, 248, 0.68);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 850;
}

.client-delivery-api-check em {
  color: #80baff;
}

.client-delivery-api-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.client-delivery-api-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 950;
}

.client-delivery-api-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.82), rgba(10, 99, 206, 0.94));
}

.client-export-bundle-card,
.client-export-bundle-empty {
  min-height: 76px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px;
  background: rgba(18, 26, 36, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.client-export-bundle-card.is-ready {
  border-color: rgba(49, 209, 124, 0.42);
}

.client-export-bundle-card.is-hold {
  border-color: rgba(255, 191, 87, 0.42);
}

.client-export-bundle-thumb {
  width: 64px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: rgba(232, 239, 248, 0.8);
  background: var(--thumb-bg, rgba(128, 186, 255, 0.16));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  font-size: 0.58rem;
  font-weight: 950;
  text-align: center;
}

.client-export-bundle-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.client-export-bundle-thumb em {
  padding: 5px;
  font-style: normal;
  line-height: 1.15;
}

.client-export-bundle-card strong,
.client-export-bundle-empty strong {
  color: var(--white);
  font-size: 0.82rem;
}

.client-export-bundle-card span,
.client-export-bundle-empty span {
  margin-top: 4px;
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.72rem;
  font-weight: 850;
}

.client-export-bundle-empty {
  grid-template-columns: 1fr;
}

.client-export-bundle-actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.client-export-bundle-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.client-export-bundle-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.9), rgba(10, 99, 206, 0.96));
  border-color: rgba(128, 186, 255, 0.58);
}

.client-export-bundle-actions button:hover,
.client-export-bundle-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.client-export-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.14), rgba(5, 9, 14, 0.82)),
    rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.client-export-readiness-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

.client-export-readiness-header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.client-export-readiness-header strong,
.client-export-readiness-header span,
.client-export-readiness-header em {
  display: block;
}

.client-export-readiness-header strong {
  color: var(--white);
  font-size: 0.9rem;
}

.client-export-readiness-header span {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.35;
}

.client-export-readiness-header em {
  flex: 0 0 auto;
  padding: 6px 8px;
  color: #071019;
  background: linear-gradient(135deg, #80baff, #f7fbff);
  border-radius: 999px;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 1000;
}

.client-export-readiness-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.client-export-readiness-card {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 9px;
  background: rgba(18, 26, 36, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.client-export-readiness-card.is-ready {
  border-color: rgba(49, 209, 124, 0.36);
}

.client-export-readiness-card.is-hold {
  border-color: rgba(255, 191, 87, 0.34);
}

.client-export-readiness-card strong,
.client-export-readiness-card span,
.client-export-readiness-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-export-readiness-card strong {
  color: var(--white);
  font-size: 0.76rem;
}

.client-export-readiness-card span,
.client-export-readiness-card em {
  color: rgba(232, 239, 248, 0.68);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 850;
}

.client-export-readiness-card em {
  color: #80baff;
}

.client-export-readiness-next {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
}

.client-transfer-receipt {
  display: grid;
  gap: 10px;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(216, 228, 242, 0.09), rgba(5, 9, 14, 0.82)),
    rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(216, 228, 242, 0.2);
  border-radius: 8px;
}

.client-transfer-receipt-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

.client-transfer-receipt-header div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.client-transfer-receipt-header strong,
.client-transfer-receipt-header span,
.client-transfer-receipt-header em {
  display: block;
}

.client-transfer-receipt-header strong {
  color: var(--white);
  font-size: 0.9rem;
}

.client-transfer-receipt-header span {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.35;
}

.client-transfer-receipt-header em {
  flex: 0 0 auto;
  padding: 6px 8px;
  color: #071019;
  background: linear-gradient(135deg, #d8e4f2, #80baff);
  border-radius: 999px;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 1000;
}

.client-transfer-receipt-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
}

.client-transfer-receipt-card {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 9px;
  background: rgba(18, 26, 36, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.client-transfer-receipt-card.is-ready {
  border-color: rgba(49, 209, 124, 0.36);
}

.client-transfer-receipt-card.is-hold {
  border-color: rgba(255, 191, 87, 0.34);
}

.client-transfer-receipt-card strong,
.client-transfer-receipt-card span,
.client-transfer-receipt-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-transfer-receipt-card strong {
  color: var(--white);
  font-size: 0.76rem;
}

.client-transfer-receipt-card span,
.client-transfer-receipt-card em {
  color: rgba(232, 239, 248, 0.68);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 850;
}

.client-transfer-receipt-card em {
  color: #80baff;
}

.client-transfer-receipt-next {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
}

.client-transfer-receipt-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.client-transfer-receipt-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 950;
}

.client-transfer-receipt-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.82), rgba(10, 99, 206, 0.94));
}

.client-transfer-receipt-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.delivered-gallery-package {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    radial-gradient(circle at 95% 0%, rgba(11, 124, 255, 0.16), transparent 38%),
    linear-gradient(135deg, rgba(10, 16, 24, 0.96), rgba(32, 39, 48, 0.86));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.delivered-gallery-package-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.delivered-gallery-package-header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.delivered-gallery-package-header strong,
.delivered-gallery-package-header span,
.delivered-gallery-package-header em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.delivered-gallery-package-header strong {
  color: var(--white);
  font-size: 0.98rem;
}

.delivered-gallery-package-header span {
  color: rgba(232, 239, 248, 0.74);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.4;
}

.delivered-gallery-package-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
  white-space: nowrap;
}

.delivered-gallery-package-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.delivered-gallery-package-grid div {
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 9px;
  background: rgba(8, 14, 21, 0.76);
  border: 1px solid rgba(128, 186, 255, 0.17);
  border-radius: 8px;
}

.delivered-gallery-package-grid em,
.delivered-gallery-package-grid span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivered-gallery-package-grid em {
  color: var(--white);
  font-style: normal;
  font-size: 1.08rem;
  font-weight: 1000;
}

.delivered-gallery-package-grid span {
  color: rgba(232, 239, 248, 0.68);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.delivered-gallery-package-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.delivered-gallery-package-card,
.delivered-gallery-package-empty {
  min-height: 82px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.delivered-gallery-package-card.is-released {
  border-color: rgba(128, 186, 255, 0.48);
}

.delivered-gallery-package-card.is-downloaded {
  border-color: rgba(49, 209, 124, 0.48);
}

.delivered-gallery-package-card.is-revoked {
  border-color: rgba(255, 93, 108, 0.48);
}

.delivered-gallery-package-card.is-held {
  border-color: rgba(255, 191, 87, 0.44);
}

.delivered-gallery-package-thumb {
  width: 72px;
  height: 62px;
  display: grid;
  overflow: hidden;
  place-items: center;
  color: rgba(232, 239, 248, 0.78);
  background: var(--thumb-bg, rgba(128, 186, 255, 0.16));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  font-size: 0.58rem;
  font-weight: 950;
  text-align: center;
}

.delivered-gallery-package-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.delivered-gallery-package-thumb em {
  padding: 5px;
  font-style: normal;
  line-height: 1.15;
}

.delivered-gallery-package-card strong,
.delivered-gallery-package-card span,
.delivered-gallery-package-card em,
.delivered-gallery-package-empty strong,
.delivered-gallery-package-empty span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivered-gallery-package-card strong,
.delivered-gallery-package-empty strong {
  color: var(--white);
  font-size: 0.8rem;
}

.delivered-gallery-package-card span,
.delivered-gallery-package-empty span {
  margin-top: 4px;
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.7rem;
  font-weight: 850;
}

.delivered-gallery-package-card em {
  margin-top: 4px;
  color: #80baff;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 900;
}

.delivered-gallery-package-empty {
  grid-template-columns: 1fr;
}

.delivered-gallery-package-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.delivered-gallery-package-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 950;
}

.delivered-gallery-package-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.76), rgba(10, 99, 206, 0.92));
}

.delivered-gallery-package-actions button:hover,
.delivered-gallery-package-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

@media (max-width: 900px) {
  .client-export-bundle-grid,
  .client-export-readiness-grid,
  .client-export-bundle-actions,
  .client-delivery-index-grid,
  .client-delivery-index-actions,
  .client-delivery-api-grid,
  .client-delivery-api-actions,
  .delivered-gallery-package-grid,
  .delivered-gallery-package-list,
  .delivered-gallery-package-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.selected-download-proof,
.ready-set-download-proof {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    radial-gradient(circle at 92% 0%, rgba(77, 174, 255, 0.12), transparent 42%),
    rgba(10, 16, 24, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.selected-download-proof-header,
.ready-set-download-proof-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.selected-download-proof-header div,
.ready-set-download-proof-header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.selected-download-proof-header strong,
.selected-download-proof-header span,
.selected-download-proof-header em,
.ready-set-download-proof-header strong,
.ready-set-download-proof-header span,
.ready-set-download-proof-header em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selected-download-proof-header strong,
.ready-set-download-proof-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.selected-download-proof-header span,
.ready-set-download-proof-header span {
  color: var(--silver);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.4;
}

.selected-download-proof-header em,
.ready-set-download-proof-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 1000;
  white-space: nowrap;
}

.selected-download-proof-grid,
.ready-set-download-proof-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.selected-download-proof-card,
.ready-set-download-proof-card {
  display: grid;
  min-width: 0;
  min-height: 82px;
  align-content: center;
  gap: 5px;
  padding: 10px;
  background: rgba(8, 14, 21, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.selected-download-proof-card.is-ready,
.ready-set-download-proof-card.is-ready {
  border-color: rgba(49, 209, 124, 0.44);
}

.selected-download-proof-card.is-hold,
.ready-set-download-proof-card.is-hold {
  border-color: rgba(255, 191, 87, 0.42);
}

.selected-download-proof-card strong,
.selected-download-proof-card span,
.selected-download-proof-card em,
.selected-download-proof-next,
.ready-set-download-proof-card strong,
.ready-set-download-proof-card span,
.ready-set-download-proof-card em,
.ready-set-download-proof-next {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selected-download-proof-card strong,
.ready-set-download-proof-card strong {
  color: var(--white);
  font-size: 0.86rem;
}

.selected-download-proof-card span,
.ready-set-download-proof-card span {
  color: #80baff;
  font-size: 0.64rem;
  font-weight: 950;
  text-transform: uppercase;
}

.selected-download-proof-card em,
.ready-set-download-proof-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.selected-download-proof-next,
.ready-set-download-proof-next {
  color: #c7ced8;
  font-size: 0.8rem;
  font-weight: 900;
}

.selected-download-proof button,
.ready-set-download-proof button {
  min-height: 38px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border: 1px solid rgba(128, 186, 255, 0.78);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.selected-download-proof button:disabled,
.ready-set-download-proof button:disabled {
  cursor: not-allowed;
  filter: grayscale(0.5);
  opacity: 0.55;
}

.final-delivery-tray {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.12), rgba(199, 206, 216, 0.06)),
    rgba(8, 16, 23, 0.96);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.final-delivery-preview {
  display: grid;
  min-width: 0;
  min-height: 260px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(128, 186, 255, 0.14), transparent 42%),
    #05090d;
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.final-delivery-preview img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: contain;
  background: #05090d;
  cursor: zoom-in;
}

.final-delivery-preview span {
  max-width: 320px;
  padding: 20px;
  color: var(--silver);
  text-align: center;
  font-weight: 900;
  line-height: 1.45;
}

.final-delivery-side {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.final-delivery-summary {
  display: grid;
  gap: 5px;
}

.final-delivery-summary strong,
.final-delivery-summary span,
.final-delivery-summary em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.final-delivery-summary strong {
  color: var(--white);
  font-size: 1rem;
}

.final-delivery-summary span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.final-delivery-summary em {
  padding: 8px 10px;
  color: #80baff;
  background: rgba(11, 124, 255, 0.14);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 950;
}

.final-delivery-summary em.is-ready {
  color: #dff7ff;
  background: rgba(49, 209, 124, 0.15);
  border-color: rgba(49, 209, 124, 0.38);
}

.final-delivery-summary em.is-hold {
  color: #ffe08a;
  background: rgba(255, 196, 73, 0.13);
  border-color: rgba(255, 196, 73, 0.34);
}

.final-delivery-export-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.final-delivery-export-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 68px;
  padding: 9px;
  background: rgba(10, 16, 24, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.final-delivery-export-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.88));
  border-color: rgba(128, 186, 255, 0.44);
}

.final-delivery-export-card.is-hold {
  border-color: rgba(240, 207, 148, 0.34);
}

.final-delivery-export-card strong,
.final-delivery-export-card span,
.final-delivery-export-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.final-delivery-export-card strong {
  color: var(--white);
  font-size: 0.78rem;
  font-weight: 950;
}

.final-delivery-export-card span {
  color: #80baff;
  font-size: 0.62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.final-delivery-export-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.final-delivery-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 7px;
}

.final-delivery-actions button {
  min-height: 40px;
  padding: 0 8px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 950;
}

.final-delivery-actions button.is-ready,
.final-delivery-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.final-delivery-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.final-delivery-files {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  max-height: 360px;
  overflow: auto;
  padding-right: 4px;
}

.final-delivery-file-card {
  display: grid;
  min-width: 0;
  gap: 6px;
  padding: 7px;
  background: rgba(32, 39, 48, 0.92);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.final-delivery-file-select {
  display: grid;
  min-width: 0;
  gap: 6px;
  padding: 0;
  color: var(--white);
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.final-delivery-file-card.is-selected {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(11, 124, 255, 0.2);
}

.final-delivery-file-card.is-ready {
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.78);
}

.final-delivery-file-card.is-hold {
  box-shadow: inset 3px 0 0 rgba(199, 206, 216, 0.42);
}

.final-delivery-file-select > span {
  display: grid;
  min-height: 84px;
  overflow: hidden;
  place-items: center;
  background: var(--thumb-bg, rgba(16, 20, 25, 0.8));
  border-radius: 6px;
}

.final-delivery-files img {
  width: 100%;
  height: 84px;
  display: block;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.28);
}

.final-delivery-files em {
  padding: 8px;
  color: #80baff;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  text-align: center;
}

.final-delivery-files strong,
.final-delivery-files small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.final-delivery-files strong {
  font-size: 0.74rem;
}

.final-delivery-files small {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
}

.final-delivery-next-chip {
  display: block;
  overflow: hidden;
  padding: 5px 7px;
  color: var(--muted);
  background: rgba(7, 12, 18, 0.64);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 6px;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.final-delivery-next-chip.is-ready {
  color: #d9fff0;
  border-color: rgba(49, 209, 124, 0.36);
}

.final-delivery-next-chip.is-work {
  color: #80baff;
  border-color: rgba(128, 186, 255, 0.32);
}

.final-delivery-next-chip.is-hold {
  color: #ffe08a;
  border-color: rgba(255, 196, 73, 0.34);
}

.final-delivery-file-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.final-delivery-file-actions button {
  min-height: 30px;
  padding: 0 4px;
  color: var(--white);
  background: rgba(8, 13, 20, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.64rem;
  font-weight: 950;
}

.final-delivery-file-actions button:nth-child(2) {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.final-delivery-file-actions button:nth-child(3) {
  background: rgba(54, 31, 92, 0.92);
  border-color: rgba(190, 116, 255, 0.4);
}

.final-delivery-file-actions button:hover,
.final-delivery-file-actions button:focus-visible,
.final-delivery-file-select:hover,
.final-delivery-file-select:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.delivery-output-list {
  display: grid;
  gap: 7px;
  max-height: 214px;
  overflow: auto;
}

.delivery-output-list div {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(120px, 0.7fr);
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.delivery-output-list div.is-ready {
  border-color: rgba(11, 124, 255, 0.42);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.72);
}

.delivery-output-list div.is-hold {
  border-color: rgba(245, 158, 11, 0.42);
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.62);
}

.delivery-output-list strong {
  color: var(--ink);
  font-size: 0.8rem;
}

.delivery-output-list span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.client-handoff-completion {
  display: grid;
  gap: 10px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(0, 122, 255, 0.14), rgba(32, 39, 48, 0.9)),
    rgba(8, 16, 23, 0.96);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
}

.client-handoff-completion-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.client-handoff-completion-header div {
  display: grid;
  gap: 4px;
}

.client-handoff-completion-header strong,
.client-handoff-completion-header span,
.client-handoff-completion-header em {
  display: block;
}

.client-handoff-completion-header strong {
  color: var(--white);
  font-size: 0.98rem;
}

.client-handoff-completion-header span {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.client-handoff-completion-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.client-handoff-completion-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.client-handoff-completion-card {
  min-height: 92px;
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 10px;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.client-handoff-completion-card.is-ready {
  border-color: rgba(54, 211, 153, 0.48);
  box-shadow: inset 0 0 0 1px rgba(54, 211, 153, 0.12);
}

.client-handoff-completion-card.is-hold {
  border-color: rgba(245, 158, 11, 0.38);
}

.client-handoff-completion-card strong,
.client-handoff-completion-card span,
.client-handoff-completion-card em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.client-handoff-completion-card strong {
  color: var(--white);
  font-size: 0.94rem;
  font-weight: 950;
  white-space: nowrap;
}

.client-handoff-completion-card span {
  color: #80baff;
  font-size: 0.64rem;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.client-handoff-completion-card em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.24;
}

.client-handoff-completion-next {
  min-height: 40px;
  display: grid;
  align-items: center;
  padding: 9px 10px;
  color: #d8ecff;
  background: rgba(6, 14, 22, 0.58);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  font-size: 0.76rem;
  font-weight: 950;
}

.client-handoff-completion-api {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 40px;
  padding: 9px 10px;
  color: #d8ecff;
  background: rgba(10, 24, 38, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.client-handoff-completion-api strong,
.client-handoff-completion-api span {
  display: block;
  min-width: 0;
}

.client-handoff-completion-api strong {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.client-handoff-completion-api span {
  overflow: hidden;
  color: rgba(232, 239, 248, 0.82);
  font-size: 0.74rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-handoff-completion-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.client-handoff-completion-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 950;
}

.client-handoff-completion-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.76);
}

.client-handoff-completion-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.delivery-output-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.delivery-output-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.delivery-output-actions button:nth-child(2) {
  background: rgba(11, 124, 255, 0.82);
  border-color: rgba(11, 124, 255, 0.9);
}

.delivery-output-actions button:last-child {
  background: var(--surface-strong);
  border-color: rgba(128, 186, 255, 0.38);
}

.selection-package {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.selection-package > strong {
  color: var(--ink);
}

.selection-package-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.selection-package-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.selection-package-grid em {
  overflow: hidden;
  color: var(--teal);
  font-style: normal;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selection-package-grid span,
.selection-package-list span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.selection-package-list {
  display: grid;
  gap: 8px;
}

.selection-package-card {
  display: grid;
  gap: 8px;
  min-height: 74px;
  padding: 8px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.selection-package-card.favorite {
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.72);
}

.selection-package-card.final {
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.72);
}

.selection-package-card.revision {
  box-shadow: inset 3px 0 0 rgba(245, 91, 111, 0.72);
}

.selection-package-select {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.selection-package-thumb {
  display: grid;
  width: 74px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  place-items: center;
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.04)),
    #070b10;
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 6px;
}

.selection-package-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.selection-package-thumb em {
  padding: 5px;
  color: var(--muted);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}

.selection-package-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.selection-package-copy small {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selection-package-state {
  justify-self: end;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  white-space: nowrap;
}

.selection-package-list strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 0.84rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selection-package-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.selection-package-meta span {
  display: grid;
  gap: 3px;
  min-height: 44px;
  padding: 8px;
  color: #dbe8f8;
  background: rgba(6, 14, 22, 0.52);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: none;
}

.selection-package-meta b {
  color: #80baff;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.selection-package-card.favorite .selection-package-meta b {
  color: #f59e0b;
}

.selection-package-card.final .selection-package-meta b {
  color: #19c3ff;
}

.selection-package-card.revision .selection-package-meta b {
  color: #ff6b86;
}

.selection-package-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.selection-package-card-actions button {
  min-height: 32px;
  padding: 0 5px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.66rem;
  font-weight: 950;
}

.selection-package-card-actions button:nth-child(2) {
  background: linear-gradient(135deg, #0b7cff, #0a63ce);
  border-color: rgba(128, 186, 255, 0.58);
}

.selection-package-card-actions button:nth-child(3) {
  background: rgba(245, 91, 111, 0.84);
  border-color: rgba(245, 91, 111, 0.9);
}

.selection-package-card-actions button:hover,
.selection-package-card-actions button:focus-visible,
.selection-package-select:hover,
.selection-package-select:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.selection-package-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.selection-package-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.selection-package-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.manifest-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.manifest-grid div {
  min-height: 94px;
  padding: 16px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.manifest-grid strong,
.manifest-grid span {
  display: block;
}

.manifest-grid strong {
  margin-bottom: 16px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manifest-grid span {
  color: var(--muted);
  font-weight: 900;
}

.manifest-evidence-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.manifest-evidence-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 76px;
  padding: 10px;
  background: rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.manifest-evidence-card.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.88));
  border-color: rgba(128, 186, 255, 0.44);
}

.manifest-evidence-card.is-hold {
  border-color: rgba(255, 191, 56, 0.36);
}

.manifest-evidence-card strong,
.manifest-evidence-card span,
.manifest-evidence-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manifest-evidence-card strong {
  color: var(--white);
  font-size: 0.88rem;
}

.manifest-evidence-card span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.manifest-evidence-card em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 850;
}

.manifest-output {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.manifest-download {
  width: 100%;
  margin-top: 12px;
}

.manifest-file-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 76px;
  padding: 10px;
  color: var(--muted);
  background: linear-gradient(135deg, rgba(18, 28, 43, 0.94), rgba(7, 12, 22, 0.92));
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
  font-weight: 800;
}

.manifest-file-card.is-selected {
  border-color: rgba(35, 151, 255, 0.72);
  box-shadow: 0 0 0 1px rgba(35, 151, 255, 0.18), 0 18px 34px rgba(0, 119, 255, 0.18);
}

.manifest-file-card.is-empty {
  display: grid;
  min-height: 58px;
  align-content: center;
}

.manifest-file-select {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) minmax(126px, auto);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.manifest-file-thumb {
  width: 64px;
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--white);
  background: var(--thumb-bg, linear-gradient(135deg, #1d4ed8, #020617));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}

.manifest-file-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.manifest-file-thumb em {
  padding: 6px;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

.manifest-file-copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.manifest-file-meta {
  display: grid;
  justify-items: end;
  min-width: 0;
  gap: 4px;
}

.manifest-file-copy strong,
.manifest-file-copy em,
.manifest-file-copy small,
.manifest-file-meta b,
.manifest-file-meta i,
.manifest-file-meta em,
.manifest-file-card > strong,
.manifest-file-card > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manifest-file-copy strong,
.manifest-file-card > strong {
  color: var(--white);
  font-size: 0.92rem;
}

.manifest-file-copy em,
.manifest-file-copy small,
.manifest-file-card > span {
  color: var(--blue-soft);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 900;
}

.manifest-file-copy small {
  color: var(--muted);
  font-size: 0.66rem;
}

.manifest-file-meta b,
.manifest-file-meta i,
.manifest-file-meta em {
  max-width: 100%;
  font-style: normal;
  font-weight: 950;
}

.manifest-file-meta b {
  color: #f0cf94;
  font-size: 0.7rem;
}

.manifest-file-meta i {
  color: #80baff;
  font-size: 0.68rem;
}

.manifest-file-meta em {
  color: #dbeafe;
  font-size: 0.68rem;
}

.manifest-file-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(74px, auto));
  gap: 6px;
}

.manifest-file-actions button {
  min-height: 36px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.manifest-file-actions button:first-child {
  background: var(--blue);
  border-color: rgba(35, 151, 255, 0.8);
  box-shadow: 0 0 18px rgba(0, 119, 255, 0.32);
}

.manifest-file-actions button:nth-child(3) {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.manifest-file-actions button:hover,
.manifest-file-actions button:focus-visible,
.manifest-file-select:hover strong,
.manifest-file-select:focus-visible strong {
  color: var(--white);
  transform: translateY(-1px);
}

.backup-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.backup-grid label {
  min-height: 48px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 900;
}

.backup-grid input {
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  accent-color: var(--teal);
}

.backup-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.backup-summary div {
  min-height: 80px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.backup-summary strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1.1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backup-summary span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.backup-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.backup-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.backup-actions button:first-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.backup-command-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.backup-command-card {
  min-width: 0;
}

.backup-command-card button {
  width: 100%;
  min-height: 106px;
  display: grid;
  align-content: space-between;
  gap: 8px;
  padding: 12px;
  color: #eaf4ff;
  text-align: left;
  background: linear-gradient(145deg, rgba(12, 23, 38, 0.96), rgba(21, 33, 48, 0.9));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.backup-command-card.is-ready button {
  border-color: rgba(32, 199, 255, 0.42);
  box-shadow: inset 3px 0 0 rgba(11, 124, 255, 0.8), 0 14px 28px rgba(0, 0, 0, 0.18);
}

.backup-command-card strong,
.backup-command-card span,
.backup-command-card em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.backup-command-card strong {
  color: #f8fbff;
  font-size: 0.86rem;
  font-weight: 950;
  white-space: nowrap;
}

.backup-command-card span {
  color: rgba(214, 226, 240, 0.78);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.3;
}

.backup-command-card em {
  width: fit-content;
  max-width: 100%;
  padding: 5px 8px;
  color: #80baff;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(11, 124, 255, 0.14);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 999px;
}

.backup-command-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.backup-command-meta i {
  display: grid;
  gap: 2px;
  min-height: 38px;
  padding: 6px;
  color: #dbe8f8;
  background: rgba(6, 14, 22, 0.54);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.15;
}

.backup-command-meta b {
  color: #80baff;
  font-size: 0.52rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.backup-command-card.is-ready .backup-command-meta b {
  color: #22c55e;
}

.backup-command-card button:hover,
.backup-command-card button:focus-visible {
  border-color: rgba(128, 186, 255, 0.72);
  outline: none;
  transform: translateY(-1px);
}

.archive-search-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.archive-search-grid div {
  min-height: 80px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.archive-search-grid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1.12rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.archive-search-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.archive-search-actions {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: 8px;
  margin-bottom: 12px;
}

.archive-search-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.archive-search-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.archive-results {
  display: grid;
  gap: 8px;
}

.archive-result-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  color: var(--muted);
  background: linear-gradient(135deg, rgba(18, 28, 43, 0.94), rgba(7, 12, 22, 0.92));
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
  font-weight: 800;
}

.archive-result-card.is-empty {
  display: grid;
  min-height: 58px;
  align-content: center;
}

.archive-result-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(132px, auto);
  align-items: center;
  min-width: 0;
  gap: 12px;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.archive-result-copy,
.archive-result-meta {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.archive-result-card strong,
.archive-result-card span,
.archive-result-card em,
.archive-result-card b,
.archive-result-card i,
.archive-result-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.archive-result-card strong {
  color: var(--white);
  font-size: 0.94rem;
}

.archive-result-card span {
  color: var(--blue-soft);
  font-size: 0.78rem;
}

.archive-result-card em {
  color: var(--muted);
  font-size: 0.72rem;
  font-style: normal;
}

.archive-result-copy i {
  color: #9fb0c7;
  font-size: 0.68rem;
  font-style: normal;
}

.archive-result-meta {
  justify-items: end;
}

.archive-result-meta b,
.archive-result-meta i,
.archive-result-meta em {
  max-width: 100%;
  font-style: normal;
  font-weight: 950;
}

.archive-result-meta b {
  color: #f0cf94;
  font-size: 0.72rem;
}

.archive-result-meta i {
  color: #80baff;
  font-size: 0.68rem;
}

.archive-result-meta em {
  color: #dbeafe;
  font-size: 0.68rem;
}

.archive-result-meta small {
  color: #8ee7ff;
  font-size: 0.66rem;
  font-weight: 950;
}

.archive-result-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(70px, auto));
  gap: 6px;
}

.archive-result-actions button {
  min-height: 36px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 900;
}

.archive-result-actions button:first-child {
  background: var(--blue);
  border-color: rgba(35, 151, 255, 0.8);
  box-shadow: 0 0 18px rgba(0, 119, 255, 0.32);
}

.archive-result-actions button:nth-child(2) {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.archive-result-select:hover strong,
.archive-result-select:focus-visible strong,
.archive-result-actions button:hover,
.archive-result-actions button:focus-visible {
  color: var(--white);
  transform: translateY(-1px);
}

.team-routing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.team-routing-grid div {
  min-height: 80px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.team-routing-grid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1.1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-routing-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.team-routing-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.team-routing-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.team-routing-actions button:last-child {
  color: var(--ink);
  background: var(--blue-soft);
  border-color: #c8d7ff;
}

.team-task-list {
  display: grid;
  gap: 8px;
}

.team-task-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  min-height: 44px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.team-task-list strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-task-list span.is-open {
  color: var(--teal);
}

.team-task-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.74fr);
  gap: 10px;
  align-items: stretch;
  padding: 10px;
  background:
    linear-gradient(135deg, rgba(0, 122, 255, 0.16), transparent 45%),
    var(--surface);
  border: 1px solid rgba(114, 139, 162, 0.34);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

.team-task-card.is-open {
  border-color: rgba(0, 122, 255, 0.72);
}

.team-task-card.is-clear {
  opacity: 0.72;
}

.team-task-card:hover,
.team-task-card:focus-within {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.34);
}

.team-task-card-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-height: 48px;
}

.team-task-card-main strong,
.team-task-card-main span,
.team-task-card-main em {
  display: block;
  min-width: 0;
}

.team-task-card-main strong {
  overflow: hidden;
  color: var(--white);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-task-card-main span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.team-task-card-main em {
  color: var(--blue-bright);
  font-style: normal;
  font-weight: 950;
}

.team-task-card.is-clear .team-task-card-main em {
  color: rgba(234, 242, 255, 0.72);
}

.team-task-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.team-task-card-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 950;
}

.team-task-card-actions button:nth-child(1) {
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.95), rgba(0, 75, 190, 0.88));
  border-color: rgba(109, 191, 255, 0.5);
}

.team-task-card-actions button:nth-child(2) {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.9), rgba(22, 163, 74, 0.78));
  border-color: rgba(134, 239, 172, 0.44);
}

.team-task-card-actions button:nth-child(4) {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.9), rgba(217, 119, 6, 0.78));
  border-color: rgba(252, 211, 77, 0.42);
}

.team-task-card-actions button:hover,
.team-task-card-actions button:focus-visible {
  filter: brightness(1.12);
  outline: 0;
  transform: translateY(-1px);
}

.test-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.test-list label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  min-height: 48px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.test-list input {
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  accent-color: var(--teal);
}

.revenue-snapshot {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.revenue-snapshot > strong {
  color: var(--ink);
}

.revenue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.revenue-grid div {
  min-height: 76px;
  padding: 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.revenue-grid em,
.revenue-grid span {
  display: block;
}

.revenue-grid em {
  margin-bottom: 8px;
  color: var(--ink);
  font-size: clamp(1.25rem, 1.9vw, 1.75rem);
  font-style: normal;
  font-weight: 900;
}

.revenue-grid span {
  color: var(--muted);
  font-weight: 900;
}

.package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.package-card {
  display: grid;
  gap: 10px;
  min-height: 210px;
  padding: 14px;
  color: var(--muted);
  background: linear-gradient(135deg, rgba(18, 28, 43, 0.94), rgba(7, 12, 22, 0.92));
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
}

.package-card.is-selected {
  border-color: rgba(35, 151, 255, 0.72);
  box-shadow: 0 0 0 1px rgba(35, 151, 255, 0.18), 0 18px 34px rgba(0, 119, 255, 0.18);
}

.package-card-select {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.package-card-select input {
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  accent-color: var(--blue);
}

.package-card-select span,
.package-card p,
.package-card-meta span {
  min-width: 0;
}

.package-card-select strong,
.package-card-select em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.package-card-select strong {
  color: var(--white);
  font-size: 0.94rem;
}

.package-card-select em {
  margin-top: 4px;
  color: var(--blue-soft);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.package-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.45;
}

.package-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.package-card-meta span {
  overflow: hidden;
  padding: 8px 9px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.package-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  align-self: end;
}

.package-card-actions button {
  min-height: 36px;
  padding: 0 8px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 900;
}

.package-card-actions button:first-child {
  background: var(--blue);
  border-color: rgba(35, 151, 255, 0.8);
  box-shadow: 0 0 18px rgba(0, 119, 255, 0.32);
}

.package-card-actions button:nth-child(3) {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.package-card-actions button:hover,
.package-card-actions button:focus-visible,
.package-card-select:focus-within strong {
  color: var(--white);
  transform: translateY(-1px);
}

.business-readiness-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.business-readiness-grid label {
  min-height: 48px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 900;
}

.business-readiness-grid input {
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  accent-color: var(--teal);
}

.business-readiness-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.business-readiness-summary div {
  min-height: 80px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.business-readiness-summary strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1.16rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.business-readiness-summary span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.money-handoff-panel {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.13), rgba(199, 206, 216, 0.08)),
    linear-gradient(145deg, rgba(30, 42, 54, 0.96), rgba(8, 15, 22, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
}

.money-handoff-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.money-handoff-header div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.money-handoff-header strong {
  color: var(--white);
}

.money-handoff-header span {
  color: var(--silver);
  line-height: 1.45;
}

.money-handoff-header em {
  flex: 0 0 auto;
  padding: 8px 10px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.18);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  font-style: normal;
  font-weight: 950;
}

.money-handoff-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.money-handoff-grid div {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 72px;
  padding: 10px;
  background: rgba(32, 39, 48, 0.88);
  border: 1px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
}

.money-handoff-grid strong,
.money-handoff-grid span,
.money-handoff-list strong,
.money-handoff-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.money-handoff-grid strong {
  color: var(--white);
  font-size: 1.08rem;
}

.money-handoff-grid span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.money-handoff-list {
  display: grid;
  gap: 7px;
}

.money-handoff-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 40px;
  align-items: center;
  padding: 0 10px;
  background: rgba(16, 20, 25, 0.58);
  border: 1px solid rgba(232, 237, 245, 0.1);
  border-radius: 8px;
}

.money-handoff-list > div strong {
  color: var(--white);
  font-size: 0.82rem;
}

.money-handoff-list > div span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.money-handoff-list span.is-ready {
  color: #80baff;
}

.money-handoff-list span.is-hold {
  color: #ffbf38;
}

.money-handoff-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: linear-gradient(135deg, rgba(18, 28, 43, 0.94), rgba(7, 12, 22, 0.92));
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}

.money-handoff-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.money-handoff-card.is-hold {
  border-color: rgba(245, 158, 11, 0.42);
}

.money-handoff-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, auto) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.money-handoff-card strong,
.money-handoff-card span,
.money-handoff-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.money-handoff-card strong {
  color: var(--white);
  font-size: 0.86rem;
  font-weight: 950;
}

.money-handoff-card span {
  color: #bac4d3;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.money-handoff-card em {
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.money-handoff-card span.is-ready {
  color: #ccffe0;
}

.money-handoff-card span.is-hold {
  color: #ffbf38;
}

.money-handoff-card-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.money-handoff-card-meta span {
  min-width: 0;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-transform: none;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.money-handoff-card-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.money-handoff-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.money-handoff-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 6px;
  cursor: pointer;
}

.money-handoff-card-actions button:nth-child(1) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.money-handoff-card-actions button:nth-child(2) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.money-handoff-card-actions button:nth-child(3) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.money-handoff-card-actions button:nth-child(4) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.money-handoff-card-actions button:hover,
.money-handoff-card-actions button:focus-visible,
.money-handoff-card-select:hover strong,
.money-handoff-card-select:focus-visible strong {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.money-handoff-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.money-handoff-actions button,
#mark-business-ready {
  min-height: 42px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.money-handoff-actions button:first-child,
#mark-business-ready {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.48);
}

.money-handoff-actions button:last-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.98), rgba(32, 199, 255, 0.76));
  border-color: rgba(128, 186, 255, 0.72);
  box-shadow: 0 14px 30px rgba(11, 124, 255, 0.18);
}

#mark-business-ready {
  min-height: 42px;
  width: 100%;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.proof-console {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(180px, 0.45fr) minmax(280px, 0.9fr);
  gap: 14px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.16), transparent 38%),
    linear-gradient(145deg, #111a22 0%, #18222c 52%, #0d1217 100%);
  border-color: rgba(128, 186, 255, 0.24);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
}

.proof-console-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
}

.proof-console-copy > span {
  color: #80baff;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.proof-console-copy > strong {
  color: var(--white);
  font-size: clamp(1.5rem, 2.7vw, 2.6rem);
  line-height: 1;
}

.proof-console-copy > em {
  max-width: 760px;
  color: var(--silver);
  font-style: normal;
  font-weight: 800;
  line-height: 1.55;
}

.proof-console-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}

.proof-console-actions button,
.proof-console-list button {
  min-height: 46px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.9);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.proof-console-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #36a8ff);
  border-color: rgba(128, 186, 255, 0.66);
  box-shadow: 0 12px 36px rgba(11, 124, 255, 0.24);
}

.proof-console-score {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 18px;
  background: rgba(8, 13, 18, 0.44);
  border: 1px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
}

.proof-console-score strong,
.proof-console-score span {
  display: block;
}

.proof-console-score strong {
  color: var(--white);
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  line-height: 0.95;
}

.proof-console-score span {
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 900;
  text-transform: uppercase;
}

.proof-console-score i {
  position: relative;
  display: block;
  width: 100%;
  height: 8px;
  overflow: hidden;
  background: rgba(232, 237, 245, 0.12);
  border-radius: 999px;
}

.proof-console-score i::before {
  display: block;
  width: var(--proof-score, 0%);
  height: 100%;
  content: "";
  background: linear-gradient(90deg, #0b7cff, #9fd1ff);
  border-radius: inherit;
}

.proof-console-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.proof-console-stats div {
  display: grid;
  align-content: center;
  min-height: 86px;
  padding: 14px;
  background: rgba(32, 39, 48, 0.78);
  border: 1px solid rgba(232, 237, 245, 0.12);
  border-radius: 8px;
}

.proof-console-stats strong,
.proof-console-stats span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proof-console-stats strong {
  margin-bottom: 6px;
  color: var(--white);
  font-size: 1.2rem;
}

.proof-console-stats span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.proof-console-list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.proof-console-list button {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 112px;
  padding: 12px;
  text-align: left;
}

.proof-console-list button.is-ready {
  background: rgba(11, 124, 255, 0.14);
  border-color: rgba(128, 186, 255, 0.34);
}

.proof-console-list button.is-review {
  background: rgba(217, 119, 6, 0.1);
  border-color: rgba(217, 119, 6, 0.24);
}

.proof-console-list span,
.proof-console-list strong,
.proof-console-list em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.proof-console-list span {
  color: #80baff;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.proof-console-list strong {
  color: var(--white);
  white-space: nowrap;
}

.proof-console-list em {
  color: var(--silver);
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.test-console-grid,
.simulation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.test-console-grid div,
.simulation-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.test-console-grid strong,
.test-console-grid span,
.simulation-grid strong,
.simulation-grid span {
  display: block;
}

.test-console-grid strong,
.simulation-grid strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.2rem, 1.8vw, 1.7rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.test-console-grid span,
.simulation-grid span {
  color: var(--muted);
  font-weight: 900;
}

.test-run-list,
.simulation-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.test-run-list > div,
.simulation-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.test-run-list > div strong,
.simulation-list > div strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.test-run-list span.is-pass,
.simulation-list span.is-pass {
  color: var(--teal);
}

.test-run-list span.is-review,
.simulation-list span.is-review {
  color: var(--amber);
}

.test-run-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(32, 111, 255, 0.13), transparent 52%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.test-run-card.is-ready {
  border-color: rgba(44, 204, 113, 0.42);
}

.test-run-card.is-review {
  border-color: rgba(247, 184, 75, 0.52);
}

.test-run-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 72px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(9, 18, 30, 0.76);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.test-run-card-select strong,
.test-run-card-select span,
.test-run-card-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.test-run-card-select strong {
  color: var(--ink);
  font-size: 0.88rem;
}

.test-run-card-select span {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.72rem;
}

.test-run-card-select em {
  color: var(--electric-blue);
  font-style: normal;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.test-run-card-meta,
.test-run-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.test-run-card-meta span {
  display: grid;
  min-width: 0;
  overflow: hidden;
  gap: 2px;
  padding: 6px 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.test-run-card-meta b {
  overflow: hidden;
  color: #80baff;
  font-size: 0.55rem;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.test-run-card.is-ready .test-run-card-meta span:nth-child(2) {
  color: #8ff0c5;
  border-color: rgba(44, 204, 113, 0.3);
}

.test-run-card.is-review .test-run-card-meta span:nth-child(2) {
  color: #ffd37a;
  border-color: rgba(247, 184, 75, 0.32);
}

.test-run-card-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.test-run-card-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.test-run-card-actions button:hover,
.test-run-card-actions button:focus-visible,
.test-run-card-select:hover,
.test-run-card-select:focus-visible {
  border-color: rgba(71, 169, 255, 0.72);
  box-shadow: 0 0 0 2px rgba(32, 111, 255, 0.14);
  outline: none;
}

.simulation-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(32, 111, 255, 0.13), transparent 52%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.simulation-card.is-ready {
  border-color: rgba(44, 204, 113, 0.42);
}

.simulation-card.is-hold {
  border-color: rgba(247, 184, 75, 0.52);
}

.simulation-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 72px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(9, 18, 30, 0.76);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.simulation-card-select strong,
.simulation-card-select span,
.simulation-card-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.simulation-card-select strong {
  color: var(--ink);
  font-size: 0.88rem;
}

.simulation-card-select span {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.72rem;
}

.simulation-card-select em {
  color: var(--electric-blue);
  font-style: normal;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.simulation-card-meta,
.simulation-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.simulation-card-meta span {
  display: grid;
  min-width: 0;
  overflow: hidden;
  gap: 2px;
  padding: 6px 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.simulation-card-meta b {
  overflow: hidden;
  color: #80baff;
  font-size: 0.55rem;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.simulation-card.is-ready .simulation-card-meta span:nth-child(2) {
  color: #8ff0c5;
  border-color: rgba(44, 204, 113, 0.3);
}

.simulation-card.is-hold .simulation-card-meta span:nth-child(2) {
  color: #ffd37a;
  border-color: rgba(247, 184, 75, 0.32);
}

.simulation-card-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.simulation-card-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.simulation-card-actions button:hover,
.simulation-card-actions button:focus-visible,
.simulation-card-select:hover,
.simulation-card-select:focus-visible {
  border-color: rgba(71, 169, 255, 0.72);
  box-shadow: 0 0 0 2px rgba(32, 111, 255, 0.14);
  outline: none;
}

.test-notes {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.test-notes > strong {
  color: var(--ink);
}

.test-notes textarea {
  width: 100%;
  min-height: 130px;
  resize: vertical;
  padding: 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  line-height: 1.45;
}

.test-notes .secondary-action {
  width: 100%;
}

.test-findings {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.test-findings > strong {
  color: var(--ink);
}

.test-finding-form {
  display: grid;
  grid-template-columns: minmax(130px, 0.35fr) minmax(220px, 1fr) minmax(140px, 0.35fr);
  gap: 10px;
}

.test-finding-list {
  display: grid;
  gap: 8px;
}

.test-finding-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 10px 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.test-finding-list strong,
.test-finding-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.test-finding-list span {
  color: var(--teal);
  font-size: 0.78rem;
  font-weight: 900;
}

.build-progress-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.build-progress-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.build-progress-grid strong,
.build-progress-grid span {
  display: block;
}

.build-progress-grid strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.1rem, 1.7vw, 1.65rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.build-progress-grid span {
  color: var(--muted);
  font-weight: 900;
}

.build-progress-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.build-progress-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(32, 111, 255, 0.14), transparent 48%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.build-progress-card.is-ready {
  border-color: rgba(44, 204, 113, 0.42);
}

.build-progress-card.is-review {
  border-color: rgba(247, 184, 75, 0.48);
}

.build-progress-card.is-hold {
  border-color: rgba(255, 93, 108, 0.5);
}

.build-progress-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 74px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(9, 18, 30, 0.72);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.build-progress-card-select strong,
.build-progress-card-select span,
.build-progress-card-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.build-progress-card-select strong {
  color: var(--ink);
  font-size: 0.88rem;
}

.build-progress-card-select span {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.72rem;
}

.build-progress-card-select em {
  color: var(--electric-blue);
  font-style: normal;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.build-progress-card-meta,
.build-progress-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.build-progress-card-meta span {
  display: grid;
  align-content: start;
  gap: 3px;
  min-width: 0;
  min-height: 48px;
  padding: 7px 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-transform: uppercase;
  white-space: normal;
}

.build-progress-card-meta b {
  display: block;
  overflow: hidden;
  color: #80baff;
  font-size: 0.6rem;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.build-progress-card-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.build-progress-card-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.deadline-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding: 0 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.deadline-card span {
  color: var(--muted);
  font-weight: 800;
}

.timeline-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.timeline-list div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 42px;
  align-items: center;
  padding: 0 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  font-weight: 800;
}

.timeline-list strong {
  color: var(--ink);
}

.insights-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.insights-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.insights-grid strong,
.insights-grid span {
  display: block;
}

.insights-grid strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.1rem, 1.7vw, 1.65rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insights-grid span {
  color: var(--muted);
  font-weight: 900;
}

.insight-note {
  min-height: 42px;
  display: grid;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.insight-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.insight-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(36, 118, 255, 0.16), transparent 52%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.insight-card.is-ready {
  border-color: rgba(44, 204, 113, 0.4);
}

.insight-card.is-review {
  border-color: rgba(151, 88, 255, 0.5);
}

.insight-card.is-hold {
  border-color: rgba(255, 93, 108, 0.5);
}

.insight-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 74px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(8, 17, 31, 0.78);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.insight-card-select strong,
.insight-card-select span,
.insight-card-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insight-card-select strong {
  color: var(--ink);
  font-size: 0.88rem;
}

.insight-card-select span {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.72rem;
}

.insight-card-select em {
  color: var(--electric-blue);
  font-style: normal;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.insight-card-meta,
.insight-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.insight-card-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 6px;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insight-card-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.insight-card-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.insight-card-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.forecast-panel {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.forecast-panel > strong {
  color: var(--ink);
}

.forecast-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.forecast-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.forecast-grid em,
.forecast-grid span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.forecast-grid em {
  color: var(--ink);
  font-style: normal;
  font-weight: 900;
}

.forecast-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.forecast-panel button {
  min-height: 40px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.forecast-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.forecast-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(32, 111, 255, 0.14), transparent 48%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.forecast-card.is-ready {
  border-color: rgba(44, 204, 113, 0.42);
}

.forecast-card.is-review {
  border-color: rgba(247, 184, 75, 0.48);
}

.forecast-card.is-hold {
  border-color: rgba(255, 93, 108, 0.5);
}

.forecast-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 74px;
  padding: 10px;
  text-align: left;
  background: rgba(9, 18, 30, 0.72) !important;
  border-color: rgba(124, 158, 196, 0.28) !important;
}

.forecast-card-select strong,
.forecast-card-select span,
.forecast-card-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.forecast-card-select strong {
  color: var(--ink);
  font-size: 0.9rem;
}

.forecast-card-select span {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.76rem;
}

.forecast-card-select em {
  color: var(--electric-blue);
  font-style: normal;
  font-size: 0.82rem;
  text-transform: uppercase;
}

.forecast-card-meta,
.forecast-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.forecast-card-meta span {
  display: grid;
  min-width: 0;
  overflow: hidden;
  gap: 2px;
  padding: 6px 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.forecast-card-meta b {
  overflow: hidden;
  color: #80baff;
  font-size: 0.55rem;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.forecast-card.is-ready .forecast-card-meta span:nth-child(2) {
  color: #8ff0c5;
  border-color: rgba(44, 204, 113, 0.3);
}

.forecast-card.is-review .forecast-card-meta span:nth-child(2) {
  color: #ffd37a;
  border-color: rgba(247, 184, 75, 0.32);
}

.forecast-card.is-hold .forecast-card-meta span:nth-child(2) {
  color: #ffb68f;
  border-color: rgba(255, 93, 108, 0.32);
}

.forecast-card-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(124, 158, 196, 0.28);
  font-size: 0.72rem;
}

.forecast-card-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.sla-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0;
}

.sla-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(32, 111, 255, 0.14), transparent 48%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.sla-card.is-ready {
  border-color: rgba(44, 204, 113, 0.42);
}

.sla-card.is-review {
  border-color: rgba(247, 184, 75, 0.48);
}

.sla-card.is-hold {
  border-color: rgba(255, 93, 108, 0.5);
}

.sla-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 74px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(9, 18, 30, 0.72);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.sla-card-select strong,
.sla-card-select span,
.sla-card-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sla-card-select strong {
  color: var(--ink);
  font-size: 0.88rem;
}

.sla-card-select span {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.72rem;
}

.sla-card-select em {
  color: var(--electric-blue);
  font-style: normal;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.sla-card-meta,
.sla-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.sla-card-meta span {
  display: grid;
  align-content: start;
  gap: 3px;
  min-width: 0;
  min-height: 48px;
  padding: 7px 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-transform: uppercase;
  white-space: normal;
}

.sla-card-meta b {
  display: block;
  overflow: hidden;
  color: #80baff;
  font-size: 0.6rem;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.sla-card-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.sla-card-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.automation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.automation-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.automation-grid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1.12rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.automation-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.automation-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.automation-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--teal);
  border: 1px solid var(--teal);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.automation-actions button:last-child {
  color: var(--ink);
  background: var(--amber-soft);
  border-color: #f0cf94;
}

.automation-list {
  display: grid;
  gap: 8px;
}

.automation-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 66px;
  padding: 10px;
  color: var(--muted);
  background: linear-gradient(135deg, rgba(18, 28, 43, 0.94), rgba(7, 12, 22, 0.92));
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
  font-weight: 800;
}

.automation-card.is-ready {
  border-color: rgba(47, 211, 166, 0.38);
}

.automation-card.is-held {
  border-color: rgba(255, 255, 255, 0.1);
}

.automation-card-select {
  display: grid;
  min-width: 0;
  gap: 5px;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.automation-card strong,
.automation-card span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.automation-card strong {
  color: var(--white);
  font-size: 0.9rem;
}

.automation-card span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
}

.automation-card span.is-ready {
  color: var(--teal);
}

.automation-card-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 2px;
}

.automation-card-meta em {
  display: grid;
  min-width: 0;
  gap: 2px;
  padding: 7px 8px;
  color: var(--silver);
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
}

.automation-card-meta b {
  overflow: hidden;
  color: #80baff;
  font-size: 0.58rem;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.automation-card.is-ready .automation-card-meta em:nth-child(2) {
  color: #8ff0c5;
  border-color: rgba(47, 211, 166, 0.32);
}

.automation-card.is-held .automation-card-meta em:nth-child(2) {
  color: #ffd37a;
  border-color: rgba(255, 191, 56, 0.26);
}

.automation-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(68px, auto));
  gap: 6px;
}

.automation-card-actions button {
  min-height: 36px;
  padding: 0 10px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.automation-card-actions button:first-child {
  background: var(--blue);
  border-color: rgba(35, 151, 255, 0.8);
  box-shadow: 0 0 18px rgba(0, 119, 255, 0.32);
}

.automation-card-actions button:nth-child(3) {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.automation-card-actions button:hover,
.automation-card-actions button:focus-visible,
.automation-card-select:hover strong,
.automation-card-select:focus-visible strong {
  color: var(--white);
  transform: translateY(-1px);
}

.runbook-panel {
  border-color: rgba(15, 23, 42, 0.16);
  background: linear-gradient(135deg, #ffffff 0%, #f5fbf9 52%, #fff8eb 100%);
}

.runbook-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.runbook-grid div {
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.runbook-grid strong {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 1.04rem;
  font-weight: 950;
}

.runbook-grid span,
.runbook-list span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.runbook-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.runbook-card {
  display: grid;
  gap: 10px;
  min-height: 50px;
  padding: 10px 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.runbook-select {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(260px, 0.55fr);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.runbook-number {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #d9efff;
  background: rgba(11, 124, 255, 0.18);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 950;
}

.runbook-card-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.runbook-card-copy em {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runbook-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

.runbook-card-meta em {
  display: grid;
  align-content: start;
  gap: 3px;
  min-width: 0;
  min-height: 42px;
  padding: 6px 7px;
  background: rgba(10, 19, 31, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
  font-style: normal;
}

.runbook-card-meta b {
  overflow: hidden;
  color: #80baff;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.runbook-card-meta i {
  overflow: hidden;
  color: var(--muted);
  font-size: 0.67rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.runbook-card-meta i.is-ready {
  color: var(--teal);
}

.runbook-card-meta i.is-hold {
  color: #f59e0b;
}

.runbook-card:hover,
.runbook-card:focus-within {
  border-color: rgba(11, 124, 255, 0.44);
  outline: none;
  transform: translateY(-1px);
}

.runbook-card-actions,
.studio-runbook-card-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.runbook-card-actions button,
.studio-runbook-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.runbook-card-actions button:nth-child(1),
.studio-runbook-card-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.runbook-card-actions button:nth-child(2),
.studio-runbook-card-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.runbook-card-actions button:nth-child(3),
.studio-runbook-card-actions button:nth-child(3) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.runbook-card-actions button:hover,
.runbook-card-actions button:focus-visible,
.studio-runbook-card-actions button:hover,
.studio-runbook-card-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.74);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.runbook-list strong {
  color: var(--ink);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.25;
}

.runbook-list span.is-ready {
  color: var(--teal);
}

.runbook-list span.is-hold {
  color: #b74f22;
}

.runbook-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.runbook-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.runbook-actions button:last-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.studio-runbook-brief {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 12px;
  color: var(--white);
  background: linear-gradient(135deg, rgba(32, 39, 48, 0.96), rgba(16, 20, 25, 0.9));
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
}

.studio-runbook-brief-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.studio-runbook-brief-header div {
  display: grid;
  gap: 5px;
}

.studio-runbook-brief-header strong {
  color: var(--white);
}

.studio-runbook-brief-header span {
  color: var(--muted);
  line-height: 1.45;
}

.studio-runbook-brief-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-style: normal;
  font-weight: 900;
}

.studio-runbook-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.studio-runbook-grid div {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: rgba(199, 206, 216, 0.08);
  border: 1px solid rgba(199, 206, 216, 0.16);
  border-radius: 8px;
}

.studio-runbook-grid em,
.studio-runbook-grid span,
.studio-runbook-list strong,
.studio-runbook-list span,
.studio-runbook-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.studio-runbook-grid em {
  color: var(--white);
  font-style: normal;
  font-weight: 900;
}

.studio-runbook-grid span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.studio-runbook-list {
  display: grid;
  gap: 8px;
}

.studio-runbook-card {
  display: grid;
  gap: 10px;
  min-height: 48px;
  padding: 10px;
  background: rgba(16, 20, 25, 0.5);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
}

.studio-runbook-select {
  display: grid;
  grid-template-columns: minmax(130px, 0.42fr) minmax(0, 1fr) minmax(82px, auto);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.studio-runbook-meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 5px 8px;
  min-width: 0;
  padding: 7px 8px;
  color: var(--muted);
  background: rgba(128, 186, 255, 0.07);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 8px;
  font-size: 0.66rem;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.studio-runbook-meta b {
  color: #80baff;
  font-size: 0.6rem;
  letter-spacing: 0;
}

.studio-runbook-card:hover,
.studio-runbook-card:focus-within {
  border-color: rgba(128, 186, 255, 0.48);
  outline: none;
  transform: translateY(-1px);
}

.studio-runbook-list strong {
  color: var(--white);
  font-size: 0.78rem;
}

.studio-runbook-list span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 800;
}

.studio-runbook-list em {
  justify-self: end;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.studio-runbook-list em.critical,
.studio-runbook-list em.needs-proof {
  color: #ff9ab0;
}

.studio-runbook-list em.strong,
.studio-runbook-list em.ready,
.studio-runbook-list em.logged {
  color: #67e8f9;
}

.studio-runbook-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.studio-runbook-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.24);
  border: 1px solid rgba(128, 186, 255, 0.42);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.studio-runbook-actions button:last-child {
  color: #d9e7f8;
  background: rgba(199, 206, 216, 0.1);
  border-color: rgba(199, 206, 216, 0.2);
}

.studio-runbook-actions button:hover,
.studio-runbook-actions button:focus-visible {
  outline: none;
  filter: brightness(1.12);
}

.reminder-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.reminder-grid div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.reminder-grid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 1.12rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reminder-grid span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.reminder-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.reminder-actions button {
  min-height: 42px;
  color: var(--white);
  background: var(--surface-strong);
  border: 1px solid var(--ink);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.reminder-actions button:first-child {
  color: var(--ink);
  background: var(--green-soft);
  border-color: #b7ddd6;
}

.reminder-list {
  display: grid;
  gap: 8px;
}

.reminder-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 44px;
  align-items: center;
  padding: 0 12px;
  color: var(--muted);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}

.reminder-list > div strong {
  overflow: hidden;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reminder-list span.is-critical {
  color: var(--amber);
}

.reminder-list span.is-followup {
  color: var(--teal);
}

.reminder-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  color: #c7d0dc;
  background: linear-gradient(135deg, rgba(18, 28, 43, 0.94), rgba(7, 12, 22, 0.92));
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}

.reminder-card.is-critical {
  border-color: rgba(245, 158, 11, 0.42);
}

.reminder-card.is-followup {
  border-color: rgba(34, 197, 94, 0.28);
}

.reminder-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.reminder-card strong,
.reminder-card span,
.reminder-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reminder-card strong {
  color: var(--white);
  font-size: 0.86rem;
  font-weight: 950;
}

.reminder-card span {
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.reminder-card-meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 5px 8px;
  min-width: 0;
  padding: 7px 8px;
  color: var(--muted);
  background: rgba(128, 186, 255, 0.07);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 8px;
  font-size: 0.66rem;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-transform: uppercase;
  white-space: normal;
}

.reminder-card-meta b {
  color: #80baff;
  font-size: 0.6rem;
  font-weight: 950;
  letter-spacing: 0;
  white-space: nowrap;
}

.reminder-card-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.reminder-card-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 6px;
  cursor: pointer;
}

.reminder-card-actions button:nth-child(1) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.reminder-card-actions button:nth-child(2) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.reminder-card-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.reminder-card-actions button:nth-child(4) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.reminder-card-actions button:hover,
.reminder-card-actions button:focus-visible,
.reminder-card-select:hover strong,
.reminder-card-select:focus-visible strong {
  color: #ffffff;
  border-color: rgba(128, 186, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(128, 186, 255, 0.14);
}

.sla-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.sla-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.sla-grid strong,
.sla-grid span {
  display: block;
}

.sla-grid strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.1rem, 1.7vw, 1.65rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sla-grid span {
  color: var(--muted);
  font-weight: 900;
}

.handoff-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.handoff-grid div {
  min-height: 88px;
  padding: 14px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.handoff-grid strong,
.handoff-grid span {
  display: block;
}

.handoff-grid strong {
  margin-bottom: 10px;
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(1.1rem, 1.7vw, 1.65rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.handoff-grid span {
  color: var(--muted);
  font-weight: 900;
}

.handoff-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.handoff-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  background:
    linear-gradient(145deg, rgba(32, 111, 255, 0.14), transparent 48%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.handoff-card.is-ready {
  border-color: rgba(44, 204, 113, 0.42);
}

.handoff-card.is-review {
  border-color: rgba(247, 184, 75, 0.48);
}

.handoff-card.is-hold {
  border-color: rgba(255, 93, 108, 0.5);
}

.handoff-card-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  min-height: 74px;
  padding: 10px;
  text-align: left;
  color: var(--white);
  background: rgba(9, 18, 30, 0.72);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.handoff-card-select strong,
.handoff-card-select span,
.handoff-card-select em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.handoff-card-select strong {
  color: var(--ink);
  font-size: 0.88rem;
}

.handoff-card-select span {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.72rem;
}

.handoff-card-select em {
  color: var(--electric-blue);
  font-style: normal;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.handoff-card-meta,
.handoff-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.handoff-card-meta span {
  display: grid;
  min-width: 0;
  overflow: hidden;
  gap: 2px;
  padding: 6px 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(124, 158, 196, 0.18);
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.handoff-card-meta b {
  overflow: hidden;
  color: #80baff;
  font-size: 0.55rem;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.handoff-card.is-ready .handoff-card-meta span:nth-child(2) {
  color: #8ff0c5;
  border-color: rgba(44, 204, 113, 0.3);
}

.handoff-card.is-review .handoff-card-meta span:nth-child(2) {
  color: #ffd37a;
  border-color: rgba(247, 184, 75, 0.32);
}

.handoff-card.is-hold .handoff-card-meta span:nth-child(2) {
  color: #ffb68f;
  border-color: rgba(255, 93, 108, 0.32);
}

.handoff-card-actions button {
  min-height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(124, 158, 196, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 900;
}

.handoff-card-actions button:first-child {
  color: var(--white);
  background: linear-gradient(135deg, var(--electric-blue), #0358ce);
  border-color: rgba(71, 169, 255, 0.7);
}

.handoff-panel textarea {
  width: 100%;
  min-height: 150px;
  margin-top: 12px;
  resize: vertical;
  padding: 12px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  line-height: 1.45;
}

.activity-feed strong {
  color: var(--ink);
}

.focus-review {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: none;
  padding: 14px;
  background: rgba(5, 8, 12, 0.72);
  backdrop-filter: blur(16px);
}

.focus-review.is-open {
  display: grid;
  place-items: center;
}

.focus-review-dialog {
  position: relative;
  width: min(1780px, 100%);
  max-height: calc(100vh - 20px);
  display: grid;
  gap: 16px;
  overflow: auto;
  padding: 18px;
  color: var(--ink);
  background: linear-gradient(135deg, #202730, #171f28);
  border: 1px solid rgba(128, 186, 255, 0.26);
  border-radius: 8px;
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.42);
}

.focus-review-dialog.is-photo-screen {
  width: calc(100vw - 12px);
  max-height: calc(100vh - 12px);
  padding: 12px;
  background: #070a0f;
}

.focus-review-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.focus-review-header span {
  display: block;
  margin-bottom: 6px;
  color: #80baff;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.focus-review-header h2 {
  margin: 0;
  color: var(--white);
  font-size: clamp(1.4rem, 3vw, 2.3rem);
  line-height: 1.05;
}

.focus-review-header button,
.focus-review-navigation button,
.focus-review-actions button {
  min-height: 40px;
  color: var(--white);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.focus-review-body {
  display: grid;
  grid-template-columns: minmax(560px, 1fr) minmax(300px, 360px);
  gap: 16px;
}

.focus-review-dialog.is-photo-screen .focus-review-body {
  grid-template-columns: minmax(0, 1fr);
}

.focus-review-frame {
  position: relative;
  height: min(86vh, 1080px);
  min-height: min(76vh, 780px);
  display: grid;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 50% 38%, rgba(128, 186, 255, 0.08), transparent 48%),
    linear-gradient(145deg, rgba(11, 124, 255, 0.06), rgba(199, 206, 216, 0.035)),
    #05080d;
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.focus-review-dialog.is-photo-screen .focus-review-frame {
  height: calc(100vh - 82px);
  min-height: min(88vh, 900px);
  background:
    linear-gradient(45deg, rgba(255, 255, 255, 0.028) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255, 255, 255, 0.028) 25%, transparent 25%),
    #02050a;
  background-position: 0 0, 0 12px;
  background-size: 24px 24px;
  border-color: rgba(128, 186, 255, 0.38);
}

.focus-review-frame img {
  display: none;
  width: auto;
  height: auto;
  max-width: min(calc(100% - 18px), var(--focus-preview-width, 9999px));
  max-height: min(calc(100% - 18px), var(--focus-preview-height, 9999px));
  object-fit: contain;
  object-position: center center;
  image-rendering: auto;
  filter: none;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.focus-review-view-hint {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 2;
  padding: 7px 10px;
  color: #dce8f6;
  background: rgba(5, 8, 12, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
  pointer-events: none;
}

.focus-review-frame:not(:has(img.is-visible)) .focus-review-view-hint {
  display: none;
}

.focus-review-dialog.is-photo-screen .focus-review-frame img {
  object-fit: contain;
}

.focus-review-frame img.is-visible {
  display: block;
}

.focus-review-frame.is-zoomed {
  overflow: auto;
  place-items: start;
}

.focus-review-frame.is-zoomed img.is-visible {
  width: var(--focus-preview-width, auto);
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center center;
  filter: none;
}

.focus-review-frame:fullscreen {
  width: 100vw;
  height: 100vh;
  padding: 18px;
  background:
    linear-gradient(45deg, rgba(255, 255, 255, 0.03) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255, 255, 255, 0.03) 25%, transparent 25%),
    #02050a;
  background-position: 0 0, 0 12px;
  background-size: 24px 24px;
  border: 0;
  border-radius: 0;
}

.focus-review-frame:fullscreen img.is-visible {
  width: auto;
  height: auto;
  max-width: min(calc(100% - 20px), var(--focus-preview-width, 9999px));
  max-height: min(calc(100% - 20px), var(--focus-preview-height, 9999px));
  object-fit: contain;
}

.focus-review-frame.is-double img.is-visible {
  width: var(--focus-preview-double-width, 200%);
  height: auto;
}

.focus-review-frame span {
  padding: 20px;
  color: var(--muted);
  text-align: center;
  font-weight: 900;
}

.focus-review-frame span.is-hidden {
  display: none;
}

.focus-review-info {
  display: grid;
  align-content: start;
  gap: 14px;
}

.focus-review-dialog.is-photo-screen .focus-review-info {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  display: block;
  width: min(520px, calc(100% - 48px));
}

.focus-review-dialog.is-photo-screen .focus-review-status,
.focus-review-dialog.is-photo-screen .focus-review-quality,
.focus-review-dialog.is-photo-screen .focus-review-inspector,
.focus-review-dialog.is-photo-screen .focus-review-analysis,
.focus-review-dialog.is-photo-screen .focus-review-next-step,
.focus-review-dialog.is-photo-screen .focus-review-decision-receipt,
.focus-review-dialog.is-photo-screen .focus-review-issues,
.focus-review-dialog.is-photo-screen .focus-review-actions,
.focus-review-dialog.is-photo-screen .focus-review-navigation {
  display: none;
}

.focus-review-dialog.is-photo-screen .focus-review-zoom-tools {
  padding: 8px;
  background: rgba(5, 9, 13, 0.84);
  border: 1px solid rgba(128, 186, 255, 0.34);
  border-radius: 8px;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.36);
}

.focus-review-status,
.focus-review-quality {
  display: grid;
  gap: 6px;
  padding: 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.focus-review-status strong,
.focus-review-quality strong {
  color: var(--white);
  font-size: 1.25rem;
}

.focus-review-status span,
.focus-review-quality span,
.focus-review-info p {
  color: var(--muted);
}

.focus-review-inspector {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.focus-review-inspector div {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 72px;
  padding: 10px;
  background: rgba(10, 16, 24, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

.focus-review-inspector div.is-ready {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.18), rgba(32, 39, 48, 0.88));
  border-color: rgba(128, 186, 255, 0.44);
}

.focus-review-inspector div.is-hold {
  border-color: rgba(255, 191, 56, 0.34);
}

.focus-review-inspector strong,
.focus-review-inspector span,
.focus-review-inspector em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.focus-review-inspector strong {
  color: var(--white);
  font-size: 0.84rem;
}

.focus-review-inspector span {
  color: #80baff;
  font-size: 0.64rem;
  font-weight: 950;
  text-transform: uppercase;
}

.focus-review-inspector em {
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.focus-review-info p {
  margin: 0;
  line-height: 1.55;
}

.focus-review-next-step {
  display: grid;
  gap: 7px;
  padding: 14px;
  background:
    linear-gradient(135deg, rgba(11, 124, 255, 0.2), rgba(32, 39, 48, 0.92)),
    #111820;
  border: 1px solid rgba(128, 186, 255, 0.36);
  border-radius: 8px;
}

.focus-review-next-step span,
.focus-review-next-step strong,
.focus-review-next-step em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.focus-review-next-step span {
  color: #80baff;
  font-size: 0.68rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.focus-review-next-step strong {
  color: var(--white);
  font-size: 1.18rem;
  line-height: 1.15;
}

.focus-review-next-step em {
  color: rgba(232, 239, 248, 0.78);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.focus-review-next-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.focus-review-next-actions button {
  min-height: 38px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.focus-review-next-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.78);
}

.focus-review-next-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.focus-review-decision-receipt {
  display: grid;
  gap: 9px;
  padding: 14px;
  background: rgba(10, 16, 24, 0.82);
  border: 1px solid rgba(199, 206, 216, 0.18);
  border-radius: 8px;
}

.focus-review-decision-receipt > span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.focus-review-decision-receipt > strong {
  color: var(--white);
  font-size: 1rem;
}

.focus-review-receipt-list {
  display: grid;
  gap: 7px;
}

.focus-review-receipt-list div {
  display: grid;
  grid-template-columns: minmax(86px, 0.72fr) minmax(0, 1fr);
  gap: 3px 8px;
  min-width: 0;
  padding: 8px;
  background: rgba(32, 39, 48, 0.68);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 7px;
}

.focus-review-receipt-list span,
.focus-review-receipt-list strong,
.focus-review-receipt-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.focus-review-receipt-list span {
  color: #80baff;
  font-size: 0.62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.focus-review-receipt-list strong {
  color: var(--white);
  font-size: 0.82rem;
}

.focus-review-receipt-list em {
  grid-column: 1 / -1;
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 800;
}

.focus-review-decision-receipt button {
  min-height: 36px;
  color: var(--white);
  background: rgba(11, 124, 255, 0.22);
  border: 1px solid rgba(128, 186, 255, 0.38);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.focus-review-decision-receipt button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.focus-review-issues {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.focus-review-issues span {
  padding: 7px 9px;
  color: #80baff;
  background: rgba(11, 124, 255, 0.14);
  border: 1px solid rgba(11, 124, 255, 0.26);
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 900;
}

.focus-review-actions,
.focus-review-navigation,
.focus-review-zoom-tools {
  display: grid;
  gap: 8px;
}

.focus-review-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.focus-review-actions button:last-child {
  background: var(--teal);
  border-color: var(--teal);
}

.focus-review-actions button:first-child {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

.focus-review-navigation {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.focus-review-zoom-tools {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.focus-review-zoom-tools button {
  min-height: 38px;
  color: var(--white);
  background: rgba(32, 39, 48, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.focus-review-zoom-tools button.is-active {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #0b7cff);
  border-color: rgba(128, 186, 255, 0.84);
}

.focus-review-zoom-tools button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.focus-review-navigation button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

@media (min-width: 1181px) and (max-width: 1320px) {
  .app-shell {
    grid-template-columns: 244px minmax(0, 1fr);
  }

  .sidebar {
    padding: 22px 18px;
  }

  .brand-logo {
    width: min(170px, 100%);
  }

  main {
    padding-inline: clamp(22px, 2.4vw, 34px);
  }

  .engine-map,
  .session-flow-steps,
  .folder-grid,
  .photo-review-grid,
  .uploaded-photo-grid,
  .proof-sheet-grid,
  .pipeline-quality-strip,
  .hd-rebuild-command-grid,
  .pipeline-catalog-grid,
  .archived-photo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  body {
    overflow: hidden;
  }

  .app-shell {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
  }

  .sidebar {
    position: static;
    height: auto;
    max-height: 30vh;
    overflow-y: auto;
    gap: 16px;
    padding: 18px clamp(18px, 3vw, 34px);
  }

  .brand-logo {
    width: min(158px, 42vw);
  }

  .sidebar nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  .sidebar nav a {
    min-height: 48px;
    justify-items: center;
    text-align: center;
  }

  main {
    height: auto;
    min-height: 0;
    overflow-y: auto;
    padding: 24px clamp(20px, 4vw, 42px) 54px;
  }

  .topbar {
    align-items: flex-start;
  }

  .topbar h1 {
    font-size: clamp(2rem, 5vw, 3.6rem);
  }

  .page-guide {
    align-items: stretch;
  }

  .page-guide-actions button,
  .next-action-coach-actions button,
  .primary-action,
  .secondary-action,
  .finish-actions button,
  .style-list button,
  .risk-queue-actions button,
  .session-flow-actions button,
  .assistant-actions button,
  .engine-command-actions button,
  .upload-control-panel button,
  .upload-picker-button,
  .pipeline-card-actions button,
  .archived-card-actions button,
  .uploaded-photo-card-actions button {
    min-height: 48px;
  }

  .server-card {
    display: none;
  }

  .engine-map,
  .engine-command-grid,
  .session-flow-steps,
  .risk-queue-list div,
  .folder-grid,
  .folder-filters,
  .photo-review-grid,
  .uploaded-photo-grid,
  .proof-sheet-grid,
  .pipeline-quality-strip,
  .pipeline-catalog-grid,
  .archived-photo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .workspace-grid,
  .ai-cull-stage,
  .culling-cockpit,
  .selected-photo-viewer,
  .focus-review-body,
  .assistant-panel,
  .page-guide,
  .editor-layout,
  .style-learning-section,
  .delivery-layout,
  .manifest-grid,
  .client-handoff-completion-grid,
  .client-handoff-completion-actions {
    grid-template-columns: 1fr;
  }

  .dashboard,
  .studio-home-console,
  .dashboard-studio-board,
  .dashboard-ops-strip,
  .dashboard-workflow-header,
  .studio-command,
  .assistant-task-list,
  .assistant-plan-grid,
  .assistant-runway-grid,
  .assistant-runway-actions,
  .session-flow-grid,
  .session-flow-header,
  .session-flow-actions,
  .project-pipeline-board,
  .project-pipeline-actions,
  .risk-queue-header,
  .risk-queue-grid,
  .risk-queue-actions,
  .upload-intake-steps,
  .upload-command-center,
  .upload-selected-preview-head,
  .upload-intake-cockpit-head,
  .upload-intake-cockpit-grid,
  .upload-intake-cockpit-actions,
  .editor-workbench,
  .signature-workbench,
  .delivery-workbench,
  .upload-control-panel,
  .upload-selection-header,
  .upload-selection-actions,
  .session-package-strip,
  .shoot-folder-header,
  .shoot-folder-grid,
  .job-package-header,
  .job-package-actions,
  .quick-process-readiness,
  .format-intelligence-grid,
  .server-vault-grid,
  .whole-catalog-load-answer,
  .whole-catalog-progress-rail,
  .whole-shoot-batch-grid,
  .whole-shoot-batch-list,
  .import-watch-grid,
  .upload-batch-summary,
  .pipeline-runway-header,
  .pipeline-runway-steps,
  .pipeline-catalog-actions,
  .raw-camera-test-grid,
  .raw-camera-test-actions,
  .preview-repair-grid,
  .preview-repair-actions,
  .preview-conversion-strip,
  .raw-worker-handoff-answer,
  .raw-worker-handoff-grid,
  .preview-engine-contract-grid,
  .preview-service-form,
  .preview-service-actions,
  .hd-rebuild-command-grid,
  .storage-readiness-grid,
  .source-original-grid,
  .cloud-handoff-grid,
  .vault-recovery-grid,
  .vault-recovery-actions,
  .vault-deposit-grid,
  .vault-deposit-actions,
  .storage-connector-grid,
  .storage-connector-summary,
  .storage-connector-actions,
  .cloud-upload-grid,
  .cloud-upload-actions,
  .photo-flow-steps,
  .client-exit-grid,
  .backup-grid,
  .archive-search-grid,
  .package-grid,
  .business-readiness-grid,
  .money-handoff-grid,
  .dashboard-workflow-stats,
  .dashboard-engine-decision,
  .dashboard-engine-decision-grid,
  .dashboard-selected-output,
  .dashboard-selected-output-grid,
  .dashboard-selected-output-actions,
  .dashboard-batch-output,
  .dashboard-batch-actions,
  .dashboard-intake-summary,
  .dashboard-intake-live,
  .dashboard-intake-answer,
  .dashboard-proof-strip,
  .dashboard-workflow-list,
  .dashboard-workflow-actions,
  .dashboard-finish-grid,
  .dashboard-gallery-grid,
  .dashboard-gallery-actions,
  .dashboard-ops-strip,
  .cull-tuning-grid,
  .culling-decision-grid,
  .culling-handoff-strip,
  .culling-decision-list,
  .confidence-review-grid,
  .confidence-review-list,
  .recovery-presets div,
  .signature-finish-grid,
  .signature-handoff-strip,
  .session-handoff-grid,
  .signature-finish-list,
  .enhance-grid,
  .enhance-plan-grid,
  .style-match-grid,
  .style-drift-grid,
  .ready-review-grid,
  .ready-review-list,
  .retouch-summary,
  .assignment-grid,
  .retouch-qa-grid,
  .team-routing-grid,
  .quick-send-grid,
  .receipt-grid,
  .client-download-handoff-strip,
  .closeout-grid,
  .closeout-proof-grid,
  .proof-decision-command-grid,
  .quality-grid,
  .export-preset-grid,
  .preflight-grid,
  .release-gate-grid,
  .portal-grid,
  .manifest-evidence-strip,
  .flow-handoff-evidence-strip,
  .client-delivery-handoff-strip,
  .download-permission-grid,
  .approval-gate-grid,
  .campaign-grid,
  .client-request-summary,
  .feedback-triage-grid,
  .access-ledger-summary,
  .access-ledger-evidence-strip,
  .delivery-audit-grid,
  .automation-grid,
  .runbook-grid,
  .reminder-grid,
  .insights-grid,
  .sla-grid,
  .handoff-grid,
  .scenario-launcher-grid,
  .guided-test-grid,
  .test-pack-grid,
  .proof-console,
  .test-evidence-grid,
  .test-run-proof-strip,
  .pilot-packet-grid,
  .pilot-trial-grid,
  .launch-package-grid,
  .simulation-grid,
  .build-progress-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .studio-ai-filmstrip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .session-flow-header,
  .ai-cull-decisions,
  .studio-ai-body,
  .risk-queue-header,
  .assistant-runway-header,
  .assistant-runway-list div,
  .upload-selection-header,
  .job-package-header,
  .format-intelligence-header,
  .pipeline-runway-header,
  .preview-repair-header,
  .cloud-handoff-header,
  .storage-connector-header,
  .cloud-upload-header,
  .selected-photo-flow-header,
  .client-exit-header,
  .delivery-output-header,
  .delivery-launch-heading,
  .final-delivery-tray,
  .final-delivery-actions,
  .final-delivery-export-strip,
  .release-gate-select,
  .test-evidence-select,
  .pilot-packet-select,
  .pilot-trial-select,
  .launch-package-select,
  .runbook-select,
  .studio-runbook-select,
  .cloud-handoff-list > div,
  .storage-connector-grid,
  .assistant-plan-list div,
  .risk-queue-list div {
    grid-template-columns: minmax(0, 1fr);
  }

  .proof-console-copy,
  .proof-console-list {
    grid-column: 1 / -1;
  }

  .proof-console-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .risk-queue-header em,
  .session-flow-header em {
    justify-self: start;
    text-align: left;
  }

  .upload-command-filmstrip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .upload-intake-cockpit-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .project-pipeline-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .project-pipeline-filmstrip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .delivery-launch-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .delivery-launch-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .signature-workbench-filmstrip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .editor-workbench-filmstrip {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .delivery-workbench-filmstrip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .client-approval-board {
    grid-template-columns: 1fr;
  }

  .ai-cull-filmstrip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  main {
    padding-left: 16px;
    padding-right: 16px;
  }

  .whole-catalog-progress-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topbar,
  .page-guide,
  .page-guide-actions,
  .top-actions,
  .dashboard,
  .studio-command,
  .engine-map,
  .engine-command-actions,
  .engine-command-grid,
  .engine-priority-strip,
  .engine-priority-receipt,
  .session-flow-header,
  .session-flow-actions,
  .session-flow-grid,
  .project-pipeline-board,
  .project-pipeline-actions,
  .risk-queue-header,
  .risk-queue-actions,
  .risk-queue-grid,
  .assistant-panel,
  .assistant-actions,
  .assistant-task-list,
  .assistant-plan-grid,
  .assistant-plan-list div,
  .assistant-runway-header,
  .assistant-runway-grid,
  .assistant-runway-list div,
  .assistant-runway-actions,
  .upload-intake-steps,
  .upload-command-center,
  .upload-command-actions,
  .upload-selected-preview-head,
  .upload-intake-cockpit-head,
  .upload-intake-cockpit-grid,
  .upload-intake-cockpit-actions,
  .editor-workbench,
  .editor-workbench-actions,
  .signature-workbench,
  .signature-workbench-actions,
  .signature-workbench-preview,
  .delivery-workbench,
  .delivery-workbench-actions,
  .upload-control-panel,
  .upload-selection-header,
  .upload-selection-actions,
  .staged-file-card,
  .session-package-strip,
  .shoot-folder-header,
  .shoot-folder-grid,
  .job-package-header,
  .job-package-actions,
  .job-package-search,
  .format-intelligence-header,
  .format-intelligence-grid,
  .format-intelligence-list,
  .server-vault-header,
  .server-vault-grid,
  .server-vault-actions,
  .whole-shoot-batch-header,
  .whole-shoot-batch-grid,
  .whole-shoot-batch-list,
  .whole-shoot-batch-actions,
  .import-watch-actions,
  .import-watch-grid,
  .upload-intake-board,
  .upload-pipeline-receipt,
  .upload-batch-summary,
  .uploaded-photo-actions,
  .pipeline-runway-header,
  .pipeline-runway-steps,
  .pipeline-runway-actions,
  .pipeline-catalog-actions,
  .file-path-strip,
  .raw-camera-test-header,
  .raw-camera-test-grid,
  .raw-camera-test-actions,
  .preview-repair-header,
  .preview-repair-grid,
  .preview-repair-actions,
  .preview-conversion-strip,
  .raw-worker-handoff-answer,
  .raw-worker-handoff-grid,
  .preview-engine-contract-header,
  .preview-engine-contract-grid,
  .preview-service-form,
  .preview-service-actions,
  .storage-readiness-header,
  .storage-readiness-grid,
  .storage-readiness-actions,
  .source-original-header,
  .source-original-grid,
  .source-original-actions,
  .cloud-handoff-header,
  .cloud-handoff-grid,
  .cloud-handoff-list > div,
  .cloud-handoff-card-meta,
  .cloud-handoff-card-actions,
  .cloud-handoff-card-select,
  .cloud-handoff-actions,
  .vault-recovery-header,
  .vault-recovery-grid,
  .vault-recovery-actions,
  .storage-connector-header,
  .storage-connector-grid,
  .storage-connector-summary,
  .storage-connector-actions,
  .storage-connector-card-meta,
  .storage-connector-card-actions,
  .storage-connector-card-select,
  .studio-home-console,
  .studio-quick-actions,
  .studio-project-grid,
  .studio-ai-body,
  .studio-ai-actions,
  .cloud-upload-header,
  .cloud-upload-grid,
  .cloud-upload-actions,
  .vault-deposit-header,
  .vault-deposit-grid,
  .vault-deposit-actions,
  .cloud-upload-card-meta,
  .cloud-upload-card-actions,
  .cloud-upload-card-select,
  .selected-photo-flow-header,
  .photo-flow-actions,
  .client-exit-header,
  .client-exit-actions,
  .closeout-proof-header,
  .closeout-proof-actions,
  .closeout-proof-grid,
  .client-exit-message div,
  .archived-photo-header,
  .catalog-restore-header,
  .catalog-restore-actions,
  .server-sync-grid,
  .cull-tuning-grid,
  .cull-tuning-summary,
  .culling-cockpit-stats,
  .culling-cockpit-actions,
  .cull-audit-actions,
  .cull-audit-grid,
  .culling-decision-header,
  .ai-cull-topbar,
  .ai-cull-stage,
  .ai-cull-decisions,
  .culling-decision-grid,
  .culling-handoff-strip,
  .culling-decision-list button,
  .culling-decision-list div,
  .culling-decision-actions,
  .client-proof-review-header,
  .client-approval-board,
  .client-approval-actions,
  .client-proof-review-grid,
  .proof-decision-evidence-strip,
  .proof-decision-command-header,
  .proof-decision-command-actions,
  .proof-decision-command-grid,
  .client-proof-card,
  .client-proof-card-actions,
  .client-proof-review-actions,
  .confidence-review-actions,
  .confidence-review-grid,
  .recovery-presets div,
  .recipe-actions,
  .edit-history-actions,
  .edit-history-summary,
  .manual-workorder-actions,
  .manual-workorder-list div,
  .manual-workorder-summary,
  .test-list,
  .backup-actions,
  .backup-command-list,
  .backup-command-meta,
  .backup-grid,
  .backup-summary,
  .archive-search-actions,
  .archive-search-grid,
  .archive-result-card,
  .archive-result-actions,
  .package-grid,
  .package-card-actions,
  .package-card-meta,
  .manifest-file-card,
  .manifest-file-actions,
  .access-ledger-card,
  .access-ledger-card-actions,
  .quality-card-meta,
  .business-readiness-grid,
  .business-readiness-summary,
  .money-handoff-header,
  .money-handoff-grid,
  .money-handoff-actions,
  .quick-send-actions,
  .quick-send-grid,
  .receipt-actions,
  .receipt-command-card,
  .receipt-command-main,
  .receipt-command-meta,
  .receipt-grid,
  .client-download-handoff-strip,
  .closeout-card-actions,
  .closeout-card-select,
  .closeout-card-meta,
  .closeout-actions,
  .closeout-grid,
  .archive-handoff-header,
  .archive-handoff-grid,
  .archive-handoff-card-meta,
  .archive-handoff-card-actions,
  .archive-handoff-card-select,
  .archive-handoff-actions,
  .quality-grid,
  .quality-card-actions,
  .quality-card-select,
  .qr-campaign-grid,
  .qr-campaign-summary,
  .qr-campaign-command-list,
  .export-actions,
  .export-command-card,
  .export-command-main,
  .export-command-meta,
  .export-command-actions,
  .export-packet-actions,
  .export-packet-meta,
  .export-packet-grid,
  .export-preset-grid,
  .export-summary,
  .preflight-actions,
  .preflight-card-meta,
  .preflight-card-actions,
  .preflight-card-select,
  .preflight-grid,
  .release-gate-actions,
  .release-gate-grid,
  .release-gate-meta,
  .release-gate-select,
  .approval-gate-actions,
  .approval-gate-card-list,
  .approval-gate-grid,
  .enhance-actions,
  .enhance-grid,
  .enhance-plan-actions,
  .enhance-plan-grid,
  .campaign-actions,
  .campaign-command-list,
  .campaign-grid,
  .download-permission-actions,
  .download-permission-card-list,
  .download-permission-grid,
  .download-permission-summary,
  .client-handoff-completion-grid,
  .client-handoff-completion-actions,
  .client-portal-summary,
  .client-portal-live-preview,
  .client-portal-package-strip,
  .client-portal-live-actions,
  .client-portal-preview,
  .client-portal-meta,
  .session-preview-command-list,
  .session-preview-actions,
  .session-preview-grid,
  .dashboard-workflow-header,
  .dashboard-workflow-stats,
  .dashboard-proof-strip,
  .dashboard-workflow-list,
  .dashboard-workflow-actions,
  .dashboard-studio-board,
  .dashboard-ops-strip,
  .dashboard-finish-grid,
  .dashboard-gallery-grid,
  .dashboard-gallery-actions,
  .test-console-grid,
  .proof-console,
  .proof-console-actions,
  .proof-console-stats,
  .proof-console-list,
  .test-finding-form,
  .simulation-grid,
  .build-progress-grid,
  .client-request-actions,
  .client-request-meta,
  .client-request-summary,
  .feedback-triage-actions,
  .feedback-triage-grid,
  .feedback-triage-meta,
  .access-ledger-summary,
  .delivery-audit-grid,
  .delivery-audit-actions,
  .automation-actions,
  .automation-grid,
  .automation-card,
  .automation-card-actions,
  .runbook-actions,
  .runbook-grid,
  .runbook-select,
  .studio-runbook-brief-header,
  .studio-runbook-grid,
  .studio-runbook-select,
  .studio-runbook-actions,
  .reminder-actions,
  .reminder-grid,
  .insights-grid,
  .insight-list,
  .insight-card-meta,
  .forecast-grid,
  .forecast-list,
  .sla-grid,
  .sla-list,
  .handoff-grid,
  .handoff-list,
  .scenario-launcher-grid,
  .guided-test-grid,
  .test-pack-actions,
  .test-pack-grid,
  .test-evidence-grid,
  .test-run-proof-strip,
  .test-evidence-select,
  .pilot-packet-grid,
  .pilot-trial-grid,
  .launch-package-grid,
  .pilot-packet-select,
  .pilot-trial-select,
  .launch-package-select,
  .pilot-packet-actions,
  .pilot-trial-actions,
  .launch-package-actions,
  .build-progress-list,
  .style-checkpoint-grid,
  .style-comparator-actions,
  .style-comparator-grid,
  .style-memory-actions,
  .style-memory-grid,
  .style-memory-list div,
  .revenue-grid,
  .style-match-actions,
  .style-match-grid,
  .style-drift-actions,
  .style-drift-grid,
  .ready-review-actions,
  .ready-review-grid,
  .ready-review-list,
  .retouch-actions,
  .retouch-list button,
  .retouch-summary,
  .assignment-actions,
  .assignment-grid,
  .assignment-list div,
  .retouch-qa-actions,
  .retouch-qa-grid,
  .retouch-qa-list button,
  .team-routing-actions,
  .team-routing-grid,
  .team-task-list div,
  .team-task-card,
  .team-task-card-main,
  .team-task-card-actions,
  .quick-command-card,
  .quick-command-main,
  .storage-pipeline-list,
  .smart-rules div,
  .sidebar nav,
  .folder-grid,
  .folder-filters,
  .engine-priority-strip,
  .engine-priority-receipt,
  .session-flow-steps,
  .risk-queue-list div,
  .photo-review-grid,
  .uploaded-photo-grid,
  .proof-sheet-grid,
  .pipeline-catalog-grid,
  .archived-photo-grid,
  .just-uploaded-preview,
  .just-uploaded-preview-actions,
  .focus-review-zoom-tools,
  .file-path-strip,
  .storage-readiness-grid,
  .photo-flow-steps,
  .client-exit-grid,
  .review-actions,
  .batch-actions,
  .signature-preview,
  .finish-actions,
  .signature-finish-header,
  .signature-finish-grid,
  .signature-handoff-strip,
  .session-handoff-header,
  .session-handoff-grid,
  .session-handoff-actions,
  .signature-finish-list,
  .signature-finish-actions,
  .style-list,
  .proofing-summary-actions,
  .proofing-summary-grid,
  .delivery-output-header,
  .delivery-launch-heading,
  .delivery-launch-grid,
  .delivery-launch-actions,
  .delivery-output-grid,
  .delivery-output-list div,
  .delivery-output-actions,
  .final-delivery-tray,
  .final-delivery-actions,
  .final-delivery-files,
  .final-delivery-export-strip,
  .client-download-handoff-strip,
  .selection-package-actions,
  .selection-package-grid,
  .selection-package-meta,
  .portal-grid {
    grid-template-columns: 1fr;
  }

  .proofing-actions {
    grid-template-columns: 1fr;
  }

  .export-packet-card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topbar {
    display: grid;
  }

  .page-guide {
    display: grid;
  }

  .upload-command-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .upload-command-filmstrip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .upload-intake-cockpit-head em {
    justify-self: start;
  }

  .project-pipeline-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .project-pipeline-filmstrip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .project-pipeline-preview,
  .project-pipeline-preview img {
    min-height: 240px;
  }

  .upload-command-preview,
  .upload-command-preview img {
    min-height: 250px;
  }

  .signature-workbench-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .editor-workbench-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .editor-workbench-filmstrip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .editor-workbench-preview,
  .editor-workbench-preview img {
    min-height: 270px;
  }

  .signature-workbench-filmstrip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .delivery-workbench-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .delivery-workbench-filmstrip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .delivery-workbench-preview,
  .delivery-workbench-preview img {
    min-height: 260px;
  }

  .final-delivery-preview,
  .final-delivery-preview img {
    min-height: 240px;
  }

  .signature-before,
  .signature-after,
  .signature-before img,
  .signature-after img {
    min-height: 240px;
  }

  .ai-cull-topbar {
    display: grid;
  }

  .ai-cull-preview,
  .ai-cull-preview img {
    min-height: 280px;
  }

  .ai-cull-scoreboard {
    grid-template-columns: 1fr;
  }

  .ai-cull-filmstrip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* FinalFlo dashboard direction from the selected reference */
body {
  background:
    radial-gradient(circle at 18% -10%, rgba(29, 117, 255, 0.22), transparent 34%),
    radial-gradient(circle at 74% 0%, rgba(184, 197, 214, 0.18), transparent 38%),
    linear-gradient(135deg, #101922 0%, #17232d 36%, #080c11 100%);
}

.app-shell {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
  background: rgba(5, 10, 15, 0.92);
}

.sidebar {
  height: calc(100vh - 16px);
  padding: 18px 14px;
  gap: 20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(11, 124, 255, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(11, 18, 24, 0.98), rgba(5, 13, 18, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.12);
  border-radius: 8px;
}

.brand {
  min-height: 44px;
}

.brand-logo {
  width: min(150px, 100%);
}

.sidebar nav {
  gap: 7px;
}

.sidebar nav a {
  min-height: 44px;
  padding: 0 10px;
  color: #c9d3df;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.sidebar nav a span {
  color: #dbe8f8;
  background: rgba(199, 206, 216, 0.08);
  border-color: rgba(199, 206, 216, 0.14);
}

.sidebar nav a.is-active,
.sidebar nav a:hover,
.sidebar nav a:focus-visible {
  color: #ffffff;
  background: linear-gradient(135deg, #0b7cff, #0969db);
  border-color: rgba(79, 173, 255, 0.78);
  outline: none;
  box-shadow: 0 12px 30px rgba(11, 124, 255, 0.32);
}

.server-card {
  align-self: end;
  margin-top: auto;
  background:
    linear-gradient(145deg, rgba(45, 55, 67, 0.9), rgba(9, 15, 21, 0.96));
  border-color: rgba(199, 206, 216, 0.16);
}

main {
  height: calc(100vh - 16px);
  padding: 20px clamp(18px, 2.2vw, 30px) 42px;
  background:
    linear-gradient(90deg, rgba(199, 206, 216, 0.08), transparent 28%, rgba(11, 124, 255, 0.06)),
    rgba(8, 14, 20, 0.86);
  border: 1px solid rgba(128, 186, 255, 0.1);
  border-radius: 8px;
}

.topbar {
  margin-bottom: 16px;
}

h1 {
  font-size: clamp(1.85rem, 2.6vw, 3.1rem);
  line-height: 1.04;
}

.new-shoot-button,
.reset-workspace,
.status-pill {
  min-height: 40px;
  border-radius: 8px;
}

.new-shoot-button {
  padding: 0 16px;
  color: #ffffff;
  background: linear-gradient(135deg, #0b7cff, #095fd0);
  border: 1px solid rgba(128, 186, 255, 0.66);
  cursor: pointer;
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(11, 124, 255, 0.26);
}

.reset-workspace,
.status-pill {
  color: #d9e2ee;
  background: rgba(21, 30, 40, 0.9);
  border-color: rgba(199, 206, 216, 0.16);
}

body[data-active-page="dashboard"] .page-guide {
  display: none !important;
}

.dashboard {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
  background: transparent;
}

.dashboard article {
  min-height: 96px;
  padding: 16px;
  background:
    linear-gradient(145deg, rgba(40, 50, 62, 0.9), rgba(9, 16, 23, 0.96));
  border-color: rgba(199, 206, 216, 0.13);
  box-shadow: none;
}

.dashboard article strong {
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.studio-home-console {
  grid-template-columns: minmax(520px, 1.2fr) minmax(430px, 0.82fr);
  gap: 8px;
  margin-bottom: 8px;
  background: transparent;
}

.studio-home-main,
.studio-ai-preview,
.dashboard-workflow-panel,
.dashboard-finish-card,
.dashboard-pipeline-card,
.dashboard-gallery-card,
.dashboard-ops-strip button {
  background:
    radial-gradient(circle at 82% -8%, rgba(67, 171, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(23, 35, 45, 0.96), rgba(5, 11, 16, 0.98));
  border-color: rgba(128, 186, 255, 0.15);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);
}

.studio-home-main,
.studio-ai-preview {
  min-height: 390px;
  padding: 20px;
}

.studio-home-greeting strong {
  font-size: clamp(1.55rem, 2.3vw, 2.35rem);
}

.studio-quick-actions {
  gap: 8px;
}

.studio-quick-actions button {
  min-height: 94px;
  gap: 8px;
  color: #edf6ff;
  background:
    linear-gradient(145deg, rgba(38, 48, 59, 0.92), rgba(12, 19, 27, 0.96));
  border-color: rgba(199, 206, 216, 0.13);
}

.studio-quick-actions span {
  width: 42px;
  height: 42px;
}

.studio-quick-actions button:nth-child(2) span {
  background: linear-gradient(135deg, #766cff, #a57cff);
}

.studio-quick-actions button:nth-child(3) span {
  background: linear-gradient(135deg, #ffc247, #f59e0b);
}

.studio-quick-actions button:nth-child(4) span {
  background: linear-gradient(135deg, #27c36a, #0e9f6e);
}

.studio-quick-actions button:nth-child(5) span {
  color: #101419;
  background: linear-gradient(135deg, #ffc73d, #df9d00);
}

.studio-quick-actions button:nth-child(6) span {
  background: linear-gradient(135deg, #ff5b74, #c8324e);
}

.studio-project-grid {
  gap: 10px;
}

.studio-project-grid button {
  min-height: 198px;
  background:
    linear-gradient(180deg, rgba(199, 206, 216, 0.08), rgba(8, 14, 20, 0.98));
  border-color: rgba(199, 206, 216, 0.13);
}

.project-thumb,
.project-thumb img {
  min-height: 120px;
}

.studio-ai-body {
  grid-template-columns: minmax(126px, 0.26fr) minmax(0, 1fr);
}

.studio-ai-frame {
  min-height: 286px;
}

.studio-ai-stats div {
  min-height: 88px;
  background:
    linear-gradient(145deg, rgba(29, 47, 60, 0.94), rgba(11, 18, 26, 0.98));
  border-color: rgba(199, 206, 216, 0.14);
}

.dashboard-workflow,
.dashboard-studio-board,
.dashboard-ops-strip,
.engine-map {
  gap: 8px;
  margin-bottom: 8px;
  background: transparent;
}

.dashboard-workflow-panel {
  padding: 16px;
  border: 1px solid rgba(128, 186, 255, 0.15);
  border-radius: 8px;
}

.dashboard-workflow-list button {
  min-height: 76px;
  background: rgba(11, 19, 27, 0.74);
  border-color: rgba(199, 206, 216, 0.12);
}

.dashboard-studio-board {
  grid-template-columns: minmax(300px, 0.62fr) minmax(330px, 0.8fr) minmax(440px, 1fr);
}

.dashboard-finish-preview,
.dashboard-finish-preview img {
  min-height: 240px;
}

.dashboard-gallery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-gallery-grid button,
.dashboard-gallery-grid img {
  min-height: 112px;
}

.dashboard-ops-strip button {
  min-height: 104px;
}

@media (max-width: 1180px) {
  .app-shell {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 8px;
  }

  .sidebar {
    height: auto;
    max-height: 26vh;
    border-radius: 8px;
  }

  main {
    height: auto;
    min-height: 0;
  }

  .studio-home-console,
  .dashboard-studio-board {
    grid-template-columns: 1fr;
  }

  .studio-quick-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .studio-project-grid,
  .dashboard-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .app-shell {
    padding: 0;
    gap: 0;
  }

  .sidebar,
  main {
    border-radius: 0;
  }

  .sidebar nav,
  .studio-quick-actions,
  .studio-project-grid,
  .studio-ai-body,
  .dashboard,
  .dashboard-gallery-grid {
    grid-template-columns: 1fr;
  }
}

/* FinalFlo selected template refinement: keep the customer dashboard clean and focused. */
body[data-active-page="dashboard"] #dashboard {
  display: none !important;
}

body[data-active-page="dashboard"] .topbar {
  grid-template-columns: minmax(320px, 0.72fr) minmax(360px, 0.52fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}

body[data-active-page="dashboard"] .topbar .eyebrow {
  display: none;
}

body[data-active-page="dashboard"] .topbar h1 {
  font-size: clamp(1.25rem, 1.8vw, 1.8rem);
  line-height: 1.08;
}

body[data-active-page="dashboard"] .page-guide {
  display: none !important;
}

body[data-active-page="dashboard"] .studio-home-console {
  grid-template-columns: minmax(0, 1fr) minmax(330px, 380px);
  gap: 14px;
  margin-bottom: 14px;
}

body[data-active-page="dashboard"] .studio-home-main,
body[data-active-page="dashboard"] .template-recent-projects {
  min-height: 0;
}

body[data-active-page="dashboard"] .studio-home-main {
  gap: 14px;
  padding: 16px;
}

body[data-active-page="dashboard"] .template-hero {
  min-height: 252px;
  grid-template-columns: minmax(0, 0.78fr) minmax(260px, 0.68fr);
  padding: 28px 32px;
}

body[data-active-page="dashboard"] .template-hero strong {
  max-width: 500px;
  font-size: clamp(1.8rem, 2.45vw, 3rem);
}

body[data-active-page="dashboard"] .template-hero p {
  max-width: 360px;
}

body[data-active-page="dashboard"] .template-hero img {
  width: min(360px, 100%);
  max-height: 176px;
  object-fit: contain;
  mix-blend-mode: screen;
  opacity: 0.9;
  filter: drop-shadow(0 20px 44px rgba(0, 157, 255, 0.34));
}

body[data-active-page="dashboard"] .studio-quick-actions {
  grid-template-columns: repeat(6, minmax(112px, 1fr));
  gap: 10px;
}

body[data-active-page="dashboard"] .studio-quick-actions button {
  min-height: 104px;
  padding: 14px 10px;
}

body[data-active-page="dashboard"] .template-recent-projects {
  padding: 18px;
}

body[data-active-page="dashboard"] .template-recent-list {
  gap: 10px;
}

body[data-active-page="dashboard"] .template-recent-list button {
  min-height: 92px;
}

/* Dashboard template fit pass: keep the home screen closer to the selected all-in-one reference. */
@media (min-width: 1181px) {
  body[data-active-page="dashboard"] .topbar {
    margin-bottom: 10px;
  }

  body[data-active-page="dashboard"] .studio-home-console {
    gap: 10px;
    margin-bottom: 10px;
  }

  body[data-active-page="dashboard"] .studio-home-main {
    gap: 10px;
    padding: 14px;
  }

  body[data-active-page="dashboard"] .template-hero {
    min-height: 214px;
    padding: 22px 28px;
  }

  body[data-active-page="dashboard"] .template-hero strong {
    font-size: clamp(1.65rem, 2.2vw, 2.55rem);
  }

  body[data-active-page="dashboard"] .template-hero img {
    width: min(318px, 100%);
    max-height: 150px;
  }

  body[data-active-page="dashboard"] .studio-quick-actions {
    gap: 8px;
  }

  body[data-active-page="dashboard"] .studio-quick-actions button {
    min-height: 86px;
    padding: 10px 8px;
  }

  body[data-active-page="dashboard"] .studio-quick-actions span {
    width: 36px;
    height: 36px;
  }

  body[data-active-page="dashboard"] .studio-project-grid {
    gap: 8px;
  }

  body[data-active-page="dashboard"] .studio-project-grid button {
    min-height: 164px;
    padding: 8px;
  }

  body[data-active-page="dashboard"] .project-thumb,
  body[data-active-page="dashboard"] .project-thumb img {
    min-height: 88px;
  }

  body[data-active-page="dashboard"] .template-recent-projects {
    padding: 14px;
  }

  body[data-active-page="dashboard"] .template-recent-list {
    gap: 8px;
  }

  body[data-active-page="dashboard"] .template-recent-list button {
    min-height: 82px;
    padding: 10px;
  }

  body[data-active-page="dashboard"] .studio-ai-preview,
  body[data-active-page="dashboard"] .dashboard-finish-card,
  body[data-active-page="dashboard"] .dashboard-pipeline-card,
  body[data-active-page="dashboard"] .dashboard-gallery-card {
    border-color: rgba(0, 157, 255, 0.24);
  }
}

@media (max-width: 1180px) {
  body[data-active-page="dashboard"] .topbar,
  body[data-active-page="dashboard"] .studio-home-console,
  body[data-active-page="dashboard"] .template-hero {
    grid-template-columns: 1fr;
  }

  body[data-active-page="dashboard"] .studio-quick-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body[data-active-page="dashboard"] .studio-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.workflow-command-strip {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(420px, 1.05fr) minmax(290px, 0.68fr);
  gap: 12px;
  align-items: stretch;
  margin: 14px 0;
  padding: 16px;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 0%, rgba(0, 157, 255, 0.2), transparent 36%),
    radial-gradient(circle at 88% 18%, rgba(194, 43, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(18, 30, 42, 0.96), rgba(5, 10, 15, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 44px rgba(0, 0, 0, 0.28);
}

.workflow-command-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(11, 124, 255, 0.18);
}

.signature-command-strip {
  border-color: rgba(194, 43, 255, 0.32);
  background:
    radial-gradient(circle at 15% 0%, rgba(0, 157, 255, 0.16), transparent 36%),
    radial-gradient(circle at 88% 18%, rgba(239, 68, 139, 0.18), transparent 34%),
    linear-gradient(145deg, rgba(20, 26, 42, 0.96), rgba(6, 9, 16, 0.98));
}

.upload-command-strip {
  grid-template-columns: 1fr;
  border-color: rgba(67, 171, 255, 0.34);
  background:
    radial-gradient(circle at 14% -6%, rgba(25, 195, 255, 0.22), transparent 38%),
    radial-gradient(circle at 90% 8%, rgba(34, 197, 94, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(14, 35, 52, 0.96), rgba(5, 11, 17, 0.98));
}

.upload-command-strip .workflow-command-metrics,
.upload-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.upload-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.delivery-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(34, 197, 94, 0.32);
  background:
    radial-gradient(circle at 12% -8%, rgba(34, 197, 94, 0.2), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(25, 195, 255, 0.16), transparent 36%),
    linear-gradient(145deg, rgba(13, 34, 35, 0.96), rgba(5, 11, 17, 0.98));
}

.delivery-command-strip .workflow-command-metrics,
.delivery-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.delivery-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.delivery-command-strip .workflow-command-copy span,
.delivery-command-strip > em {
  color: #22c55e;
}

.delivery-command-section {
  height: auto !important;
  margin-bottom: 16px;
  position: relative;
  z-index: 3;
}

.flow-connect-section {
  grid-template-columns: 1fr;
  align-items: stretch;
  position: relative;
  z-index: 1;
}

body[data-active-page="delivery"] .delivery-command-section,
body[data-active-page="delivery"] .flow-connect-section,
body[data-active-page="delivery"] .release-gate-section,
body[data-active-page="delivery"] #delivery {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body[data-active-page="delivery"] main {
  display: block;
  overflow-y: auto;
}

.flow-connect-main-panel {
  display: grid;
  grid-template-columns: minmax(340px, 0.72fr) minmax(460px, 1fr);
  gap: 18px;
  overflow: hidden;
  border-color: rgba(34, 197, 94, 0.24);
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.16), transparent 34%),
    radial-gradient(circle at 90% 16%, rgba(25, 195, 255, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(13, 30, 32, 0.94), rgba(5, 10, 16, 0.98));
}

.flow-connect-preview {
  position: relative;
  display: grid;
  min-height: 330px;
  overflow: hidden;
  place-items: center;
  color: #c7d2df;
  text-align: center;
  background:
    var(--thumb-bg, linear-gradient(145deg, rgba(34, 197, 94, 0.16), rgba(11, 124, 255, 0.18))),
    rgba(6, 14, 20, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.flow-connect-preview img {
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
}

.flow-connect-preview span {
  max-width: 300px;
  padding: 20px;
  font-weight: 900;
  line-height: 1.45;
}

.flow-connect-copy {
  display: grid;
  align-content: start;
  gap: 14px;
  min-width: 0;
}

.flow-connect-copy p {
  margin: 0;
  color: #c7d2df;
  font-weight: 800;
  line-height: 1.45;
}

.flow-connect-stats,
.flow-connect-actions,
.flow-connect-checklist {
  display: grid;
  gap: 10px;
}

.flow-connect-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flow-connect-stats button {
  min-height: 78px;
  padding: 12px;
  color: #f8fbff;
  text-align: left;
  background: rgba(8, 15, 23, 0.74);
  border: 1px solid rgba(232, 237, 245, 0.13);
  border-radius: 8px;
  cursor: pointer;
}

.flow-connect-stats button:nth-child(2) {
  border-color: rgba(34, 197, 94, 0.34);
  background: linear-gradient(145deg, rgba(34, 197, 94, 0.18), rgba(8, 15, 23, 0.78));
}

.flow-connect-stats button:nth-child(3) {
  border-color: rgba(25, 195, 255, 0.34);
  background: linear-gradient(145deg, rgba(25, 195, 255, 0.15), rgba(8, 15, 23, 0.78));
}

.flow-connect-stats button:nth-child(4) {
  border-color: rgba(194, 43, 255, 0.34);
  background: linear-gradient(145deg, rgba(194, 43, 255, 0.15), rgba(8, 15, 23, 0.78));
}

.flow-connect-stats strong {
  display: block;
  color: #ffffff;
  font-size: clamp(1.25rem, 2vw, 1.85rem);
}

.flow-connect-stats span {
  color: #9fb0c2;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.flow-connect-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.flow-connect-actions button {
  min-height: 42px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.flow-connect-actions button:first-child,
.flow-connect-actions button:nth-child(2) {
  background: linear-gradient(135deg, #0b7cff, #19c3ff);
  border-color: rgba(67, 171, 255, 0.6);
}

.flow-connect-actions button:nth-child(3),
.flow-connect-actions button:nth-child(4) {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: rgba(34, 197, 94, 0.6);
}

#flow-connect-next {
  color: #22c55e;
  font-style: normal;
  font-weight: 950;
}

.flow-connect-side-panel {
  display: grid;
  grid-template-columns: minmax(260px, 0.36fr) minmax(0, 0.64fr);
  align-content: start;
  gap: 14px;
}

.flow-connect-side-panel .panel-heading {
  grid-column: 1 / -1;
}

.flow-connect-link-card {
  display: grid;
  gap: 6px;
  padding: 16px;
  background:
    radial-gradient(circle at 90% 0%, rgba(25, 195, 255, 0.16), transparent 36%),
    rgba(8, 15, 23, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.flow-connect-link-card strong {
  color: #ffffff;
  font-size: 1.35rem;
}

.flow-connect-link-card span,
.flow-connect-link-card em {
  color: #c7d2df;
  font-style: normal;
  overflow-wrap: anywhere;
}

.flow-connect-filmstrip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.flow-connect-filmstrip button,
.flow-connect-filmstrip > div {
  min-height: 128px;
  padding: 8px;
  color: #dbe8f8;
  background: rgba(10, 18, 26, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.flow-connect-filmstrip button {
  display: grid;
  gap: 6px;
  cursor: pointer;
}

.flow-connect-filmstrip button.is-selected {
  border-color: rgba(34, 197, 94, 0.7);
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.16);
}

.flow-connect-filmstrip img,
.flow-connect-filmstrip button > span {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 6px;
  background: var(--thumb-bg, rgba(199, 206, 216, 0.1));
}

.flow-connect-filmstrip button > span {
  display: grid;
  place-items: center;
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  text-align: center;
}

.flow-connect-filmstrip em {
  color: #9fb0c2;
  font-style: normal;
  font-size: 0.75rem;
}

.flow-connect-check-card {
  display: grid;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(199, 206, 216, 0.06);
  border: 1px solid rgba(199, 206, 216, 0.1);
  border-radius: 8px;
}

.flow-connect-check-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
  background: rgba(34, 197, 94, 0.1);
}

.flow-connect-check-card.is-hold {
  border-color: rgba(245, 158, 11, 0.26);
}

.flow-connect-check-card:hover,
.flow-connect-check-card:focus-within {
  border-color: rgba(34, 197, 94, 0.56);
  outline: none;
  transform: translateY(-1px);
}

.flow-connect-check-select {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.flow-connect-check-select strong,
.flow-connect-check-select span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flow-connect-check-select strong {
  color: #ffffff;
}

.flow-connect-checklist span {
  color: #9fb0c2;
}

.flow-connect-check-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.flow-connect-check-meta span {
  display: grid;
  gap: 3px;
  min-height: 46px;
  padding: 8px;
  color: #dbe8f8;
  background: rgba(6, 14, 22, 0.58);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
}

.flow-connect-check-meta b {
  color: #80baff;
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.flow-connect-check-card.is-ready .flow-connect-check-meta b {
  color: #22c55e;
}

.flow-connect-check-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.flow-connect-check-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.flow-connect-check-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.44);
}

.flow-connect-check-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.44);
}

.flow-connect-check-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.46);
}

.flow-connect-check-actions button:hover,
.flow-connect-check-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(34, 197, 94, 0.76);
  outline: none;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.14);
}

.editor-command-strip {
  grid-column: 1 / -1;
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(245, 158, 11, 0.34);
  background:
    radial-gradient(circle at 12% -8%, rgba(245, 158, 11, 0.2), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(194, 43, 255, 0.16), transparent 36%),
    linear-gradient(145deg, rgba(36, 26, 16, 0.96), rgba(5, 11, 17, 0.98));
}

.editor-command-strip .workflow-command-metrics,
.editor-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.editor-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.editor-command-strip .workflow-command-copy span,
.editor-command-strip > em {
  color: #f59e0b;
}

.lightroom-section {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  align-items: start;
}

.lightroom-command-panel {
  grid-column: 1 / -1;
}

.lightroom-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(11, 124, 255, 0.38);
  background:
    radial-gradient(circle at 12% -6%, rgba(25, 195, 255, 0.22), transparent 36%),
    radial-gradient(circle at 88% 6%, rgba(194, 43, 255, 0.18), transparent 34%),
    linear-gradient(145deg, rgba(14, 26, 42, 0.97), rgba(5, 10, 16, 0.98));
}

.lightroom-command-strip .workflow-command-metrics,
.lightroom-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.lightroom-command-strip .workflow-command-copy span,
.lightroom-command-strip > em {
  color: #19c3ff;
}

.lightroom-command-strip .workflow-command-actions button:nth-child(3) {
  background: linear-gradient(135deg, #d97706, #f59e0b);
  border-color: rgba(245, 158, 11, 0.6);
}

.lightroom-command-strip .workflow-command-actions button:nth-child(4) {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: rgba(34, 197, 94, 0.58);
}

.lightroom-preview-panel,
.lightroom-side-panel {
  min-height: 100%;
}

.lightroom-preview-stage {
  position: relative;
  display: grid;
  min-height: 390px;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 20% 0%, rgba(11, 124, 255, 0.2), transparent 36%),
    radial-gradient(circle at 84% 12%, rgba(199, 206, 216, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(19, 29, 39, 0.96), rgba(5, 10, 16, 0.98));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.lightroom-preview-stage img {
  width: 100%;
  height: 100%;
  max-height: 520px;
  object-fit: cover;
}

.lightroom-preview-stage span {
  max-width: 340px;
  color: #c7d2df;
  line-height: 1.45;
  text-align: center;
}

.lightroom-summary-grid,
.lightroom-side-grid {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.lightroom-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lightroom-side-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lightroom-summary-grid div,
.lightroom-side-grid div {
  padding: 12px;
  background: rgba(199, 206, 216, 0.07);
  border: 1px solid rgba(199, 206, 216, 0.12);
  border-radius: 8px;
}

.lightroom-summary-grid strong,
.lightroom-side-grid strong {
  display: block;
  color: #ffffff;
  font-size: 1rem;
}

.lightroom-summary-grid span,
.lightroom-side-grid span {
  color: #9fb0c2;
  font-size: 0.78rem;
}

.lightroom-proof-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.lightroom-proof-list button,
.lightroom-proof-list > div {
  display: grid;
  gap: 6px;
  min-height: 124px;
  padding: 8px;
  color: #dbe8f8;
  background: rgba(10, 18, 26, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.lightroom-proof-list img,
.lightroom-proof-list button > span {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 6px;
  background: rgba(199, 206, 216, 0.1);
}

.lightroom-proof-list button > span {
  display: grid;
  place-items: center;
  color: #80baff;
  font-weight: 950;
}

.lightroom-proof-list strong,
.lightroom-proof-list em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lightroom-proof-list em {
  color: #9fb0c2;
  font-style: normal;
  font-size: 0.75rem;
}

.lightroom-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.lightroom-list div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(199, 206, 216, 0.06);
  border: 1px solid rgba(199, 206, 216, 0.1);
  border-radius: 8px;
}

.lightroom-list strong,
.lightroom-list span {
  overflow-wrap: anywhere;
}

.lightroom-list span {
  color: #9fb0c2;
}

.lightroom-handoff-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.lightroom-handoff-actions button {
  min-height: 44px;
  border-radius: 8px;
  background: rgba(18, 29, 41, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.22);
}

.style-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(194, 43, 255, 0.36);
  background:
    radial-gradient(circle at 12% -8%, rgba(194, 43, 255, 0.2), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(25, 195, 255, 0.16), transparent 36%),
    linear-gradient(145deg, rgba(27, 18, 42, 0.96), rgba(5, 11, 17, 0.98));
}

.style-command-strip .workflow-command-metrics,
.style-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.style-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.style-command-strip .workflow-command-copy span,
.style-command-strip > em {
  color: #d77cff;
}

.testing-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(25, 195, 255, 0.36);
  background:
    radial-gradient(circle at 12% -8%, rgba(25, 195, 255, 0.22), transparent 36%),
    radial-gradient(circle at 90% 10%, rgba(34, 197, 94, 0.16), transparent 36%),
    linear-gradient(145deg, rgba(12, 31, 43, 0.96), rgba(5, 11, 17, 0.98));
}

.testing-command-strip .workflow-command-metrics,
.testing-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.testing-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.testing-command-strip .workflow-command-copy span,
.testing-command-strip > em {
  color: #19c3ff;
}

.shoots-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(0, 143, 255, 0.38);
  background:
    radial-gradient(circle at 12% -8%, rgba(0, 143, 255, 0.24), transparent 36%),
    radial-gradient(circle at 88% 10%, rgba(194, 43, 255, 0.16), transparent 36%),
    linear-gradient(145deg, rgba(10, 28, 54, 0.96), rgba(5, 11, 17, 0.98));
}

.shoots-command-strip .workflow-command-metrics,
.shoots-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.shoots-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.shoots-command-strip .workflow-command-copy span,
.shoots-command-strip > em {
  color: #20c7ff;
}

.galleries-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(194, 43, 255, 0.38);
  background:
    radial-gradient(circle at 12% -8%, rgba(0, 143, 255, 0.24), transparent 36%),
    radial-gradient(circle at 88% 8%, rgba(194, 43, 255, 0.24), transparent 36%),
    linear-gradient(145deg, rgba(7, 20, 43, 0.96), rgba(5, 9, 16, 0.98));
}

.galleries-command-strip .workflow-command-metrics,
.galleries-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.galleries-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.galleries-command-strip .workflow-command-copy span,
.galleries-command-strip > em {
  color: #20c7ff;
}

.galleries-section {
  grid-template-columns: minmax(0, 0.82fr) minmax(420px, 1fr);
}

.galleries-command-panel,
.galleries-grid-panel {
  grid-column: 1 / -1;
}

.galleries-main-panel {
  display: grid;
  grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  overflow: hidden;
  border-color: rgba(32, 199, 255, 0.24);
  background:
    radial-gradient(circle at 0% 0%, rgba(0, 143, 255, 0.18), transparent 36%),
    linear-gradient(145deg, rgba(12, 26, 39, 0.92), rgba(7, 12, 19, 0.96));
}

.galleries-main-preview {
  position: relative;
  min-height: 330px;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #d7e3f1;
  text-align: center;
  background:
    var(--thumb-bg, linear-gradient(135deg, rgba(0, 143, 255, 0.2), rgba(194, 43, 255, 0.14))),
    rgba(8, 15, 23, 0.86);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.galleries-main-preview img {
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
}

.galleries-main-preview span {
  max-width: 300px;
  padding: 20px;
  color: #c7d2df;
  font-weight: 900;
  line-height: 1.45;
}

.galleries-main-copy {
  display: grid;
  align-content: center;
  gap: 16px;
  min-width: 0;
}

.galleries-main-copy p {
  margin: 0;
  color: #c7d2df;
  font-weight: 800;
  line-height: 1.45;
}

.galleries-main-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.galleries-main-stats div {
  min-height: 84px;
  padding: 12px;
  background: rgba(8, 15, 23, 0.74);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.galleries-main-stats strong,
.galleries-main-stats span {
  display: block;
}

.galleries-main-stats strong {
  color: #ffffff;
  font-size: clamp(1.25rem, 2vw, 1.85rem);
  line-height: 1;
}

.galleries-main-stats span {
  margin-top: 8px;
  color: #95a5b8;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.galleries-main-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.galleries-main-actions button {
  min-height: 46px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.galleries-main-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #19c3ff);
  border-color: rgba(67, 171, 255, 0.62);
}

.galleries-main-actions button:nth-child(2) {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: rgba(34, 197, 94, 0.55);
}

.proofing-console-section {
  grid-template-columns: minmax(0, 1fr);
}

.proofing-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(194, 43, 255, 0.38);
  background:
    radial-gradient(circle at 12% -8%, rgba(194, 43, 255, 0.24), transparent 36%),
    radial-gradient(circle at 88% 10%, rgba(25, 195, 255, 0.18), transparent 36%),
    linear-gradient(145deg, rgba(28, 16, 48, 0.96), rgba(5, 11, 17, 0.98));
}

.proofing-command-strip .workflow-command-metrics,
.proofing-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.proofing-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.proofing-command-strip .workflow-command-copy span,
.proofing-command-strip > em {
  color: #c22bff;
}

.proofing-main-panel {
  display: grid;
  grid-template-columns: minmax(360px, 0.72fr) minmax(460px, 1fr);
  gap: 18px;
  overflow: hidden;
  border-color: rgba(194, 43, 255, 0.26);
  background:
    radial-gradient(circle at 18% 0%, rgba(194, 43, 255, 0.16), transparent 34%),
    radial-gradient(circle at 90% 12%, rgba(25, 195, 255, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(24, 18, 42, 0.94), rgba(5, 10, 16, 0.98));
}

.proofing-preview {
  display: grid;
  min-height: 340px;
  overflow: hidden;
  place-items: center;
  color: #c7d2df;
  text-align: center;
  background:
    var(--thumb-bg, linear-gradient(145deg, rgba(194, 43, 255, 0.16), rgba(11, 124, 255, 0.18))),
    rgba(6, 14, 20, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.proofing-preview img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
}

.proofing-preview span {
  max-width: 320px;
  padding: 20px;
  font-weight: 900;
  line-height: 1.45;
}

.proofing-copy {
  display: grid;
  align-content: start;
  gap: 14px;
  min-width: 0;
}

.proofing-copy p {
  margin: 0;
  color: #c7d2df;
  font-weight: 800;
  line-height: 1.45;
}

.proofing-console-stats,
.proofing-console-actions {
  display: grid;
  gap: 10px;
}

.proofing-console-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.proofing-console-stats button {
  min-height: 86px;
  padding: 12px;
  color: #f8fbff;
  text-align: left;
  background: rgba(8, 15, 23, 0.74);
  border: 1px solid rgba(232, 237, 245, 0.13);
  border-radius: 8px;
  cursor: pointer;
}

.proofing-console-stats button:nth-child(2) {
  border-color: rgba(245, 158, 11, 0.36);
  background: linear-gradient(145deg, rgba(245, 158, 11, 0.15), rgba(8, 15, 23, 0.78));
}

.proofing-console-stats button:nth-child(3) {
  border-color: rgba(34, 197, 94, 0.34);
  background: linear-gradient(145deg, rgba(34, 197, 94, 0.16), rgba(8, 15, 23, 0.78));
}

.proofing-console-stats button:nth-child(4) {
  border-color: rgba(255, 83, 112, 0.34);
  background: linear-gradient(145deg, rgba(255, 83, 112, 0.15), rgba(8, 15, 23, 0.78));
}

.proofing-console-stats strong {
  display: block;
  color: #ffffff;
  font-size: clamp(1.25rem, 2vw, 1.85rem);
}

.proofing-console-stats span {
  color: #9fb0c2;
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.proofing-console-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.proofing-console-actions button {
  min-height: 44px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.proofing-console-actions button:first-child,
.proofing-console-actions button:nth-child(2) {
  background: linear-gradient(135deg, #0b7cff, #19c3ff);
  border-color: rgba(67, 171, 255, 0.6);
}

.proofing-console-actions button:nth-child(3),
.proofing-console-actions button:nth-child(6) {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: rgba(34, 197, 94, 0.6);
}

.proofing-console-actions button:nth-child(4) {
  background: linear-gradient(135deg, #d97706, #f59e0b);
  border-color: rgba(245, 158, 11, 0.6);
}

#proofing-console-next {
  color: #d77cff;
  font-style: normal;
  font-weight: 950;
}

.proofing-list-panel {
  display: grid;
  gap: 14px;
}

.proofing-list-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}

.proofing-list-heading span {
  color: #43abff;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.proofing-list-heading strong {
  display: block;
  color: #ffffff;
  font-size: 1.35rem;
}

.proofing-list-heading em {
  color: #c7d2df;
  font-style: normal;
  font-weight: 950;
}

.proofing-console-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.proofing-console-card,
.proofing-console-empty {
  display: grid;
  gap: 8px;
  min-height: 232px;
  padding: 10px;
  color: #dbe8f8;
  text-align: left;
  background: rgba(10, 18, 26, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.proofing-console-card {
  align-content: start;
}

.proofing-console-card.is-selected {
  border-color: rgba(25, 195, 255, 0.72);
  box-shadow: 0 0 0 2px rgba(25, 195, 255, 0.16);
}

.proofing-console-card.is-approved {
  border-color: rgba(34, 197, 94, 0.5);
}

.proofing-console-card.is-revision {
  border-color: rgba(245, 158, 11, 0.58);
}

.proofing-console-card.is-favorite {
  border-color: rgba(194, 43, 255, 0.58);
}

.proofing-console-select {
  display: grid;
  gap: 8px;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.proofing-console-thumb {
  display: grid;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  place-items: center;
  background: var(--thumb-bg, rgba(199, 206, 216, 0.1));
  border-radius: 6px;
}

.proofing-console-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.proofing-console-thumb em {
  color: #80baff;
  font-style: normal;
  font-size: 0.74rem;
  font-weight: 950;
  text-align: center;
}

.proofing-console-card strong,
.proofing-console-card small {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proofing-console-card small,
.proofing-console-empty span {
  color: #9fb0c2;
  font-weight: 800;
}

.proofing-console-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 2px;
}

.proofing-console-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(19, 34, 49, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.proofing-console-actions button:nth-child(1) {
  color: #f0d3ff;
  border-color: rgba(194, 43, 255, 0.42);
}

.proofing-console-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.42);
}

.proofing-console-actions button:nth-child(3) {
  color: #ffe6b3;
  border-color: rgba(245, 158, 11, 0.46);
}

.proofing-console-actions button:nth-child(4) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.42);
}

.proofing-console-actions button:hover,
.proofing-console-actions button:focus-visible,
.proofing-console-select:hover strong,
.proofing-console-select:focus-visible strong {
  color: #ffffff;
  border-color: rgba(32, 199, 255, 0.68);
}

.galleries-grid-panel {
  display: grid;
  gap: 14px;
}

.galleries-grid-header {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.galleries-grid-header span,
.galleries-grid-header em {
  color: #20c7ff;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.galleries-grid-header strong {
  display: block;
  margin-top: 4px;
  color: #ffffff;
  font-size: 1.25rem;
}

.galleries-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
  gap: 12px;
}

.galleries-photo-card,
.galleries-photo-empty {
  min-width: 0;
  padding: 10px;
  color: #f8fbff;
  text-align: left;
  background: rgba(8, 15, 23, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.galleries-photo-card {
  display: grid;
  gap: 9px;
  font: inherit;
}

.galleries-photo-card:hover,
.galleries-photo-card.is-selected {
  border-color: rgba(32, 199, 255, 0.66);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 143, 255, 0.18), 0 16px 32px rgba(0, 0, 0, 0.26);
  transform: translateY(-1px);
}

.galleries-photo-card.is-ready {
  border-color: rgba(34, 197, 94, 0.42);
}

.galleries-photo-card.is-hold {
  border-color: rgba(245, 158, 11, 0.34);
}

.galleries-photo-select {
  display: grid;
  gap: 9px;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.galleries-photo-select:focus-visible {
  outline: 2px solid rgba(32, 199, 255, 0.68);
  outline-offset: 3px;
}

.galleries-photo-thumb {
  min-height: 124px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    var(--thumb-bg, linear-gradient(135deg, rgba(0, 143, 255, 0.18), rgba(194, 43, 255, 0.14))),
    rgba(8, 15, 23, 0.88);
  border-radius: 8px;
}

.galleries-photo-thumb img {
  width: 100%;
  height: 124px;
  object-fit: contain;
}

.galleries-photo-thumb em {
  padding: 12px;
  color: #d7e3f1;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}

.galleries-photo-card strong,
.galleries-photo-card small,
.galleries-photo-empty strong,
.galleries-photo-empty span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.galleries-photo-card strong,
.galleries-photo-empty strong {
  color: #ffffff;
  font-size: 0.86rem;
  white-space: nowrap;
}

.galleries-photo-card small,
.galleries-photo-empty span {
  color: #aeb9c7;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.35;
}

.galleries-photo-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 2px;
}

.galleries-photo-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.galleries-photo-actions button:nth-child(1) {
  color: #f0d3ff;
  border-color: rgba(194, 43, 255, 0.42);
}

.galleries-photo-actions button:nth-child(2) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.42);
}

.galleries-photo-actions button:nth-child(3) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.42);
}

.galleries-photo-actions button:nth-child(4) {
  color: #f8fbff;
  border-color: rgba(128, 186, 255, 0.42);
}

.galleries-photo-actions button:hover,
.galleries-photo-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(32, 199, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(32, 199, 255, 0.13);
}

.clients-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(32, 199, 255, 0.34);
  background:
    radial-gradient(circle at 12% -8%, rgba(0, 143, 255, 0.24), transparent 36%),
    radial-gradient(circle at 88% 10%, rgba(34, 197, 94, 0.15), transparent 36%),
    linear-gradient(145deg, rgba(8, 30, 48, 0.96), rgba(5, 11, 17, 0.98));
}

.clients-command-strip .workflow-command-metrics,
.clients-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.clients-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.clients-command-strip .workflow-command-copy span,
.clients-command-strip > em {
  color: #20c7ff;
}

.clients-section {
  grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1fr);
}

.clients-command-panel,
.clients-activity-panel {
  grid-column: 1 / -1;
}

.clients-profile-panel,
.clients-list-panel,
.clients-activity-panel {
  display: grid;
  gap: 14px;
}

.clients-profile-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.clients-profile-grid label {
  display: grid;
  gap: 7px;
  color: #80baff;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.clients-profile-grid input {
  min-height: 44px;
  width: 100%;
  color: #f8fbff;
  background: rgba(8, 15, 23, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  outline: none;
  padding: 0 12px;
  font: inherit;
  font-weight: 850;
}

.clients-profile-grid input:focus {
  border-color: rgba(32, 199, 255, 0.68);
  box-shadow: 0 0 0 3px rgba(0, 143, 255, 0.16);
}

.clients-profile-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.clients-profile-summary div,
.clients-contact-card,
.clients-request-list div,
.clients-access-list div,
.clients-empty {
  min-width: 0;
  padding: 12px;
  background: rgba(8, 15, 23, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.clients-profile-summary strong,
.clients-profile-summary span,
.clients-contact-card span,
.clients-contact-card strong,
.clients-contact-card em,
.clients-request-list strong,
.clients-request-list span,
.clients-request-list em,
.clients-access-list strong,
.clients-access-list span,
.clients-access-list em,
.clients-empty strong,
.clients-empty span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clients-profile-summary strong {
  color: #ffffff;
  font-size: clamp(1rem, 1.5vw, 1.35rem);
  white-space: nowrap;
}

.clients-profile-summary span {
  margin-top: 7px;
  color: #95a5b8;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.clients-profile-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.clients-profile-actions button {
  min-height: 46px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.clients-profile-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #19c3ff);
  border-color: rgba(67, 171, 255, 0.62);
}

.clients-profile-actions button:nth-child(2) {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: rgba(34, 197, 94, 0.52);
}

.clients-list-header {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.clients-list-header span,
.clients-list-header em {
  color: #20c7ff;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.clients-list-header strong {
  display: block;
  margin-top: 4px;
  color: #ffffff;
  font-size: 1.2rem;
}

.clients-contact-grid,
.clients-request-list,
.clients-access-list {
  display: grid;
  gap: 10px;
}

.clients-contact-grid {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}

.clients-contact-card {
  display: grid;
  gap: 8px;
  color: #f8fbff;
  text-align: left;
  font: inherit;
}

.clients-contact-card:hover,
.clients-contact-card.is-selected {
  border-color: rgba(32, 199, 255, 0.64);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 143, 255, 0.18);
  transform: translateY(-1px);
}

.clients-contact-select {
  display: grid;
  gap: 8px;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.clients-contact-select:focus-visible {
  outline: 2px solid rgba(32, 199, 255, 0.68);
  outline-offset: 3px;
}

.clients-contact-card span {
  color: #20c7ff;
  font-size: 0.72rem;
  font-weight: 950;
}

.clients-contact-card strong,
.clients-request-list strong,
.clients-access-list strong,
.clients-empty strong {
  color: #ffffff;
  font-size: 0.92rem;
  white-space: nowrap;
}

.clients-contact-card em,
.clients-request-list em,
.clients-access-list em {
  color: #20c7ff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
}

.clients-contact-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 2px;
}

.clients-contact-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.clients-contact-actions button:nth-child(1) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.42);
}

.clients-contact-actions button:nth-child(2) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.42);
}

.clients-contact-actions button:nth-child(3) {
  color: #f0d3ff;
  border-color: rgba(194, 43, 255, 0.42);
}

.clients-contact-actions button:nth-child(4) {
  color: #f8fbff;
  border-color: rgba(128, 186, 255, 0.42);
}

.clients-contact-actions button:hover,
.clients-contact-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(32, 199, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(32, 199, 255, 0.13);
}

.clients-request-list div,
.clients-access-list div {
  display: grid;
  grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1fr) minmax(90px, auto);
  gap: 10px;
  align-items: center;
}

.clients-request-list div.is-done {
  border-color: rgba(34, 197, 94, 0.32);
}

.clients-request-list span,
.clients-access-list span,
.clients-empty span {
  color: #aeb9c7;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.clients-activity-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clients-activity-block {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.calendar-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(0, 143, 255, 0.42);
  background:
    radial-gradient(circle at 16% -8%, rgba(0, 143, 255, 0.26), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(199, 206, 216, 0.16), transparent 36%),
    linear-gradient(145deg, rgba(5, 18, 34, 0.98), rgba(5, 9, 14, 0.98));
}

.calendar-command-strip .workflow-command-metrics,
.calendar-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.calendar-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.calendar-command-strip .workflow-command-copy span,
.calendar-command-strip > em {
  color: #20c7ff;
}

.calendar-section {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.58fr);
}

.calendar-command-panel,
.calendar-timeline-panel {
  grid-column: 1 / -1;
}

.calendar-main-panel,
.calendar-side-panel,
.calendar-side-block,
.calendar-timeline-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.calendar-main-panel {
  border-color: rgba(0, 143, 255, 0.28);
  background:
    radial-gradient(circle at 0% 0%, rgba(0, 143, 255, 0.18), transparent 34%),
    linear-gradient(145deg, rgba(10, 22, 35, 0.96), rgba(7, 12, 19, 0.98));
}

.calendar-main-panel p {
  margin: 0;
  color: #c7d2df;
  font-weight: 850;
  line-height: 1.45;
}

.calendar-date-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
  gap: 10px;
  align-items: end;
}

.calendar-date-row label {
  color: #f8fbff;
  font-weight: 900;
}

.calendar-date-row input {
  margin-top: 6px;
}

.calendar-date-row button,
.calendar-action-grid button {
  min-height: 46px;
  color: #ffffff;
  background: linear-gradient(135deg, #008fff, #0b7cff);
  border: 1px solid rgba(128, 186, 255, 0.46);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.calendar-summary-grid,
.calendar-flow-card {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.calendar-flow-card {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.calendar-summary-grid div,
.calendar-flow-card div,
.calendar-reminder-card,
.calendar-reminder-empty,
.calendar-timeline-list div {
  min-width: 0;
  padding: 12px;
  background: rgba(8, 15, 23, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.calendar-summary-grid strong,
.calendar-summary-grid span,
.calendar-flow-card strong,
.calendar-flow-card span,
.calendar-reminder-list strong,
.calendar-reminder-list span,
.calendar-timeline-list strong,
.calendar-timeline-list span,
.calendar-timeline-list em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar-summary-grid strong,
.calendar-flow-card strong {
  color: #ffffff;
  font-size: clamp(1.05rem, 1.8vw, 1.62rem);
  line-height: 1;
  white-space: nowrap;
}

.calendar-summary-grid span,
.calendar-flow-card span {
  margin-top: 8px;
  color: #95a5b8;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.calendar-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.calendar-action-grid button:nth-child(2),
.calendar-action-grid button:nth-child(4) {
  background: rgba(18, 29, 41, 0.92);
}

.calendar-reminder-list,
.calendar-timeline-list {
  display: grid;
  gap: 10px;
}

.calendar-reminder-card {
  display: grid;
  gap: 10px;
}

.calendar-reminder-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(84px, auto);
  gap: 10px;
  align-items: center;
}

.calendar-reminder-meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 5px 8px;
  min-width: 0;
  padding: 7px 8px;
  color: #aeb9c7;
  background: rgba(128, 186, 255, 0.07);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 8px;
  font-size: 0.66rem;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.calendar-reminder-meta b {
  color: #80baff;
  font-size: 0.6rem;
  font-weight: 950;
  letter-spacing: 0;
  white-space: nowrap;
}

.calendar-reminder-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.calendar-reminder-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.calendar-reminder-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.42);
}

.calendar-reminder-actions button:nth-child(2) {
  color: #f8fbff;
  border-color: rgba(128, 186, 255, 0.42);
}

.calendar-reminder-actions button:nth-child(3) {
  color: #f0d3ff;
  border-color: rgba(194, 43, 255, 0.42);
}

.calendar-reminder-actions button:nth-child(4) {
  color: #ffe6b3;
  border-color: rgba(245, 158, 11, 0.46);
}

.calendar-reminder-actions button:hover,
.calendar-reminder-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(32, 199, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(32, 199, 255, 0.13);
}

.calendar-timeline-list div {
  display: grid;
  grid-template-columns: 42px minmax(0, 0.7fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.calendar-reminder-list strong,
.calendar-reminder-empty strong,
.calendar-timeline-list strong {
  color: #ffffff;
  font-size: 0.9rem;
  white-space: nowrap;
}

.calendar-reminder-list span,
.calendar-reminder-empty span,
.calendar-timeline-list span {
  color: #aeb9c7;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.calendar-reminder-list span.is-critical {
  color: #ff7d99;
}

.calendar-reminder-list span.is-followup,
.calendar-timeline-list em {
  color: #20c7ff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.analytics-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(186, 104, 255, 0.42);
  background:
    radial-gradient(circle at 14% -8%, rgba(186, 104, 255, 0.22), transparent 35%),
    radial-gradient(circle at 88% 12%, rgba(0, 143, 255, 0.18), transparent 36%),
    linear-gradient(145deg, rgba(19, 12, 33, 0.98), rgba(5, 9, 14, 0.98));
}

.analytics-command-strip .workflow-command-metrics,
.analytics-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.analytics-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.analytics-command-strip .workflow-command-copy span,
.analytics-command-strip > em {
  color: #ba68ff;
}

.analytics-section {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.58fr);
}

.analytics-command-panel,
.analytics-activity-panel {
  grid-column: 1 / -1;
}

.analytics-main-panel,
.analytics-side-panel,
.analytics-side-block,
.analytics-activity-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.analytics-main-panel {
  border-color: rgba(186, 104, 255, 0.28);
  background:
    radial-gradient(circle at 0% 0%, rgba(186, 104, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(16, 18, 35, 0.96), rgba(7, 12, 19, 0.98));
}

.analytics-main-panel p {
  margin: 0;
  color: #c7d2df;
  font-weight: 850;
  line-height: 1.45;
}

.analytics-score-row {
  display: grid;
  grid-template-columns: minmax(160px, 0.32fr) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}

.analytics-proof-ring,
.analytics-main-copy,
.analytics-summary-grid div,
.analytics-growth-grid div,
.analytics-proof-card,
.analytics-evidence-list div,
.analytics-activity-list div {
  min-width: 0;
  padding: 12px;
  background: rgba(8, 15, 23, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.analytics-proof-ring {
  position: relative;
  display: grid;
  place-items: center;
  gap: 6px;
  min-height: 170px;
  overflow: hidden;
}

.analytics-proof-ring strong {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1;
}

.analytics-proof-ring span {
  position: relative;
  z-index: 1;
  color: #b8c4d5;
  font-size: 0.76rem;
  font-weight: 950;
  text-transform: uppercase;
}

.analytics-proof-ring i {
  position: absolute;
  inset: 18px;
  border-radius: 999px;
  background:
    conic-gradient(from 180deg, #008fff var(--analytics-proof, 0%), rgba(232, 237, 245, 0.12) 0),
    radial-gradient(circle, rgba(8, 15, 23, 1) 57%, transparent 58%);
  opacity: 0.95;
}

.analytics-main-copy {
  display: grid;
  align-content: center;
  gap: 8px;
}

.analytics-main-copy strong {
  color: #ffffff;
  font-size: clamp(1.3rem, 2.2vw, 2rem);
  line-height: 1.1;
}

.analytics-main-copy span {
  color: #b8c4d5;
  font-weight: 850;
  line-height: 1.45;
}

.analytics-summary-grid,
.analytics-growth-grid,
.analytics-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.analytics-action-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.analytics-summary-grid strong,
.analytics-growth-grid strong {
  display: block;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(1.05rem, 1.8vw, 1.62rem);
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-summary-grid span,
.analytics-growth-grid span {
  display: block;
  margin-top: 8px;
  color: #95a5b8;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.analytics-action-grid button {
  min-height: 46px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.analytics-action-grid button:nth-child(1),
.analytics-action-grid button:nth-child(4) {
  background: linear-gradient(135deg, #008fff, #ba68ff);
  border-color: rgba(186, 104, 255, 0.52);
}

.analytics-proof-list,
.analytics-evidence-list,
.analytics-activity-list {
  display: grid;
  gap: 10px;
}

.analytics-proof-card,
.analytics-evidence-list div,
.analytics-activity-list div {
  display: grid;
  gap: 10px;
  color: #ffffff;
  text-align: left;
}

.analytics-proof-select {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1fr) minmax(86px, auto);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.analytics-proof-card:hover,
.analytics-proof-card:focus-within {
  border-color: rgba(186, 104, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.analytics-proof-select:focus-visible {
  outline: 2px solid rgba(186, 104, 255, 0.68);
  outline-offset: 3px;
}

.analytics-proof-card.is-ready,
.analytics-evidence-list em.is-pass {
  color: #22c55e;
}

.analytics-proof-card.is-review,
.analytics-evidence-list em.is-review {
  color: #f59e0b;
}

.analytics-proof-list strong,
.analytics-evidence-list strong,
.analytics-activity-list strong {
  overflow: hidden;
  color: #ffffff;
  font-size: 0.9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-proof-list span,
.analytics-evidence-list span,
.analytics-activity-list span {
  overflow: hidden;
  color: #aeb9c7;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: ellipsis;
}

.analytics-proof-list em,
.analytics-evidence-list em,
.analytics-activity-list em {
  color: #ba68ff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.analytics-proof-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.analytics-proof-meta span {
  min-width: 0;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.analytics-proof-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.analytics-proof-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.analytics-proof-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.analytics-proof-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.42);
}

.analytics-proof-actions button:nth-child(2) {
  color: #f8fbff;
  border-color: rgba(128, 186, 255, 0.42);
}

.analytics-proof-actions button:nth-child(3) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.42);
}

.analytics-proof-actions button:nth-child(4) {
  color: #f0d3ff;
  border-color: rgba(194, 43, 255, 0.42);
}

.analytics-proof-actions button:hover,
.analytics-proof-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(186, 104, 255, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(186, 104, 255, 0.13);
}

.analytics-activity-list div {
  grid-template-columns: 42px minmax(0, 0.7fr) minmax(0, 1fr);
}

.settings-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(199, 206, 216, 0.36);
  background:
    radial-gradient(circle at 14% -8%, rgba(199, 206, 216, 0.18), transparent 35%),
    radial-gradient(circle at 88% 12%, rgba(0, 143, 255, 0.18), transparent 36%),
    linear-gradient(145deg, rgba(20, 24, 31, 0.98), rgba(5, 9, 14, 0.98));
}

.settings-command-strip .workflow-command-metrics,
.settings-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.settings-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.settings-command-strip .workflow-command-copy span,
.settings-command-strip > em {
  color: #c7ced8;
}

.settings-section {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.58fr);
}

.settings-command-panel,
.backend-launch-gate-panel,
.database-sync-panel,
.settings-activity-panel {
  grid-column: 1 / -1;
}

.settings-main-panel,
.settings-side-panel,
.settings-side-block,
.backend-launch-gate-panel,
.database-sync-panel,
.settings-activity-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.settings-main-panel {
  border-color: rgba(199, 206, 216, 0.26);
  background:
    radial-gradient(circle at 0% 0%, rgba(199, 206, 216, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(18, 23, 31, 0.96), rgba(7, 12, 19, 0.98));
}

.settings-main-panel p {
  margin: 0;
  color: #c7d2df;
  font-weight: 850;
  line-height: 1.45;
}

.settings-form-grid,
.settings-summary-grid,
.settings-health-grid,
.settings-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.settings-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-action-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-form-grid label {
  color: #f8fbff;
  font-weight: 900;
}

.settings-form-grid input,
.settings-form-grid select {
  margin-top: 6px;
}

.settings-summary-grid div,
.settings-health-grid div,
.settings-check-card,
.database-sync-summary div,
.database-sync-card,
.settings-activity-list div {
  min-width: 0;
  padding: 12px;
  background: rgba(8, 15, 23, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.settings-summary-grid strong,
.settings-health-grid strong,
.database-sync-summary strong {
  display: block;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(1.05rem, 1.8vw, 1.62rem);
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-summary-grid span,
.settings-health-grid span,
.database-sync-summary span {
  display: block;
  margin-top: 8px;
  color: #95a5b8;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.settings-action-grid button {
  min-height: 46px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.settings-action-grid button:nth-child(1),
.settings-action-grid button:nth-child(3) {
  background: linear-gradient(135deg, #008fff, #5aa6ff);
  border-color: rgba(128, 186, 255, 0.52);
}

.backend-launch-gate-panel {
  border-color: rgba(0, 143, 255, 0.34);
  background:
    radial-gradient(circle at 8% 0%, rgba(0, 143, 255, 0.18), transparent 35%),
    radial-gradient(circle at 86% 8%, rgba(49, 209, 124, 0.14), transparent 32%),
    linear-gradient(145deg, rgba(11, 20, 32, 0.96), rgba(4, 8, 14, 0.98));
}

.backend-launch-gate-header {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: flex-start;
}

.backend-launch-gate-header span,
.backend-launch-gate-header strong,
.backend-launch-gate-header p,
.backend-launch-gate-header em,
.backend-launch-gate-card strong,
.backend-launch-gate-card span,
.backend-launch-gate-card em,
.backend-launch-gate-card i {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.backend-launch-gate-header span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.backend-launch-gate-header strong {
  margin-top: 3px;
  color: #ffffff;
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  font-weight: 950;
}

.backend-launch-gate-header p {
  max-width: 760px;
  margin: 6px 0 0;
  color: #b8c5d4;
  font-size: 0.84rem;
  font-weight: 850;
  line-height: 1.4;
}

.backend-launch-gate-header em {
  padding: 8px 10px;
  color: #06101d;
  background: linear-gradient(135deg, #31d17c, #80baff);
  border-radius: 8px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.backend-launch-gate-summary,
.backend-launch-gate-grid,
.backend-launch-gate-actions {
  display: grid;
  gap: 10px;
}

.backend-launch-gate-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.backend-launch-gate-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.backend-launch-gate-summary div,
.backend-launch-gate-card {
  min-width: 0;
  padding: 11px;
  background: rgba(18, 29, 41, 0.76);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.backend-launch-gate-summary strong {
  display: block;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(1rem, 1.7vw, 1.45rem);
  font-weight: 950;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backend-launch-gate-summary span {
  display: block;
  margin-top: 7px;
  color: #95a5b8;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.backend-launch-gate-card {
  display: grid;
  gap: 8px;
}

.backend-launch-gate-card.is-ready {
  border-color: rgba(34, 197, 94, 0.38);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.72);
}

.backend-launch-gate-card.is-hold {
  border-color: rgba(245, 158, 11, 0.38);
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.68);
}

.backend-launch-gate-card strong {
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 950;
  white-space: nowrap;
}

.backend-launch-gate-card span {
  min-height: 32px;
  color: #aeb9c7;
  font-size: 0.66rem;
  font-weight: 850;
  line-height: 1.32;
}

.backend-launch-gate-card em {
  color: #80baff;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.backend-launch-gate-card.is-ready em {
  color: #22c55e;
}

.backend-launch-gate-card.is-hold em {
  color: #f59e0b;
}

.backend-launch-gate-card div {
  display: grid;
  gap: 5px;
}

.backend-launch-gate-card i {
  padding: 6px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
  font-size: 0.6rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.backend-launch-gate-card b {
  display: block;
  margin-bottom: 2px;
  color: #80baff;
  font-size: 0.5rem;
  font-weight: 950;
  text-transform: uppercase;
}

.backend-launch-gate-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.backend-launch-gate-actions button {
  min-height: 42px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.backend-launch-gate-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #31d17c, #80baff);
}

.backend-launch-gate-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.backend-launch-index {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(6, 12, 20, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.backend-launch-index-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.backend-launch-index-header strong {
  display: block;
  color: #ffffff;
  font-size: 0.86rem;
  font-weight: 950;
}

.backend-launch-index-header span,
.backend-launch-index-card span,
.backend-launch-index-card em,
.backend-launch-index-card i {
  color: #aeb9c7;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.25;
}

.backend-launch-index-header button {
  min-height: 34px;
  padding: 0 12px;
  color: #06101d;
  background: linear-gradient(135deg, #31d17c, #80baff);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 950;
}

.backend-launch-index-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.backend-launch-index-card {
  display: grid;
  min-width: 0;
  gap: 6px;
  padding: 9px;
  color: inherit;
  font: inherit;
  text-align: left;
  background: rgba(18, 29, 41, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 8px;
  cursor: pointer;
}

.backend-launch-index-card:disabled {
  cursor: not-allowed;
}

.backend-launch-index-card.is-active {
  background: rgba(49, 209, 124, 0.12);
  border-color: rgba(49, 209, 124, 0.48);
  box-shadow: inset 3px 0 0 rgba(49, 209, 124, 0.78);
}

.backend-launch-index-card strong {
  overflow: hidden;
  color: #ffffff;
  font-size: 0.74rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backend-launch-index-card div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.backend-launch-index-card i {
  padding: 6px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.12);
  border-radius: 6px;
  white-space: nowrap;
}

.database-sync-panel {
  border-color: rgba(0, 143, 255, 0.28);
  background:
    radial-gradient(circle at 8% 0%, rgba(0, 143, 255, 0.14), transparent 32%),
    radial-gradient(circle at 92% 0%, rgba(199, 206, 216, 0.12), transparent 30%),
    linear-gradient(145deg, rgba(10, 16, 25, 0.98), rgba(4, 8, 14, 0.98));
}

.database-sync-header {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: flex-start;
}

.database-sync-header span,
.database-sync-header em,
.database-sync-card em {
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.database-sync-header strong {
  display: block;
  margin-top: 4px;
  color: #ffffff;
  font-size: clamp(1.12rem, 2vw, 1.6rem);
  line-height: 1.05;
}

.database-sync-header p {
  margin: 8px 0 0;
  max-width: 760px;
  color: #c7d2df;
  font-weight: 850;
  line-height: 1.45;
}

.database-sync-header em {
  padding: 8px 10px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #008fff);
  border-radius: 8px;
  white-space: nowrap;
}

.database-sync-summary,
.database-sync-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.database-sync-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.database-sync-card {
  display: grid;
  gap: 9px;
  border-color: rgba(128, 186, 255, 0.18);
}

.database-sync-card.is-ready {
  border-color: rgba(34, 197, 94, 0.36);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.75);
}

.database-sync-card.is-hold {
  border-color: rgba(245, 158, 11, 0.34);
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.62);
}

.database-sync-card strong,
.database-sync-card span,
.database-sync-card em,
.database-sync-card i {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.database-sync-card strong {
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 950;
  white-space: nowrap;
}

.database-sync-card span {
  min-height: 34px;
  color: #aeb9c7;
  font-size: 0.74rem;
  font-weight: 850;
  line-height: 1.35;
}

.database-sync-card.is-ready em {
  color: #22c55e;
}

.database-sync-card.is-hold em {
  color: #f59e0b;
}

.database-sync-card div {
  display: grid;
  gap: 5px;
}

.database-sync-card i {
  padding: 6px 7px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.database-sync-card b {
  display: block;
  margin-bottom: 2px;
  color: #80baff;
  font-size: 0.54rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.database-sync-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.database-sync-actions button {
  min-height: 44px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.database-sync-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #008fff);
  border-color: rgba(128, 186, 255, 0.62);
}

.database-sync-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.backend-schema-contract {
  display: grid;
  gap: 12px;
  padding: 13px;
  background: rgba(8, 15, 23, 0.8);
  border: 1px solid rgba(199, 206, 216, 0.2);
  border-radius: 8px;
}

.backend-schema-header {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: flex-start;
}

.backend-schema-header strong,
.backend-schema-header span,
.backend-schema-header em,
.backend-schema-card strong,
.backend-schema-card span,
.backend-schema-card em,
.backend-schema-card i {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.backend-schema-header strong {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 950;
}

.backend-schema-header span {
  margin-top: 4px;
  color: #aeb9c7;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.35;
}

.backend-schema-header em {
  padding: 7px 9px;
  color: #06101d;
  background: linear-gradient(135deg, #c7ced8, #80baff);
  border-radius: 8px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.backend-schema-summary,
.backend-schema-grid,
.backend-schema-actions {
  display: grid;
  gap: 8px;
}

.backend-schema-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.backend-schema-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.backend-schema-summary div,
.backend-schema-card {
  min-width: 0;
  padding: 10px;
  background: rgba(18, 29, 41, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.backend-schema-summary strong {
  display: block;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(1rem, 1.6vw, 1.4rem);
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backend-schema-summary span {
  display: block;
  margin-top: 7px;
  color: #95a5b8;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.backend-schema-card {
  display: grid;
  gap: 8px;
}

.backend-schema-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.7);
}

.backend-schema-card.is-hold {
  border-color: rgba(245, 158, 11, 0.34);
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.62);
}

.backend-schema-card strong {
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 950;
  white-space: nowrap;
}

.backend-schema-card span {
  min-height: 30px;
  color: #aeb9c7;
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.32;
}

.backend-schema-card em {
  color: #80baff;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.backend-schema-card.is-ready em {
  color: #22c55e;
}

.backend-schema-card.is-hold em {
  color: #f59e0b;
}

.backend-schema-card div {
  display: grid;
  gap: 5px;
}

.backend-schema-card i {
  padding: 6px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.backend-schema-card b {
  display: block;
  margin-bottom: 2px;
  color: #80baff;
  font-size: 0.52rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.backend-schema-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.backend-schema-actions button {
  min-height: 40px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.backend-schema-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #c7ced8, #80baff);
}

.backend-schema-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.backend-dry-run {
  display: grid;
  gap: 12px;
  padding: 13px;
  background: rgba(5, 10, 17, 0.82);
  border: 1px solid rgba(0, 143, 255, 0.22);
  border-radius: 8px;
}

.backend-dry-run-header {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: flex-start;
}

.backend-dry-run-header strong,
.backend-dry-run-header span,
.backend-dry-run-header em,
.backend-dry-run-card strong,
.backend-dry-run-card span,
.backend-dry-run-card em,
.backend-dry-run-card i {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.backend-dry-run-header strong {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 950;
}

.backend-dry-run-header span {
  margin-top: 4px;
  color: #aeb9c7;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.35;
}

.backend-dry-run-header em {
  padding: 7px 9px;
  color: #06101d;
  background: linear-gradient(135deg, #31d17c, #80baff);
  border-radius: 8px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
  white-space: nowrap;
}

.backend-dry-run-summary,
.backend-dry-run-grid,
.backend-dry-run-actions {
  display: grid;
  gap: 8px;
}

.backend-dry-run-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.backend-dry-run-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.backend-dry-run-summary div,
.backend-dry-run-card {
  min-width: 0;
  padding: 10px;
  background: rgba(18, 29, 41, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.backend-dry-run-summary strong {
  display: block;
  overflow: hidden;
  color: #ffffff;
  font-size: clamp(1rem, 1.6vw, 1.4rem);
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backend-dry-run-summary span {
  display: block;
  margin-top: 7px;
  color: #95a5b8;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.backend-dry-run-card {
  display: grid;
  gap: 8px;
}

.backend-dry-run-card.is-ready {
  border-color: rgba(34, 197, 94, 0.34);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.7);
}

.backend-dry-run-card.is-hold {
  border-color: rgba(245, 158, 11, 0.34);
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.62);
}

.backend-dry-run-card strong {
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 950;
  white-space: nowrap;
}

.backend-dry-run-card span {
  min-height: 30px;
  color: #aeb9c7;
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.32;
}

.backend-dry-run-card em {
  color: #80baff;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.backend-dry-run-card.is-ready em {
  color: #22c55e;
}

.backend-dry-run-card.is-hold em {
  color: #f59e0b;
}

.backend-dry-run-card div {
  display: grid;
  gap: 5px;
}

.backend-dry-run-card i {
  padding: 6px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 6px;
  font-size: 0.6rem;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.backend-dry-run-card b {
  display: block;
  margin-bottom: 2px;
  color: #80baff;
  font-size: 0.5rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.backend-dry-run-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.backend-dry-run-actions button {
  min-height: 40px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.backend-dry-run-actions button:first-child {
  color: #06101d;
  background: linear-gradient(135deg, #31d17c, #80baff);
}

.backend-dry-run-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.workspace-records-browser {
  display: grid;
  gap: 10px;
  padding: 10px;
  background: rgba(10, 24, 38, 0.58);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.workspace-sync-index {
  display: grid;
  gap: 10px;
  padding: 10px;
  background: rgba(10, 24, 38, 0.58);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

.workspace-sync-index-header {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
}

.workspace-sync-index-header strong,
.workspace-sync-index-card strong {
  display: block;
  overflow: hidden;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-sync-index-header span,
.workspace-sync-index-card span,
.workspace-sync-index-card em,
.workspace-sync-index-card i {
  display: block;
  overflow: hidden;
  color: #95a5b8;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-sync-index-header button {
  min-height: 34px;
  padding: 0 12px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #c7ced8);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 950;
  white-space: nowrap;
}

.workspace-sync-index-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.workspace-sync-index-card {
  display: grid;
  min-width: 0;
  gap: 6px;
  padding: 9px;
  color: inherit;
  font: inherit;
  text-align: left;
  background: rgba(18, 29, 41, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 8px;
  cursor: pointer;
}

.workspace-sync-index-card:disabled {
  cursor: not-allowed;
}

.workspace-sync-index-card.is-active {
  background: rgba(0, 143, 255, 0.16);
  border-color: rgba(128, 186, 255, 0.5);
  box-shadow: inset 3px 0 0 rgba(0, 143, 255, 0.88);
}

.workspace-sync-index-card div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.workspace-sync-index-card i {
  padding: 6px;
  color: #d8e4f2;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.12);
  border-radius: 6px;
}

.workspace-records-header {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
}

.workspace-records-header strong,
.workspace-record-table-card strong,
.workspace-record-preview-row strong {
  display: block;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 950;
}

.workspace-records-header span {
  display: block;
  margin-top: 4px;
  color: #aeb9c7;
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.35;
}

.workspace-records-header button {
  min-height: 34px;
  padding: 0 12px;
  color: #06101d;
  background: linear-gradient(135deg, #80baff, #c7ced8);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 950;
  white-space: nowrap;
}

.workspace-records-header button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.workspace-records-summary,
.workspace-records-grid,
.workspace-records-preview {
  display: grid;
  gap: 8px;
}

.workspace-records-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-records-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.workspace-records-preview {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workspace-records-summary div,
.workspace-record-table-card,
.workspace-record-preview-row {
  min-width: 0;
  padding: 9px;
  background: rgba(18, 29, 41, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.14);
  border-radius: 8px;
}

.workspace-record-table-card {
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.workspace-record-preview-row {
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.workspace-record-table-card.is-active {
  background: rgba(0, 143, 255, 0.18);
  border-color: rgba(128, 186, 255, 0.52);
  box-shadow: inset 3px 0 0 rgba(0, 143, 255, 0.88);
}

.workspace-record-preview-row.is-active {
  background: rgba(49, 209, 124, 0.12);
  border-color: rgba(49, 209, 124, 0.42);
  box-shadow: inset 3px 0 0 rgba(49, 209, 124, 0.78);
}

.workspace-record-table-card:disabled,
.workspace-record-preview-row:disabled {
  cursor: not-allowed;
}

.workspace-records-summary strong {
  display: block;
  overflow: hidden;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-records-summary span,
.workspace-record-table-card span,
.workspace-record-table-card em,
.workspace-record-preview-row span,
.workspace-record-preview-row em {
  display: block;
  overflow: hidden;
  color: #95a5b8;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-record-table-card strong,
.workspace-record-preview-row strong {
  overflow: hidden;
  color: #80baff;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-record-table-card em,
.workspace-record-preview-row em {
  margin-top: 5px;
  color: #d8e4f2;
}

.workspace-record-table-card.is-empty,
.workspace-record-preview-row.is-empty {
  border-style: dashed;
  opacity: 0.76;
}

.workspace-record-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  min-width: 0;
  padding: 10px;
  background: rgba(5, 10, 17, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.workspace-record-detail strong,
.workspace-record-detail span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-record-detail strong {
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 950;
}

.workspace-record-detail span {
  margin-top: 4px;
  color: #95a5b8;
  font-size: 0.66rem;
  font-weight: 900;
}

.workspace-record-detail pre {
  grid-column: 1 / -1;
  max-height: 160px;
  margin: 0;
  overflow: auto;
  padding: 10px;
  color: #d8e4f2;
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(128, 186, 255, 0.12);
  border-radius: 8px;
  font-size: 0.66rem;
  line-height: 1.45;
  white-space: pre-wrap;
}

.workspace-record-detail button {
  min-height: 34px;
  padding: 0 12px;
  color: #06101d;
  background: linear-gradient(135deg, #31d17c, #80baff);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 950;
  white-space: nowrap;
}

.workspace-record-detail button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.settings-check-list,
.settings-activity-list {
  display: grid;
  gap: 10px;
}

.settings-check-card,
.settings-activity-list div {
  display: grid;
  gap: 10px;
  align-items: center;
}

.settings-check-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(76px, auto);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.settings-check-card:hover,
.settings-check-card:focus-within {
  border-color: rgba(128, 186, 255, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.settings-check-select:focus-visible {
  outline: 2px solid rgba(0, 143, 255, 0.7);
  outline-offset: 3px;
}

.settings-activity-list div {
  grid-template-columns: 42px minmax(0, 0.7fr) minmax(0, 1fr);
}

.settings-check-card.is-ready {
  border-color: rgba(34, 197, 94, 0.36);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.75);
}

.settings-check-card.is-hold {
  border-color: rgba(245, 158, 11, 0.34);
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.62);
}

.settings-check-list strong,
.settings-activity-list strong {
  overflow: hidden;
  color: #ffffff;
  font-size: 0.9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-check-list span,
.settings-activity-list span {
  overflow: hidden;
  color: #aeb9c7;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: ellipsis;
}

.settings-check-select span {
  grid-column: 1 / -1;
}

.settings-check-list em,
.settings-activity-list em {
  color: #c7ced8;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.settings-check-card.is-ready em {
  color: #22c55e;
}

.settings-check-card.is-hold em {
  color: #f59e0b;
}

.settings-check-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.settings-check-meta span {
  min-width: 0;
  overflow: hidden;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.settings-check-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.settings-check-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.settings-check-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.settings-check-actions button:nth-child(1) {
  color: #d9efff;
  border-color: rgba(0, 143, 255, 0.48);
}

.settings-check-actions button:nth-child(2) {
  color: #fff5d7;
  border-color: rgba(245, 158, 11, 0.46);
}

.settings-check-actions button:nth-child(3) {
  color: #f8fbff;
  border-color: rgba(199, 206, 216, 0.48);
}

.settings-check-actions button:nth-child(4) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.46);
}

.settings-check-actions button:hover,
.settings-check-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(0, 143, 255, 0.76);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 143, 255, 0.14);
}

.payments-command-strip {
  grid-template-columns: 1fr;
  margin-top: 0;
  border-color: rgba(34, 197, 94, 0.34);
  background:
    radial-gradient(circle at 12% -8%, rgba(34, 197, 94, 0.2), transparent 36%),
    radial-gradient(circle at 88% 10%, rgba(0, 143, 255, 0.18), transparent 36%),
    linear-gradient(145deg, rgba(10, 35, 32, 0.96), rgba(5, 11, 17, 0.98));
}

.payments-command-strip .workflow-command-metrics,
.payments-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.payments-command-strip .workflow-command-metrics button {
  min-height: 82px;
}

.payments-command-strip .workflow-command-copy span,
.payments-command-strip > em {
  color: #22c55e;
}

.payments-section {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.58fr);
}

.payments-command-panel {
  grid-column: 1 / -1;
}

.payments-main-panel,
.payments-side-panel,
.payments-side-block {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.payments-main-panel {
  border-color: rgba(34, 197, 94, 0.24);
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 197, 94, 0.14), transparent 34%),
    linear-gradient(145deg, rgba(13, 29, 30, 0.92), rgba(7, 12, 19, 0.96));
}

.payments-main-panel p {
  margin: 0;
  color: #c7d2df;
  font-weight: 850;
  line-height: 1.45;
}

.payments-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.payments-summary-grid div,
.payments-check-card,
.payments-history-list div,
.payments-empty {
  min-width: 0;
  padding: 12px;
  background: rgba(8, 15, 23, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.payments-summary-grid strong,
.payments-summary-grid span,
.payments-check-card strong,
.payments-check-card span,
.payments-check-card em,
.payments-history-list strong,
.payments-history-list span,
.payments-history-list em,
.payments-empty strong,
.payments-empty span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.payments-summary-grid strong {
  color: #ffffff;
  font-size: clamp(1.15rem, 2vw, 1.8rem);
  line-height: 1;
  white-space: nowrap;
}

.payments-summary-grid span {
  margin-top: 8px;
  color: #95a5b8;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.payments-check-list {
  display: grid;
  gap: 10px;
}

.payments-check-card {
  display: grid;
  gap: 10px;
  color: #f8fbff;
  text-align: left;
  font: inherit;
}

.payments-check-card:hover,
.payments-check-card:focus-within {
  border-color: rgba(34, 197, 94, 0.58);
  outline: none;
  transform: translateY(-1px);
}

.payments-check-card.is-ready {
  border-color: rgba(34, 197, 94, 0.42);
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.78);
}

.payments-check-card.is-hold {
  border-color: rgba(245, 158, 11, 0.34);
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.62);
}

.payments-check-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 0.62fr) minmax(80px, auto);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
}

.payments-check-select:focus-visible {
  outline: 2px solid rgba(34, 197, 94, 0.68);
  outline-offset: 3px;
}

.payments-check-card strong,
.payments-history-list strong,
.payments-empty strong {
  color: #ffffff;
  font-size: 0.9rem;
  white-space: nowrap;
}

.payments-check-card span,
.payments-history-list span,
.payments-empty span {
  color: #aeb9c7;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.payments-check-card em,
.payments-history-list em {
  color: #22c55e;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
}

.payments-check-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.payments-check-meta span {
  min-width: 0;
  padding: 7px 8px;
  color: #d8e4f2;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1.25;
  background: rgba(128, 186, 255, 0.08);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 6px;
}

.payments-check-meta b {
  display: block;
  margin-bottom: 3px;
  color: #80baff;
  font-size: 0.56rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.payments-check-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.payments-check-actions button {
  min-height: 32px;
  padding: 7px 6px;
  color: #eaf4ff;
  font-size: 0.68rem;
  font-weight: 950;
  background: rgba(17, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 6px;
  cursor: pointer;
}

.payments-check-actions button:nth-child(1) {
  color: #ccffe0;
  border-color: rgba(34, 197, 94, 0.42);
}

.payments-check-actions button:nth-child(2) {
  color: #ffe6b3;
  border-color: rgba(245, 158, 11, 0.46);
}

.payments-check-actions button:nth-child(3) {
  color: #d9efff;
  border-color: rgba(32, 199, 255, 0.42);
}

.payments-check-actions button:nth-child(4) {
  color: #f0d3ff;
  border-color: rgba(194, 43, 255, 0.42);
}

.payments-check-actions button:hover,
.payments-check-actions button:focus-visible {
  color: #ffffff;
  border-color: rgba(34, 197, 94, 0.72);
  outline: none;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.13);
}

.payments-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.payments-action-grid button {
  min-height: 46px;
  color: #ffffff;
  background: rgba(18, 29, 41, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.payments-action-grid button:nth-child(2),
.payments-action-grid button:nth-child(3) {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: rgba(34, 197, 94, 0.52);
}

.payments-history-list {
  display: grid;
  gap: 10px;
}

.payments-history-list div {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(90px, auto);
  gap: 10px;
  align-items: center;
}

.payment-release-api {
  border-color: rgba(11, 124, 255, 0.28);
}

.payment-release-api-index {
  max-height: 260px;
  overflow: auto;
}

.payment-release-api-index .backend-launch-index-card {
  width: 100%;
  text-align: left;
}

.shoots-section {
  grid-template-columns: minmax(0, 0.78fr) minmax(360px, 1fr);
}

.shoots-command-panel {
  grid-column: 1 / -1;
}

.shoots-active-panel,
.shoots-library-panel {
  display: grid;
  gap: 14px;
}

.shoots-job-console {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: stretch;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(0, 143, 255, 0.16), rgba(15, 23, 42, 0.6) 42%, rgba(196, 206, 218, 0.08)),
    rgba(7, 13, 22, 0.9);
  border: 1px solid rgba(32, 199, 255, 0.22);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.shoots-job-cover {
  position: relative;
  min-height: 192px;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: var(--silver);
  text-align: center;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.35;
  background: rgba(4, 10, 18, 0.86);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.shoots-job-cover img {
  width: 100%;
  height: 100%;
  min-height: 192px;
  object-fit: cover;
}

.shoots-job-cover span {
  padding: 18px;
}

.shoots-job-copy {
  min-width: 0;
  display: grid;
  gap: 12px;
  align-content: center;
}

.shoots-job-copy > span {
  color: #20c7ff;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shoots-job-copy > strong {
  color: var(--white);
  font-size: clamp(1.25rem, 2vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.shoots-job-copy > p {
  max-width: 780px;
  margin: 0;
  color: var(--silver);
  font-weight: 800;
  line-height: 1.45;
}

.shoots-job-progress,
.shoots-job-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shoots-job-progress div {
  min-height: 74px;
  padding: 12px;
  background: rgba(11, 19, 31, 0.8);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.shoots-job-progress strong,
.shoots-job-progress span {
  display: block;
}

.shoots-job-progress strong {
  color: var(--white);
  font-size: 1.4rem;
}

.shoots-job-progress span {
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shoots-job-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shoots-job-actions button {
  min-height: 46px;
  color: var(--white);
  background: rgba(10, 22, 37, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  font-weight: 950;
  cursor: pointer;
}

.shoots-job-actions button:hover,
.shoots-job-actions button:focus-visible {
  background: linear-gradient(135deg, rgba(0, 143, 255, 0.95), rgba(32, 199, 255, 0.72));
  border-color: rgba(255, 255, 255, 0.32);
  outline: none;
}

.shoots-active-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shoots-export-receipt {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shoots-active-grid div:first-child,
.shoots-active-grid div:last-child,
.shoots-export-receipt div:nth-child(2),
.shoots-export-receipt div:nth-child(4) {
  grid-column: 1 / -1;
}

.shoots-active-grid div,
.shoots-export-receipt div,
.shoots-library-status,
.shoots-library-item,
.shoots-library-empty {
  min-height: 82px;
  padding: 14px;
  background: rgba(11, 19, 31, 0.76);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

.shoots-active-grid strong,
.shoots-active-grid span,
.shoots-export-receipt strong,
.shoots-export-receipt span,
.shoots-active-note,
.shoots-library-status,
.shoots-library-item strong,
.shoots-library-item span,
.shoots-library-item em,
.shoots-library-item i,
.shoots-library-empty strong,
.shoots-library-empty span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shoots-active-grid strong {
  color: var(--white);
  white-space: nowrap;
}

.shoots-export-receipt strong {
  color: var(--white);
  white-space: nowrap;
}

.shoots-active-grid span {
  margin-top: 7px;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shoots-export-receipt span {
  margin-top: 7px;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.shoots-active-note,
.shoots-library-status {
  min-height: 46px;
  color: var(--silver);
  font-weight: 800;
  line-height: 1.45;
}

.shoots-library-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  gap: 14px;
  align-items: end;
}

.shoots-library-header div,
.shoots-library-header label {
  display: grid;
  gap: 8px;
}

.shoots-library-header span {
  color: #80baff;
  font-size: 0.76rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shoots-library-header strong {
  color: var(--white);
  font-size: 1.35rem;
}

.shoots-library-header input {
  min-height: 44px;
  color: var(--white);
  background: rgba(9, 18, 31, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
  outline: none;
  padding: 0 12px;
}

.shoots-library-list {
  display: grid;
  gap: 10px;
}

.shoots-library-item {
  display: grid;
  gap: 10px;
  min-height: 104px;
  text-align: left;
  color: var(--white);
}

.shoots-library-select {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 5px;
  align-items: stretch;
  min-width: 0;
  padding: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.shoots-library-select:hover,
.shoots-library-select:focus-visible,
.shoots-library-item.is-selected {
  border-color: rgba(32, 199, 255, 0.58);
  outline: none;
}

.shoots-library-select:focus-visible {
  box-shadow: 0 0 0 2px rgba(0, 143, 255, 0.18);
  border-radius: 6px;
}

.shoots-library-thumb {
  display: grid;
  min-height: 98px;
  overflow: hidden;
  place-items: center;
  color: #80baff;
  background: var(--thumb-bg, rgba(0, 143, 255, 0.12));
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 950;
  text-align: center;
  line-height: 1.2;
}

.shoots-library-thumb img {
  width: 100%;
  height: 100%;
  min-height: 98px;
  object-fit: cover;
}

.shoots-library-thumb em {
  padding: 10px;
  font-style: normal;
}

.shoots-library-details {
  display: grid;
  gap: 5px;
  min-width: 0;
  align-content: center;
}

.shoots-library-item.is-selected {
  box-shadow: 0 0 0 2px rgba(0, 143, 255, 0.18);
}

.shoots-library-item span {
  color: #20c7ff;
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.shoots-library-item strong {
  margin-top: 6px;
  color: var(--white);
  font-size: 1rem;
}

.shoots-library-item em,
.shoots-library-item i,
.shoots-library-item small,
.shoots-library-empty span {
  margin-top: 5px;
  color: var(--silver);
  font-style: normal;
  font-weight: 800;
}

.shoots-library-empty strong {
  color: var(--white);
}

.shoots-library-actions {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

.shoots-library-actions button {
  min-height: 32px;
  padding: 0 7px;
  color: #edf6ff;
  background: rgba(15, 24, 35, 0.88);
  border: 1px solid rgba(199, 206, 216, 0.2);
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 900;
}

.shoots-library-actions button:hover,
.shoots-library-actions button:focus-visible {
  border-color: rgba(128, 186, 255, 0.7);
  outline: none;
}

.shoots-library-actions button:first-child,
.shoots-library-actions button:nth-child(5) {
  background: rgba(11, 124, 255, 0.24);
  border-color: rgba(128, 186, 255, 0.46);
}

@media (max-width: 1180px) {
  .shoots-library-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .shoots-library-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.workflow-command-copy,
.workflow-command-metrics,
.workflow-command-actions {
  position: relative;
  z-index: 1;
}

.workflow-command-copy {
  display: grid;
  align-content: center;
  gap: 7px;
  min-width: 0;
}

.workflow-command-copy span {
  color: #43abff;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.signature-command-strip .workflow-command-copy span {
  color: #d77cff;
}

.upload-command-strip .workflow-command-copy span {
  color: #19c3ff;
}

.workflow-command-copy strong {
  color: #f8fbff;
  font-size: clamp(1.15rem, 1.7vw, 1.65rem);
  line-height: 1.08;
}

.workflow-command-copy p {
  max-width: 560px;
  margin: 0;
  color: #c7d2df;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.4;
}

.workflow-command-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.workflow-command-metrics button,
.workflow-command-actions button {
  min-width: 0;
  color: #f8fbff;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 950;
}

.workflow-command-metrics button {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 92px;
  padding: 12px;
  text-align: left;
  background: rgba(8, 15, 23, 0.72);
  border: 1px solid rgba(232, 237, 245, 0.13);
}

.workflow-command-metrics button:nth-child(2) {
  border-color: rgba(34, 197, 94, 0.34);
  background: linear-gradient(145deg, rgba(34, 197, 94, 0.17), rgba(8, 15, 23, 0.78));
}

.workflow-command-metrics button:nth-child(3) {
  border-color: rgba(245, 158, 11, 0.36);
  background: linear-gradient(145deg, rgba(245, 158, 11, 0.15), rgba(8, 15, 23, 0.78));
}

.workflow-command-metrics button:nth-child(4) {
  border-color: rgba(255, 83, 112, 0.36);
  background: linear-gradient(145deg, rgba(255, 83, 112, 0.14), rgba(8, 15, 23, 0.78));
}

.workflow-command-metrics span {
  color: #95a5b8;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workflow-command-metrics span,
.workflow-command-metrics strong,
.workflow-command-metrics em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workflow-command-metrics strong {
  color: #ffffff;
  font-size: clamp(1.35rem, 2.3vw, 2.05rem);
  line-height: 1;
}

.workflow-command-metrics em {
  color: #c7d2df;
  font-style: normal;
  font-size: 0.76rem;
}

.workflow-command-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.workflow-command-actions button {
  min-height: 44px;
  padding: 0 12px;
  font-size: 0.92rem;
  background: rgba(18, 29, 41, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.22);
}

.workflow-command-actions button:first-child {
  background: linear-gradient(135deg, #0b7cff, #19c3ff);
  border-color: rgba(67, 171, 255, 0.6);
}

.workflow-command-actions button:nth-child(2) {
  background: linear-gradient(135deg, #7c3aed, #c02bff);
  border-color: rgba(194, 43, 255, 0.58);
}

.workflow-command-actions button:hover,
.workflow-command-actions button:focus-visible,
.workflow-command-metrics button:hover,
.workflow-command-metrics button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
}

.workflow-command-strip > em {
  position: relative;
  grid-column: 1 / -1;
  justify-self: end;
  z-index: 1;
  color: #80baff;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 950;
}

.signature-command-strip > em {
  color: #d77cff;
}

.upload-command-strip > em {
  color: #19c3ff;
}

.culling-command-strip {
  grid-template-columns: 1fr;
}

.culling-command-strip .workflow-command-actions {
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
}

.culling-command-strip .workflow-command-metrics {
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
}

.culling-command-strip .workflow-command-actions button {
  min-height: 46px;
  line-height: 1.2;
}

.culling-quality-gate {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(10, 16, 24, 0.94), rgba(32, 39, 48, 0.84));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.culling-quality-gate-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.culling-quality-gate-header strong,
.culling-quality-gate-header span,
.culling-quality-gate-header em {
  display: block;
}

.culling-quality-gate-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.culling-quality-gate-header span {
  margin-top: 3px;
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.culling-quality-gate-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.culling-quality-gate-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.culling-quality-gate-row {
  display: grid;
  min-height: 74px;
  gap: 4px;
  padding: 10px;
  color: var(--ink);
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.culling-quality-gate-row.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.culling-quality-gate-row.is-hold {
  border-color: rgba(255, 191, 56, 0.38);
}

.culling-quality-gate-row strong,
.culling-quality-gate-row span,
.culling-quality-gate-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.culling-quality-gate-row strong {
  color: var(--white);
  font-size: 0.78rem;
}

.culling-quality-gate-row span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.culling-quality-gate-row em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.culling-quality-gate-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.culling-quality-gate-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.culling-quality-gate-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.86), rgba(10, 99, 206, 0.92));
  border-color: rgba(128, 186, 255, 0.58);
}

.finish-quality-gate {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(10, 16, 24, 0.94), rgba(32, 39, 48, 0.84));
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
}

.finish-quality-gate-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.finish-quality-gate-header strong,
.finish-quality-gate-header span,
.finish-quality-gate-header em {
  display: block;
}

.finish-quality-gate-header strong {
  color: var(--white);
  font-size: 0.96rem;
}

.finish-quality-gate-header span {
  margin-top: 3px;
  color: rgba(232, 239, 248, 0.76);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.35;
}

.finish-quality-gate-header em {
  flex: 0 0 auto;
  color: #80baff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.finish-quality-gate-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}

.finish-quality-gate-row {
  display: grid;
  min-height: 74px;
  gap: 4px;
  padding: 10px;
  color: var(--ink);
  text-align: left;
  background: rgba(18, 26, 36, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
  cursor: pointer;
}

.finish-quality-gate-row.is-ready {
  border-color: rgba(49, 209, 124, 0.34);
}

.finish-quality-gate-row.is-hold {
  border-color: rgba(255, 191, 56, 0.38);
}

.finish-quality-gate-row strong,
.finish-quality-gate-row span,
.finish-quality-gate-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finish-quality-gate-row strong {
  color: var(--white);
  font-size: 0.78rem;
}

.finish-quality-gate-row span {
  color: #80baff;
  font-size: 0.66rem;
  font-weight: 950;
  text-transform: uppercase;
}

.finish-quality-gate-row em {
  color: rgba(232, 239, 248, 0.72);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

.finish-quality-gate-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.finish-quality-gate-actions button {
  min-height: 40px;
  color: var(--white);
  background: rgba(18, 26, 36, 0.95);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 950;
}

.finish-quality-gate-actions button:first-child {
  background: linear-gradient(135deg, rgba(11, 124, 255, 0.86), rgba(10, 99, 206, 0.92));
  border-color: rgba(128, 186, 255, 0.58);
}

@media (max-width: 1320px) {
  .galleries-section,
  .galleries-main-panel,
  .proofing-main-panel,
  .clients-section,
  .clients-profile-grid,
  .clients-activity-panel,
  .calendar-section,
  .calendar-date-row,
  .payments-section,
  .analytics-section,
  .analytics-score-row,
  .lightroom-section,
  .flow-connect-section,
  .flow-connect-main-panel,
  .settings-section,
  .settings-form-grid,
  .shoots-section,
  .shoots-job-console,
  .shoots-active-grid,
  .shoots-export-receipt,
  .shoots-library-header {
    grid-template-columns: 1fr;
  }

  .galleries-main-stats,
  .galleries-main-actions,
  .clients-profile-summary,
  .clients-profile-actions,
  .calendar-summary-grid,
  .calendar-flow-card,
  .calendar-action-grid,
  .payments-summary-grid,
  .analytics-summary-grid,
  .analytics-growth-grid,
  .analytics-action-grid,
  .settings-summary-grid,
  .settings-health-grid,
  .backend-launch-gate-summary,
  .backend-launch-gate-grid,
  .backend-launch-gate-actions,
  .backend-launch-index-grid,
  .database-sync-grid,
  .backend-schema-grid,
  .backend-dry-run-grid,
  .workspace-sync-index-grid,
  .workspace-records-grid,
  .workspace-records-preview,
  .settings-action-grid,
  .shoots-job-progress,
  .shoots-export-receipt,
  .payments-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shoots-job-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shoots-library-select {
    grid-template-columns: 112px minmax(0, 1fr);
  }

  .lightroom-command-strip .workflow-command-metrics,
  .lightroom-command-strip .workflow-command-actions,
  .lightroom-summary-grid,
  .lightroom-proof-list,
  .flow-connect-stats,
  .flow-connect-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .proofing-console-stats,
  .proofing-console-actions,
  .proofing-console-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workflow-command-strip {
    grid-template-columns: 1fr;
  }

  .workflow-command-strip > em {
    align-self: start;
  }
}

/* Template top bar lockup */
.topbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(330px, 380px) minmax(260px, max-content);
  align-items: start;
  gap: 16px;
}

.template-search {
  width: 100%;
}

.top-actions {
  max-width: 520px;
  flex-wrap: wrap;
}

.new-shoot-button,
.status-pill,
.reset-workspace {
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .topbar {
    grid-template-columns: 1fr;
  }

  .top-actions {
    flex-wrap: wrap;
    justify-content: start;
  }
}

@media (max-width: 760px) {
  .workflow-command-metrics,
  .workflow-command-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lightroom-summary-grid,
  .lightroom-side-grid,
  .lightroom-proof-list,
  .lightroom-handoff-actions,
  .flow-connect-stats,
  .flow-connect-actions,
  .flow-connect-side-panel,
  .flow-connect-filmstrip,
  .proofing-console-stats,
  .proofing-console-actions,
  .shoots-job-progress,
  .shoots-job-actions,
  .shoots-export-receipt,
  .proofing-console-list,
  .payments-check-meta,
  .money-handoff-card-meta,
  .analytics-proof-meta,
  .settings-check-meta,
  .workspace-sync-index-grid,
  .workspace-records-summary,
  .workspace-records-grid,
  .workspace-records-preview,
  .flow-connect-check-meta {
    grid-template-columns: 1fr;
  }

  .flow-connect-main-panel,
  .flow-connect-side-panel,
  .flow-connect-copy,
  .flow-connect-link-card,
  .proofing-main-panel,
  .proofing-copy {
    min-width: 0;
  }

  .flow-connect-actions button,
  .flow-connect-stats strong,
  .proofing-console-actions button,
  .proofing-console-stats strong {
    overflow-wrap: anywhere;
  }

  .workspace-records-header {
    flex-direction: column;
  }

  .workspace-sync-index-header {
    flex-direction: column;
  }

  .workspace-sync-index-header button,
  .workspace-records-header button,
  .workspace-record-detail button {
    width: 100%;
  }

  .workspace-record-detail {
    grid-template-columns: 1fr;
  }
}

.export-packet-card-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 760px) {
  .export-packet-card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* FinalFlo dashboard template lock, July 11: match the selected all-in-one cockpit reference. */
body[data-active-page="dashboard"] .app-shell {
  gap: 8px;
  padding: 6px;
  background:
    radial-gradient(circle at 14% -8%, rgba(0, 143, 255, 0.28), transparent 30%),
    radial-gradient(circle at 88% 2%, rgba(168, 85, 247, 0.22), transparent 28%),
    linear-gradient(135deg, rgba(3, 8, 18, 0.98), rgba(7, 11, 20, 0.98));
  border: 1px solid rgba(0, 143, 255, 0.58);
  box-shadow:
    0 0 0 1px rgba(194, 43, 255, 0.2),
    0 0 34px rgba(0, 143, 255, 0.22);
}

body[data-active-page="dashboard"] main {
  padding: 20px 28px 40px;
  background:
    radial-gradient(circle at 30% -8%, rgba(0, 143, 255, 0.12), transparent 34%),
    radial-gradient(circle at 86% 6%, rgba(194, 43, 255, 0.1), transparent 28%),
    linear-gradient(145deg, rgba(4, 10, 18, 0.96), rgba(8, 15, 24, 0.96));
  border-color: rgba(128, 186, 255, 0.2);
}

body[data-active-page="dashboard"] .sidebar {
  background:
    radial-gradient(circle at 42% 0%, rgba(0, 143, 255, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(5, 13, 22, 0.98), rgba(3, 8, 12, 0.99));
  border-color: rgba(128, 186, 255, 0.2);
}

body[data-active-page="dashboard"] .studio-home-console {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  grid-template-areas:
    "main recent"
    "ai recent";
  align-items: stretch;
  gap: 10px;
}

body[data-active-page="dashboard"] .studio-home-main {
  grid-area: main;
  min-height: 0;
  padding: 16px;
  background:
    linear-gradient(145deg, rgba(10, 18, 30, 0.96), rgba(4, 10, 16, 0.98));
}

body[data-active-page="dashboard"] .template-recent-projects {
  grid-area: recent;
  align-content: start;
  background:
    radial-gradient(circle at 82% 0%, rgba(0, 143, 255, 0.12), transparent 30%),
    linear-gradient(145deg, rgba(12, 20, 34, 0.96), rgba(6, 11, 18, 0.98));
}

body[data-active-page="dashboard"] .studio-ai-preview {
  grid-area: ai;
  min-height: 288px;
  padding: 12px;
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 143, 255, 0.18), transparent 34%),
    radial-gradient(circle at 90% 20%, rgba(194, 43, 255, 0.1), transparent 30%),
    linear-gradient(145deg, rgba(10, 18, 30, 0.96), rgba(4, 10, 16, 0.98));
  border-color: rgba(0, 143, 255, 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 48px rgba(0, 0, 0, 0.34);
}

body[data-active-page="dashboard"] .studio-project-strip {
  display: none;
}

body[data-active-page="dashboard"] .template-hero {
  min-height: 205px;
  padding: 24px 30px;
  background:
    radial-gradient(circle at 72% 42%, rgba(0, 210, 255, 0.32), transparent 28%),
    radial-gradient(circle at 91% 80%, rgba(226, 32, 255, 0.42), transparent 28%),
    linear-gradient(135deg, rgba(8, 19, 66, 0.96), rgba(25, 10, 72, 0.94));
  border-color: rgba(0, 143, 255, 0.38);
}

body[data-active-page="dashboard"] .template-hero strong {
  font-size: clamp(1.7rem, 2.35vw, 2.75rem);
}

body[data-active-page="dashboard"] .template-hero img {
  width: min(336px, 100%);
  max-height: 146px;
  opacity: 0.96;
}

body[data-active-page="dashboard"] .studio-quick-actions button {
  min-height: 92px;
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 30px rgba(0, 0, 0, 0.2);
}

body[data-active-page="dashboard"] .studio-ai-body {
  grid-template-columns: 1fr;
  gap: 8px;
}

body[data-active-page="dashboard"] .studio-ai-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

body[data-active-page="dashboard"] .studio-ai-stats div {
  min-height: 54px;
  padding: 8px;
}

body[data-active-page="dashboard"] .studio-ai-stats strong {
  font-size: 1.1rem;
}

body[data-active-page="dashboard"] .studio-ai-stats em {
  display: none;
}

body[data-active-page="dashboard"] .dashboard-preview-cull-checkpoint {
  display: grid;
  gap: 7px;
  padding: 8px;
  background: rgba(7, 15, 24, 0.78);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 8px;
}

body[data-active-page="dashboard"] .dashboard-preview-cull-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

body[data-active-page="dashboard"] .dashboard-preview-cull-grid button {
  min-width: 0;
  min-height: 58px;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 7px;
  color: var(--white);
  background: rgba(18, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 7px;
  cursor: pointer;
  text-align: left;
}

body[data-active-page="dashboard"] .dashboard-preview-cull-grid button:first-child,
body[data-active-page="dashboard"] .dashboard-preview-cull-grid button:nth-child(3) {
  border-color: rgba(54, 211, 153, 0.34);
}

body[data-active-page="dashboard"] .dashboard-preview-cull-grid span,
body[data-active-page="dashboard"] .dashboard-preview-cull-grid strong,
body[data-active-page="dashboard"] .dashboard-preview-cull-grid em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-active-page="dashboard"] .dashboard-preview-cull-grid span {
  color: var(--muted);
  font-size: 0.6rem;
  font-weight: 950;
  text-transform: uppercase;
}

body[data-active-page="dashboard"] .dashboard-preview-cull-grid strong {
  color: var(--white);
  font-size: 1rem;
}

body[data-active-page="dashboard"] .dashboard-preview-cull-grid em {
  color: #80baff;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 900;
}

body[data-active-page="dashboard"] .dashboard-preview-cull-checkpoint p {
  margin: 0;
  color: var(--silver);
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.35;
}

body[data-active-page="dashboard"] .studio-ai-frame {
  min-height: 118px;
}

body[data-active-page="dashboard"] .studio-ai-filmstrip {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 7px;
  min-height: 64px;
}

body[data-active-page="dashboard"] .studio-ai-filmstrip button {
  min-height: 64px;
  overflow: hidden;
  background: rgba(10, 18, 30, 0.82);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

body[data-active-page="dashboard"] .studio-ai-filmstrip button.is-active {
  border-color: rgba(0, 143, 255, 0.9);
  box-shadow: 0 0 0 2px rgba(0, 143, 255, 0.18);
}

body[data-active-page="dashboard"] .studio-ai-filmstrip img {
  width: 100%;
  height: 64px;
  object-fit: cover;
}

body[data-active-page="dashboard"] .dashboard-uploaded-roll {
  display: grid;
  gap: 7px;
  margin-top: 8px;
  padding: 8px;
  background: rgba(10, 18, 30, 0.72);
  border: 1px solid rgba(128, 186, 255, 0.18);
  border-radius: 8px;
}

body[data-active-page="dashboard"] .dashboard-uploaded-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
}

body[data-active-page="dashboard"] .dashboard-uploaded-heading strong,
body[data-active-page="dashboard"] .dashboard-uploaded-heading span,
body[data-active-page="dashboard"] .dashboard-uploaded-heading em {
  display: block;
}

body[data-active-page="dashboard"] .dashboard-uploaded-heading strong {
  color: var(--white);
  font-size: 0.84rem;
  font-weight: 950;
}

body[data-active-page="dashboard"] .dashboard-uploaded-heading span,
body[data-active-page="dashboard"] .dashboard-uploaded-heading em {
  color: var(--muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 850;
}

body[data-active-page="dashboard"] .dashboard-uploaded-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  gap: 10px;
}

body[data-active-page="dashboard"] .dashboard-uploaded-card,
body[data-active-page="dashboard"] .dashboard-uploaded-empty {
  display: grid;
  min-width: 0;
  overflow: hidden;
  background: rgba(14, 24, 38, 0.88);
  border: 1px solid rgba(128, 186, 255, 0.16);
  border-radius: 8px;
}

body[data-active-page="dashboard"] .dashboard-uploaded-card.is-selected {
  border-color: rgba(0, 143, 255, 0.72);
  box-shadow: 0 0 0 1px rgba(0, 143, 255, 0.28);
}

body[data-active-page="dashboard"] .dashboard-uploaded-card.is-just-imported {
  border-color: rgba(49, 209, 124, 0.64);
  box-shadow: 0 0 0 2px rgba(49, 209, 124, 0.12);
}

body[data-active-page="dashboard"] .dashboard-uploaded-card.is-source-only {
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 191, 56, 0.12), transparent 34%),
    rgba(14, 24, 38, 0.9);
  border-color: rgba(255, 191, 56, 0.46);
}

body[data-active-page="dashboard"] .dashboard-uploaded-select {
  display: grid;
  min-width: 0;
  gap: 4px;
  padding: 0 0 6px;
  color: var(--white);
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

body[data-active-page="dashboard"] .dashboard-uploaded-thumb {
  display: grid;
  min-height: 126px;
  overflow: hidden;
  place-items: center;
  color: var(--silver);
  background:
    linear-gradient(145deg, rgba(0, 143, 255, 0.14), rgba(199, 206, 216, 0.08)),
    var(--thumb-bg, rgba(24, 33, 44, 0.88));
}

body[data-active-page="dashboard"] .dashboard-uploaded-thumb img {
  display: block;
  width: 100%;
  height: 126px;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.28);
}

body[data-active-page="dashboard"] .dashboard-uploaded-thumb em {
  display: grid;
  gap: 5px;
  padding: 10px;
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 950;
  text-align: center;
}

body[data-active-page="dashboard"] .dashboard-uploaded-thumb em b,
body[data-active-page="dashboard"] .dashboard-uploaded-thumb em i {
  display: block;
  font-style: normal;
}

body[data-active-page="dashboard"] .dashboard-uploaded-thumb em b {
  width: min(100%, 92px);
  margin-inline: auto;
  padding: 8px 10px;
  color: #07111d;
  background: linear-gradient(135deg, #ffbf38, #ffe08a);
  border: 1px solid rgba(255, 240, 180, 0.78);
  border-radius: 8px;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
}

body[data-active-page="dashboard"] .dashboard-uploaded-thumb em i {
  color: #ffe6a1;
  font-size: 0.62rem;
  line-height: 1.2;
}

body[data-active-page="dashboard"] .dashboard-uploaded-select strong,
body[data-active-page="dashboard"] .dashboard-uploaded-select small {
  overflow: hidden;
  padding: 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-active-page="dashboard"] .dashboard-uploaded-select strong {
  font-size: 0.82rem;
  font-weight: 950;
}

body[data-active-page="dashboard"] .dashboard-uploaded-select small {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 850;
}

body[data-active-page="dashboard"] .dashboard-uploaded-source-detail {
  overflow: hidden;
  padding: 0 8px;
  color: #f5d88a;
  font-size: 0.62rem;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-active-page="dashboard"] .dashboard-uploaded-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  padding: 0 5px 5px;
}

body[data-active-page="dashboard"] .dashboard-uploaded-actions button,
body[data-active-page="dashboard"] .dashboard-uploaded-empty button {
  min-height: 30px;
  color: var(--white);
  background: rgba(18, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.2);
  border-radius: 6px;
  font-size: 0.62rem;
  font-weight: 950;
  cursor: pointer;
}

body[data-active-page="dashboard"] .dashboard-uploaded-actions button:last-child {
  color: #ffd8de;
  border-color: rgba(255, 82, 112, 0.38);
}

body[data-active-page="dashboard"] .dashboard-uploaded-card.is-source-only .dashboard-uploaded-actions button:first-child {
  color: #07111d;
  background: linear-gradient(135deg, #ffbf38, #ffe08a);
  border-color: rgba(255, 224, 138, 0.74);
}

body[data-active-page="dashboard"] .dashboard-uploaded-empty {
  grid-column: 1 / -1;
  gap: 6px;
  padding: 12px;
  color: var(--muted);
}

body[data-active-page="dashboard"] .dashboard-uploaded-empty strong {
  color: var(--white);
}

body[data-active-page="dashboard"] .studio-ai-actions button:first-child,
body[data-active-page="dashboard"] .studio-ai-actions button:last-child {
  background: rgba(18, 29, 42, 0.92);
  border-color: rgba(128, 186, 255, 0.32);
}

body[data-active-page="dashboard"] .dashboard-workflow {
  margin-top: 10px;
}

body[data-active-page="dashboard"] .dashboard-workflow-panel,
body[data-active-page="dashboard"] .dashboard-finish-card,
body[data-active-page="dashboard"] .dashboard-pipeline-card,
body[data-active-page="dashboard"] .dashboard-gallery-card,
body[data-active-page="dashboard"] .dashboard-ops-strip button {
  border-color: rgba(0, 143, 255, 0.28);
  background:
    radial-gradient(circle at 86% 0%, rgba(0, 143, 255, 0.12), transparent 30%),
    linear-gradient(145deg, rgba(12, 21, 34, 0.96), rgba(5, 10, 16, 0.98));
}

body[data-active-page="dashboard"] main {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

body[data-active-page="dashboard"] main > section:not(.page-guide):not(.is-page-hidden) {
  max-height: none;
  overflow: visible;
}

body[data-active-page="dashboard"] .studio-home-console {
  height: auto;
  max-height: none;
}

.dashboard-preview-rescue {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.5fr) minmax(260px, 0.7fr);
  gap: 12px;
  margin: 0 0 10px;
  padding: 14px;
  background:
    radial-gradient(circle at 94% 0%, rgba(0, 143, 255, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(12, 21, 34, 0.98), rgba(5, 10, 16, 0.98));
  border: 1px solid rgba(0, 143, 255, 0.32);
  border-radius: 8px;
}

.dashboard-preview-rescue div:first-child {
  display: grid;
  gap: 5px;
  align-content: center;
  min-width: 0;
}

.dashboard-preview-rescue span,
.dashboard-preview-rescue strong,
.dashboard-preview-rescue p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.dashboard-preview-rescue div:first-child span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dashboard-preview-rescue div:first-child strong {
  color: var(--white);
  font-size: clamp(1rem, 1.6vw, 1.35rem);
}

.dashboard-preview-rescue div:first-child p {
  margin: 0;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.35;
}

.dashboard-preview-rescue-stats,
.dashboard-preview-rescue-actions {
  display: grid;
  gap: 8px;
}

.dashboard-preview-rescue-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-preview-rescue-stats button,
.dashboard-preview-rescue-actions button {
  min-height: 44px;
  color: var(--white);
  background: rgba(18, 31, 45, 0.92);
  border: 1px solid rgba(128, 186, 255, 0.28);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.dashboard-preview-rescue-stats button {
  display: grid;
  place-items: center;
}

.dashboard-preview-rescue-stats strong {
  color: var(--white);
  font-size: 1.45rem;
  line-height: 1;
}

.dashboard-preview-rescue-stats span {
  color: var(--muted);
  font-size: 0.68rem;
  text-transform: uppercase;
}

.dashboard-preview-rescue-stats button.is-good {
  border-color: rgba(49, 209, 124, 0.58);
  box-shadow: 0 0 0 2px rgba(49, 209, 124, 0.1);
}

.dashboard-preview-rescue-stats button.is-warning {
  border-color: rgba(255, 191, 56, 0.58);
}

.dashboard-preview-rescue-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-preview-rescue-actions button:first-child {
  background: var(--teal);
  border-color: var(--teal);
}

.dashboard-preview-rescue-actions button:nth-child(2) {
  background: rgba(255, 191, 56, 0.16);
  border-color: rgba(255, 191, 56, 0.48);
}

.dashboard-preview-rescue-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.dashboard-photo-wall {
  display: grid;
  grid-template-columns: minmax(230px, 0.64fr) minmax(300px, 1fr);
  gap: 12px;
  margin: 0 0 10px;
  padding: 14px;
  background:
    radial-gradient(circle at 82% 0%, rgba(0, 143, 255, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(11, 19, 31, 0.99), rgba(5, 10, 16, 0.99));
  border: 1px solid rgba(0, 143, 255, 0.36);
  border-radius: 8px;
  box-shadow: 0 0 0 2px rgba(0, 143, 255, 0.08);
}

.dashboard-photo-wall-copy {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
}

.dashboard-photo-wall-copy span,
.dashboard-photo-wall-copy strong,
.dashboard-photo-wall-copy p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.dashboard-photo-wall-copy span {
  color: #80baff;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dashboard-photo-wall-copy strong {
  color: var(--white);
  font-size: clamp(1.2rem, 2.1vw, 1.85rem);
  line-height: 1.05;
}

.dashboard-photo-wall-copy p {
  margin: 0;
  color: var(--muted);
  font-weight: 850;
  line-height: 1.4;
}

.dashboard-photo-wall-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.dashboard-photo-wall-actions button {
  min-height: 42px;
  color: var(--white);
  background: rgba(18, 31, 45, 0.94);
  border: 1px solid rgba(128, 186, 255, 0.32);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
}

.dashboard-photo-wall-actions button:first-child {
  background: var(--teal);
  border-color: var(--teal);
}

.dashboard-photo-wall-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
}

.dashboard-photo-wall-frame {
  display: grid;
  min-height: 280px;
  overflow: hidden;
  place-items: center;
  background:
    linear-gradient(145deg, rgba(0, 143, 255, 0.12), rgba(199, 206, 216, 0.06)),
    rgba(0, 0, 0, 0.36);
  border: 1px solid rgba(128, 186, 255, 0.24);
  border-radius: 8px;
}

.dashboard-photo-wall-frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 360px;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.36);
}

.dashboard-photo-wall-frame span {
  max-width: 34ch;
  padding: 18px;
  color: var(--muted);
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}

.dashboard-photo-wall-strip {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 8px;
}

.dashboard-photo-wall-thumb,
.dashboard-photo-wall-empty {
  display: grid;
  gap: 5px;
  min-height: 112px;
  overflow: hidden;
  color: var(--white);
  background: rgba(14, 24, 38, 0.9);
  border: 1px solid rgba(128, 186, 255, 0.22);
  border-radius: 8px;
  cursor: pointer;
}

.dashboard-photo-wall-thumb.is-active {
  border-color: rgba(49, 209, 124, 0.72);
  box-shadow: 0 0 0 2px rgba(49, 209, 124, 0.12);
}

.dashboard-photo-wall-thumb.is-blank {
  border-color: rgba(255, 191, 56, 0.45);
}

.dashboard-photo-wall-thumb img {
  display: block;
  width: 100%;
  height: 82px;
  object-fit: contain;
  background: #070b10;
}

.dashboard-photo-wall-thumb em {
  display: grid;
  height: 82px;
  place-items: center;
  color: #ffe08a;
  font-style: normal;
  font-weight: 950;
}

.dashboard-photo-wall-thumb span,
.dashboard-photo-wall-empty span,
.dashboard-photo-wall-empty strong {
  overflow: hidden;
  padding: 0 8px 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-photo-wall-thumb span,
.dashboard-photo-wall-empty span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 850;
}

.dashboard-photo-wall-empty {
  grid-column: 1 / -1;
  align-content: center;
  padding: 12px;
}

@media (max-width: 1180px) {
  body[data-active-page="dashboard"] .app-shell {
    grid-template-columns: 190px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  body[data-active-page="dashboard"] .sidebar {
    height: calc(100vh - 16px);
    max-height: none;
  }

  body[data-active-page="dashboard"] .studio-home-console {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    grid-template-areas:
      "main recent"
      "ai recent";
  }

  body[data-active-page="dashboard"] .studio-home-main {
    gap: 8px;
    padding: 12px;
  }

  body[data-active-page="dashboard"] .template-hero {
    grid-template-columns: minmax(0, 1fr) minmax(160px, 0.44fr);
    min-height: 178px;
    padding: 18px 20px;
  }

  body[data-active-page="dashboard"] .template-hero div {
    gap: 8px;
  }

  body[data-active-page="dashboard"] .template-hero strong {
    font-size: 1.55rem;
  }

  body[data-active-page="dashboard"] .template-hero p {
    font-size: 0.82rem;
    line-height: 1.3;
  }

  body[data-active-page="dashboard"] .template-hero button {
    min-height: 38px;
    padding: 0 16px;
  }

  body[data-active-page="dashboard"] .template-hero img {
    width: min(210px, 100%);
    max-height: 112px;
  }

  body[data-active-page="dashboard"] .studio-quick-actions {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 7px;
  }

  body[data-active-page="dashboard"] .studio-quick-actions button {
    min-height: 72px;
    padding: 8px 6px;
    font-size: 0.7rem;
  }

  body[data-active-page="dashboard"] .template-recent-projects {
    padding: 12px;
  }

  body[data-active-page="dashboard"] .template-recent-list button {
    min-height: 76px;
  }

  body[data-active-page="dashboard"] .studio-ai-preview {
    min-height: 0;
  }

  .dashboard-preview-rescue {
    grid-template-columns: 1fr;
  }

  .dashboard-photo-wall {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  body[data-active-page="dashboard"] .studio-quick-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body[data-active-page="dashboard"] .app-shell {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }

  body[data-active-page="dashboard"] .sidebar {
    height: auto;
    max-height: 26vh;
  }

  body[data-active-page="dashboard"] main {
    padding: 14px;
  }

  body[data-active-page="dashboard"] .studio-home-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "recent"
      "ai";
  }

  body[data-active-page="dashboard"] .template-hero {
    padding: 20px;
  }

  body[data-active-page="dashboard"] .studio-ai-body,
  body[data-active-page="dashboard"] .studio-ai-actions,
  .dashboard-photo-wall-actions,
  .dashboard-preview-rescue-actions {
    grid-template-columns: 1fr;
  }
}

#dashboard-photo-wall-image,
#home-ai-image,
#dashboard-finish-image,
#upload-command-hero-image,
#just-uploaded-preview-image,
#selected-photo-preview,
#culling-selected-preview,
#ai-cull-preview-image,
#culling-cockpit-image,
#signature-before-image,
#signature-after-image,
#editor-workbench-image,
#delivery-workbench-image,
#quick-photo-image,
#client-portal-preview img,
#galleries-main-image,
#proofing-console-image,
#client-approval-image,
#final-delivery-image,
#flow-connect-main-image,
#project-pipeline-image,
.template-recent-thumb img,
.project-thumb img,
.studio-ai-frame img,
.studio-ai-filmstrip img,
.dashboard-photo-wall-thumb img,
.uploaded-photo-thumb img,
.pipeline-catalog-thumb img,
.photo-thumb img,
.retouch-card-thumb img,
.gallery-tile img,
.galleries-photo-thumb img,
.proof-sheet-card img,
.client-portal-card img,
.client-exit-thumb img,
.client-proof-thumb img,
.client-request-thumb img,
.feedback-triage-thumb img,
.final-delivery-file-select img,
.selection-package-card img,
.manifest-file-select img,
.archived-photo-thumb img,
.flow-connect-preview img,
.lightroom-preview-stage img,
.galleries-main-preview img,
.proofing-preview img,
.shoots-job-cover img {
  object-fit: contain !important;
  image-rendering: auto;
  object-position: center center;
}

.proofing-console-thumb img {
  object-fit: cover !important;
  image-rendering: auto;
  object-position: center center;
}

.dashboard-photo-wall-frame,
.studio-ai-frame,
.selected-photo-frame,
.culling-cockpit-preview,
.ai-cull-preview,
.signature-workbench-preview,
.editor-workbench-preview,
.delivery-workbench-preview,
.flow-connect-preview,
.lightroom-preview-stage,
.galleries-main-preview,
.proofing-preview,
.quick-photo-preview,
.client-approval-preview,
.final-delivery-preview {
  background:
    linear-gradient(145deg, rgba(11, 124, 255, 0.08), rgba(199, 206, 216, 0.05)),
    #070b10;
}

/* FinalFlo focused page mode: keep the active workflow on one screen. */
.nav-section-label {
  padding: 0 10px 2px;
  color: rgba(199, 206, 216, 0.64);
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sidebar nav details {
  display: grid;
  gap: 7px;
}

.sidebar nav summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  color: #c9d3df;
  background: rgba(199, 206, 216, 0.05);
  border: 1px solid rgba(199, 206, 216, 0.12);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 950;
  list-style: none;
}

.sidebar nav summary::-webkit-details-marker {
  display: none;
}

.sidebar nav summary span {
  width: 32px;
  height: 32px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  color: #dbe8f8;
  background: rgba(199, 206, 216, 0.08);
  border: 1px solid rgba(199, 206, 216, 0.14);
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 950;
}

.sidebar nav details[open] summary,
.sidebar nav summary:hover,
.sidebar nav summary:focus-visible {
  color: #ffffff;
  background: rgba(11, 124, 255, 0.18);
  border-color: rgba(79, 173, 255, 0.44);
  outline: none;
}

.sidebar nav details a {
  margin-left: 12px;
}

main {
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  align-content: stretch;
}

.page-guide {
  min-height: 0;
  margin-bottom: 10px;
  padding: 10px 12px;
}

.page-guide p {
  display: none;
}

.page-guide-actions {
  gap: 8px;
}

main > section:not(.page-guide):not(.is-page-hidden) {
  min-height: 0;
  max-height: calc(100vh - 150px);
  overflow: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}

body[data-active-page="dashboard"] main > section:not(.is-page-hidden),
body[data-active-page="dashboard"] .studio-home-console {
  max-height: calc(100vh - 76px);
  overflow: hidden;
}

body[data-active-page="dashboard"] .studio-home-console {
  height: calc(100vh - 76px);
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  grid-template-rows: minmax(250px, 0.9fr) minmax(0, 1.1fr);
}

body[data-active-page="dashboard"] .studio-home-main,
body[data-active-page="dashboard"] .template-recent-projects,
body[data-active-page="dashboard"] .studio-ai-preview {
  min-height: 0;
  overflow: hidden;
}

body[data-active-page="dashboard"] .studio-home-main {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}

body[data-active-page="dashboard"] .template-hero {
  min-height: 158px;
  padding: 18px 22px;
}

body[data-active-page="dashboard"] .template-hero p {
  margin-bottom: 12px;
}

body[data-active-page="dashboard"] .template-hero img {
  max-height: 108px;
}

body[data-active-page="dashboard"] .studio-quick-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body[data-active-page="dashboard"] .studio-quick-actions button {
  min-height: 72px;
}

body[data-active-page="dashboard"] .template-recent-list {
  max-height: 100%;
  overflow: hidden;
}

body[data-active-page="dashboard"] .dashboard-uploaded-roll {
  min-height: 0;
}

body[data-active-page="dashboard"] .dashboard-uploaded-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: 188px;
  overflow: auto;
}

body[data-active-page="dashboard"] .dashboard-uploaded-thumb,
body[data-active-page="dashboard"] .dashboard-uploaded-thumb img {
  min-height: 88px;
  height: 88px;
}

body[data-active-page="dashboard"] .studio-ai-body {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: stretch;
}

body[data-active-page="dashboard"] .studio-ai-frame {
  min-height: 0;
  height: 100%;
}

body[data-active-page="dashboard"] .studio-ai-filmstrip {
  min-height: 48px;
}

body[data-active-page="dashboard"] .studio-ai-filmstrip button,
body[data-active-page="dashboard"] .studio-ai-filmstrip img {
  min-height: 48px;
  height: 48px;
}

body[data-active-page="upload"] main {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}

body[data-active-page="upload"] main > section:not(.page-guide):not(.is-page-hidden) {
  max-height: none;
  overflow: visible;
}

body[data-active-page="culling"] #culling,
body[data-active-page="signature"] #culling,
body[data-active-page="lightroom"] .lightroom-section,
body[data-active-page="delivery"] .delivery-layout,
body[data-active-page="upload"] #upload,
body[data-active-page="editor"] #editor,
body[data-active-page="style"] .style-learning-section,
body[data-active-page="galleries"] .galleries-section,
body[data-active-page="proofing"] .proofing-console-section,
body[data-active-page="shoots"] .shoots-section,
body[data-active-page="clients"] .clients-section,
body[data-active-page="calendar"] .calendar-section,
body[data-active-page="payments"] .payments-section,
body[data-active-page="analytics"] .analytics-section,
body[data-active-page="settings"] .settings-section,
body[data-active-page="testing"] .testing-section {
  height: calc(100vh - 150px);
}

body[data-active-page="upload"] #upload {
  height: auto;
  min-height: 0;
}

body[data-active-page="upload"] .import-watch-section {
  height: auto;
  min-height: 280px;
}

@media (max-width: 1100px) {
  .app-shell {
    grid-template-columns: 186px minmax(0, 1fr);
  }

  .sidebar {
    padding-inline: 10px;
  }

  .sidebar nav a,
  .sidebar nav summary {
    min-height: 40px;
    font-size: 0.82rem;
  }

  body[data-active-page="dashboard"] .studio-home-console {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "ai";
  }

  body[data-active-page="dashboard"] .template-recent-projects {
    display: none;
  }
}

@media (max-width: 860px) {
  .next-action-coach-header,
  .next-action-coach-actions {
    grid-template-columns: 1fr;
  }

  .next-action-coach-header {
    display: grid;
  }

  .next-action-coach-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .next-action-coach-grid {
    grid-template-columns: 1fr;
  }
}

/* FinalFlo tablet template: touch-friendly cockpit with more room for photos. */
@media (min-width: 761px) and (max-width: 1180px) {
  .app-shell,
  body[data-active-page="dashboard"] .app-shell {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 8px;
    padding: 7px;
  }

  .sidebar,
  body[data-active-page="dashboard"] .sidebar {
    height: calc(100dvh - 14px);
    padding: 12px 9px;
    gap: 12px;
  }

  .brand {
    min-height: 34px;
  }

  .brand-logo {
    width: 118px;
  }

  .nav-section-label {
    display: none;
  }

  .sidebar nav {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .sidebar nav a,
  .sidebar nav summary {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    min-height: 42px;
    padding: 0 8px;
    gap: 8px;
    align-items: center;
    justify-items: start;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78rem;
  }

  .sidebar nav a span,
  .sidebar nav summary span {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    font-size: 0.66rem;
  }

  .sidebar nav details a {
    margin-left: 0;
  }

  .server-card {
    display: none;
  }

  main,
  body[data-active-page="dashboard"] main {
    height: calc(100dvh - 14px);
    padding: 14px;
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  .topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    margin-bottom: 10px;
  }

  .topbar h1 {
    font-size: clamp(1.25rem, 2.8vw, 1.8rem);
  }

  .template-search {
    display: none;
  }

  .top-actions {
    gap: 6px;
  }

  .template-icon-button,
  .new-shoot-button {
    min-height: 38px;
  }

  .page-guide {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  main > section:not(.page-guide):not(.is-page-hidden) {
    max-height: calc(100dvh - 126px);
  }

  body[data-active-page="dashboard"] .studio-home-console {
    height: calc(100dvh - 70px);
    max-height: calc(100dvh - 70px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(176px, 0.72fr) minmax(0, 1.28fr);
    grid-template-areas:
      "main"
      "ai";
  }

  body[data-active-page="dashboard"] .template-recent-projects {
    display: none;
  }

  body[data-active-page="dashboard"] .template-hero {
    grid-template-columns: minmax(0, 1fr) minmax(170px, 0.38fr);
    min-height: 150px;
    padding: 16px 18px;
  }

  body[data-active-page="dashboard"] .template-hero strong {
    font-size: clamp(1.35rem, 3.2vw, 2rem);
  }

  body[data-active-page="dashboard"] .template-hero img {
    max-height: 96px;
  }

  body[data-active-page="dashboard"] .studio-quick-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body[data-active-page="dashboard"] .studio-quick-actions button {
    min-height: 68px;
  }

  body[data-active-page="dashboard"] .studio-ai-preview {
    overflow: auto;
  }

  body[data-active-page="dashboard"] .dashboard-uploaded-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: 156px;
  }

  body[data-active-page="dashboard"] .studio-ai-body {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  }

  body[data-active-page="culling"] #culling,
  body[data-active-page="signature"] #culling,
  body[data-active-page="lightroom"] .lightroom-section,
  body[data-active-page="delivery"] .delivery-layout,
  body[data-active-page="editor"] #editor,
  body[data-active-page="style"] .style-learning-section,
  body[data-active-page="galleries"] .galleries-section,
  body[data-active-page="proofing"] .proofing-console-section,
  body[data-active-page="shoots"] .shoots-section,
  body[data-active-page="clients"] .clients-section,
  body[data-active-page="calendar"] .calendar-section,
  body[data-active-page="payments"] .payments-section,
  body[data-active-page="analytics"] .analytics-section,
  body[data-active-page="settings"] .settings-section,
  body[data-active-page="testing"] .testing-section {
    height: calc(100dvh - 126px);
  }

  body[data-active-page="upload"] #upload {
    height: auto;
    min-height: 0;
  }

  body[data-active-page="upload"] .import-watch-section {
    height: auto;
  }
}

/* FinalFlo phone template: bottom workflow bar and one-action-at-a-time panels. */
@media (max-width: 760px) {
  body {
    overflow: hidden;
  }

  .app-shell,
  body[data-active-page="dashboard"] .app-shell {
    display: block;
    min-height: 100dvh;
    padding: 0;
    background:
      radial-gradient(circle at 28% 0%, rgba(11, 124, 255, 0.2), transparent 30%),
      linear-gradient(180deg, #07101a, #05090e);
    border: 0;
    box-shadow: none;
  }

  .sidebar,
  body[data-active-page="dashboard"] .sidebar {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 40;
    height: auto;
    max-height: none;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
    background:
      linear-gradient(180deg, rgba(8, 15, 24, 0.76), rgba(4, 9, 15, 0.98));
    border-width: 1px 0 0;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 -18px 42px rgba(0, 0, 0, 0.48);
  }

  .brand,
  .nav-section-label,
  .server-card {
    display: none;
  }

  .sidebar nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
  }

  .sidebar nav a,
  .sidebar nav summary {
    min-height: 54px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 3px;
    padding: 6px 3px;
    border-radius: 10px;
    font-size: 0.58rem;
    line-height: 1.05;
    text-align: center;
  }

  .sidebar nav a span,
  .sidebar nav summary span {
    width: 28px;
    height: 24px;
    font-size: 0.56rem;
  }

  .sidebar nav details {
    position: relative;
    display: block;
  }

  .sidebar nav details a {
    display: none;
  }

  .sidebar nav details[open] {
    position: static;
  }

  .sidebar nav details[open] a {
    min-height: 42px;
    display: grid;
    margin-left: 0;
  }

  .sidebar nav details[open]::before {
    content: "";
    position: fixed;
    inset: 0 0 76px;
    background: rgba(0, 0, 0, 0.26);
  }

  .sidebar nav details[open] a {
    position: relative;
    z-index: 2;
  }

  .sidebar nav details[open] {
    position: fixed;
    left: 8px;
    right: 8px;
    bottom: calc(72px + env(safe-area-inset-bottom));
    z-index: 45;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding: 8px;
    background: rgba(8, 15, 24, 0.98);
    border: 1px solid rgba(128, 186, 255, 0.24);
    border-radius: 12px;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.5);
  }

  .sidebar nav details[open] summary {
    grid-column: 1 / -1;
  }

  main,
  body[data-active-page="dashboard"] main {
    height: 100dvh;
    padding: 10px 10px calc(86px + env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  .topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    margin-bottom: 8px;
  }

  .topbar .eyebrow {
    font-size: 0.62rem;
  }

  .topbar h1 {
    font-size: 1.08rem;
    line-height: 1.12;
  }

  .template-search,
  .template-icon-button,
  #save-status,
  #reset-workspace {
    display: none !important;
  }

  .new-shoot-button {
    min-height: 36px;
    padding: 0 10px;
    font-size: 0.72rem;
  }

  .page-guide {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 8px;
    padding: 9px;
  }

  .page-guide strong {
    font-size: 0.86rem;
  }

  .page-guide-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-guide-actions button {
    min-height: 36px;
    font-size: 0.72rem;
  }

  main > section:not(.page-guide):not(.is-page-hidden) {
    max-height: calc(100dvh - 154px - env(safe-area-inset-bottom));
  }

  body[data-active-page="dashboard"] main > section:not(.is-page-hidden),
  body[data-active-page="dashboard"] .studio-home-console {
    max-height: calc(100dvh - 96px - env(safe-area-inset-bottom));
    overflow: auto;
  }

  body[data-active-page="dashboard"] .studio-home-console {
    height: calc(100dvh - 96px - env(safe-area-inset-bottom));
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-areas:
      "main"
      "ai";
    gap: 8px;
  }

  body[data-active-page="dashboard"] .studio-home-main {
    padding: 10px;
  }

  body[data-active-page="dashboard"] .template-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 14px;
  }

  body[data-active-page="dashboard"] .template-hero img,
  body[data-active-page="dashboard"] .template-hero p {
    display: none;
  }

  body[data-active-page="dashboard"] .template-hero strong {
    font-size: 1.28rem;
  }

  body[data-active-page="dashboard"] .template-hero button {
    width: 100%;
    min-height: 42px;
  }

  body[data-active-page="dashboard"] .studio-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body[data-active-page="dashboard"] .studio-quick-actions button {
    min-height: 58px;
  }

  body[data-active-page="dashboard"] .template-recent-projects {
    display: none;
  }

  body[data-active-page="dashboard"] .studio-ai-preview {
    padding: 10px;
    overflow: auto;
  }

  body[data-active-page="dashboard"] .studio-ai-header {
    gap: 8px;
  }

  body[data-active-page="dashboard"] .dashboard-uploaded-grid {
    grid-template-columns: 1fr;
    max-height: 210px;
  }

  body[data-active-page="dashboard"] .dashboard-uploaded-thumb,
  body[data-active-page="dashboard"] .dashboard-uploaded-thumb img {
    min-height: 128px;
    height: 128px;
  }

  body[data-active-page="dashboard"] .studio-ai-body,
  body[data-active-page="dashboard"] .dashboard-preview-cull-grid,
  body[data-active-page="dashboard"] .studio-ai-stats,
  body[data-active-page="dashboard"] .studio-ai-actions {
    grid-template-columns: 1fr;
  }

  body[data-active-page="dashboard"] .studio-ai-frame {
    min-height: 180px;
  }

  body[data-active-page="dashboard"] .studio-ai-filmstrip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body[data-active-page="culling"] #culling,
  body[data-active-page="signature"] #culling,
  body[data-active-page="lightroom"] .lightroom-section,
  body[data-active-page="delivery"] .delivery-layout,
  body[data-active-page="editor"] #editor,
  body[data-active-page="style"] .style-learning-section,
  body[data-active-page="galleries"] .galleries-section,
  body[data-active-page="proofing"] .proofing-console-section,
  body[data-active-page="shoots"] .shoots-section,
  body[data-active-page="clients"] .clients-section,
  body[data-active-page="calendar"] .calendar-section,
  body[data-active-page="payments"] .payments-section,
  body[data-active-page="analytics"] .analytics-section,
  body[data-active-page="settings"] .settings-section,
  body[data-active-page="testing"] .testing-section {
    height: calc(100dvh - 154px - env(safe-area-inset-bottom));
  }

  body[data-active-page="upload"] #upload {
    height: auto;
    max-height: none;
  }

  body[data-active-page="upload"] .import-watch-section {
    height: auto;
    min-height: 300px;
  }
}

@media (min-width: 761px) {
  body[data-active-page="dashboard"] main {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
  }

  body[data-active-page="dashboard"] main > section:not(.page-guide):not(.is-page-hidden) {
    max-height: none;
    overflow: visible;
  }

  body[data-active-page="dashboard"] .studio-home-console {
    height: calc(100vh - 76px);
    max-height: calc(100vh - 76px);
    overflow: hidden;
  }

  body[data-active-page="dashboard"] .studio-ai-preview {
    grid-template-rows: auto minmax(158px, 0.58fr) minmax(126px, 0.72fr) auto auto;
  }

  body[data-active-page="dashboard"] .dashboard-uploaded-roll {
    position: relative;
    z-index: 2;
    min-height: 158px;
    overflow: hidden;
  }

  body[data-active-page="dashboard"] .dashboard-uploaded-grid {
    max-height: 132px;
    overflow: auto;
  }

  body[data-active-page="dashboard"] .studio-ai-body {
    position: relative;
    z-index: 1;
    min-height: 0;
  }

  body[data-active-page="dashboard"] .template-recent-projects {
    display: grid;
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  body[data-active-page="dashboard"] .studio-home-console {
    height: calc(100vh - 76px);
    max-height: calc(100vh - 76px);
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.58fr);
    grid-template-areas:
      "main recent"
      "ai recent";
    overflow: hidden;
  }

  body[data-active-page="dashboard"] .studio-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}