.admin-v2-existing-shell {
  --v2-ink: #231f21;
  --v2-muted: #756c71;
  --v2-line: #e9e2de;
  --v2-surface: #fffdfb;
  --v2-brand: #d9327b;
  grid-template-columns: 244px minmax(0, 1fr);
  background: #f7f3ef;
  color: var(--v2-ink);
}

.admin-v2-existing-shell .admin-sidebar {
  gap: 34px;
  padding: 24px 18px;
  border-color: var(--v2-line);
  background: rgba(255, 253, 251, 0.96);
}

.admin-v2-existing-shell .admin-logo { max-width: 188px; }
.admin-v2-existing-shell .admin-nav { display: grid; gap: 24px; }
.admin-v2-existing-shell .admin-v2-nav-group { display: grid; gap: 5px; }
.admin-v2-existing-shell .admin-v2-nav-group > p {
  margin: 0 12px 5px;
  color: #9a9095;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.admin-v2-existing-shell .admin-nav a {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 12px;
  padding: 12px 14px;
  color: var(--v2-muted);
  font-size: 0.94rem;
  font-weight: 750;
}
.admin-v2-existing-shell .admin-nav a > span { color: #81777c; font-size: 1rem; text-align: center; }
.admin-v2-existing-shell .admin-nav a > strong { font: inherit; }
.admin-v2-existing-shell .admin-nav a:hover { background: #f6f0ed; }
.admin-v2-existing-shell .admin-nav a.active {
  color: var(--v2-ink);
  background: #fce9f2;
  box-shadow: inset 3px 0 0 var(--v2-brand);
}

.admin-v2-existing-shell .admin-content { gap: 20px; padding: 0 28px 32px; }
.admin-v2-existing-topbar {
  position: sticky;
  z-index: 20;
  top: 0;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 -28px;
  padding: 12px 28px;
  border-bottom: 1px solid var(--v2-line);
  background: rgba(247, 243, 239, 0.94);
  backdrop-filter: blur(18px);
}
.admin-v2-existing-scope,
.admin-v2-existing-topbar-actions { display: flex; align-items: center; gap: 12px; }
.admin-v2-existing-context { display: flex; align-items: center; gap: 14px; min-width: 0; }
.admin-v2-existing-scope > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #3b66b5;
  background: #e8f0ff;
}
.admin-v2-existing-scope div { display: grid; gap: 2px; }
.admin-v2-existing-scope small,
.admin-v2-existing-topbar-actions > span { color: var(--v2-muted); font-size: 0.78rem; }
.admin-v2-client-context-control {
  min-width: min(340px, 34vw);
  display: grid;
  gap: 4px;
  color: var(--v2-muted);
  font-size: 0.67rem;
  font-weight: 850;
}
.admin-v2-client-context-control select {
  min-height: 42px;
  border: 1px solid var(--v2-line);
  border-radius: 11px;
  padding: 8px 36px 8px 12px;
  color: var(--v2-ink);
  background: #fff;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 800;
}
.admin-v2-existing-legacy-link {
  border: 1px solid var(--v2-line);
  border-radius: 10px;
  padding: 9px 12px;
  color: var(--v2-ink);
  background: #fff;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 800;
}

.admin-v2-existing-shell [data-admin-view-section="clients"] {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.admin-v2-existing-shell [data-admin-view-section="clients"] > .admin-panel-heading,
.admin-v2-existing-shell [data-admin-view-section="clients"] > .admin-client-filters,
.admin-v2-existing-shell [data-admin-view-section="clients"] > #clientFormHome { display: none !important; }

.admin-v2-existing-shell[data-admin-v2-module="dashboard"] #admin-dashboard,
.admin-v2-existing-shell[data-admin-v2-module="dashboard"] #adminStats { display: none !important; }
.admin-v2-existing-shell[data-admin-v2-module="dashboard"] #adminDashboardSummary { padding: 0; border: 0; background: transparent; box-shadow: none; }
.admin-v2-dashboard { display: grid; gap: 18px; }
.admin-v2-dashboard-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 160px; padding: 28px 30px; border: 1px solid #eadfda; border-radius: 22px; background: radial-gradient(circle at 82% 18%, rgba(217, 50, 123, 0.13), transparent 34%), linear-gradient(135deg, #fffdfb 0%, #fbf6f2 100%); box-shadow: 0 18px 45px rgba(72, 49, 57, 0.07); }
.admin-v2-dashboard-hero > div:first-child { display: grid; gap: 7px; }
.admin-v2-dashboard-hero p,
.admin-v2-dashboard-section-head p { margin: 0; color: var(--v2-brand); font-size: 0.65rem; font-weight: 900; letter-spacing: 0.13em; text-transform: uppercase; }
.admin-v2-dashboard-hero h1 { margin: 0; font-size: clamp(2.1rem, 5vw, 3.6rem); letter-spacing: -0.055em; }
.admin-v2-dashboard-hero > div:first-child > span { max-width: 680px; color: var(--v2-muted); line-height: 1.5; }
.admin-v2-dashboard-safety { max-width: 390px; display: flex; align-items: flex-start; gap: 11px; padding: 15px 17px; border: 1px solid #cde7db; border-radius: 15px; color: #17684e; background: #eff9f4; }
.admin-v2-dashboard-safety > span { width: 25px; height: 25px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 999px; color: #fff; background: #1b8a64; font-size: 0.72rem; font-weight: 900; }
.admin-v2-dashboard-safety div { display: grid; gap: 4px; }
.admin-v2-dashboard-safety small { color: #517667; line-height: 1.45; }
.admin-v2-dashboard-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.admin-v2-dashboard-metrics article { min-height: 126px; display: grid; align-content: space-between; gap: 5px; padding: 18px; border: 1px solid var(--v2-line); border-radius: 17px; background: #fff; }
.admin-v2-dashboard-metrics article > span { color: var(--v2-muted); font-size: 0.7rem; font-weight: 800; }
.admin-v2-dashboard-metrics article > strong { font-size: 2rem; line-height: 1; }
.admin-v2-dashboard-metrics article > small { color: var(--v2-muted); line-height: 1.35; }
.admin-v2-dashboard-metrics article.blue { border-top: 4px solid #4a75c5; }
.admin-v2-dashboard-metrics article.pink { border-top: 4px solid var(--v2-brand); }
.admin-v2-dashboard-metrics article.violet { border-top: 4px solid #8b61bd; }
.admin-v2-dashboard-metrics article.green { border-top: 4px solid #27896a; }
.admin-v2-dashboard-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr); gap: 14px; }
.admin-v2-dashboard-focus,
.admin-v2-dashboard-signals,
.admin-v2-dashboard-recent { display: grid; gap: 14px; padding: 20px; border: 1px solid var(--v2-line); border-radius: 18px; background: #fff; }
.admin-v2-dashboard-section-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.admin-v2-dashboard-section-head > div { display: grid; gap: 4px; }
.admin-v2-dashboard-section-head h2 { margin: 0; font-size: 1.15rem; }
.admin-v2-dashboard-section-head > span { max-width: 230px; overflow: hidden; border-radius: 999px; padding: 7px 10px; color: #315a9f; background: #edf3ff; font-size: 0.66rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-dashboard-section-head > button { border: 1px solid var(--v2-line); border-radius: 9px; padding: 8px 11px; color: var(--v2-ink); background: #fff; font: inherit; font-size: 0.68rem; font-weight: 850; cursor: pointer; }
.admin-v2-dashboard-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.admin-v2-dashboard-actions button { min-height: 116px; display: grid; align-content: start; gap: 5px; border: 1px solid var(--v2-line); border-radius: 14px; padding: 14px; color: var(--v2-ink); background: #fdfbf9; text-align: left; cursor: pointer; }
.admin-v2-dashboard-actions button:hover { border-color: #e7a5c3; background: #fff7fb; transform: translateY(-1px); }
.admin-v2-dashboard-actions button > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #315a9f; background: #eaf1ff; }
.admin-v2-dashboard-actions button > strong { margin-top: 3px; font-size: 0.82rem; }
.admin-v2-dashboard-actions button > small { color: var(--v2-muted); line-height: 1.35; }
.admin-v2-dashboard-signals { align-content: start; }
.admin-v2-dashboard-signals > article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px; border-radius: 12px; background: #faf7f5; }
.admin-v2-dashboard-signals > article div { display: grid; gap: 3px; }
.admin-v2-dashboard-signals > article span { color: var(--v2-muted); font-size: 0.65rem; }
.admin-v2-dashboard-signals > article b { min-width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #eee8e5; }
.admin-v2-dashboard-signals > article.attention b { color: #8b5714; background: #fff0d7; }
.admin-v2-dashboard-signals > article.good b { color: #17684e; background: #e8f6ef; }
.admin-v2-dashboard-track-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.admin-v2-dashboard-track-list > article { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; padding: 12px; border-radius: 12px; background: #faf7f5; }
.admin-v2-dashboard-track-list > article > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; color: var(--v2-brand); background: #fce6f0; }
.admin-v2-dashboard-track-list article div { min-width: 0; display: grid; gap: 3px; }
.admin-v2-dashboard-track-list article strong,
.admin-v2-dashboard-track-list article small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-dashboard-track-list article small { color: var(--v2-muted); }
.admin-v2-dashboard-track-list article i { grid-column: 2; width: fit-content; color: #17684e; font-size: 0.61rem; font-style: normal; font-weight: 850; }
.admin-v2-dashboard-empty { grid-column: 1 / -1; display: grid; gap: 4px; padding: 16px; border-radius: 12px; color: var(--v2-muted); background: #faf7f5; }

.admin-v2-existing-shell[data-admin-v2-module="users"] #admin-users-view { display: block; }
.admin-v2-existing-shell[data-admin-v2-module="users"] #admin-users,
.admin-v2-existing-shell[data-admin-v2-module="system"] #admin-settings { padding: 0; border: 0; background: transparent; box-shadow: none; }
.admin-v2-existing-shell[data-admin-v2-module="users"] #admin-users > .admin-panel-heading,
.admin-v2-existing-shell[data-admin-v2-module="system"] #admin-settings > .admin-panel-heading { display: none; }
.admin-v2-global-module-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 128px; padding: 24px 26px; border: 1px solid var(--v2-line); border-radius: 19px; background: radial-gradient(circle at 82% 20%, rgba(217, 50, 123, .11), transparent 34%), #fff; }
.admin-v2-global-module-head > div { display: grid; gap: 5px; }
.admin-v2-global-module-head p { margin: 0; color: var(--v2-brand); font-size: .64rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.admin-v2-global-module-head h1 { margin: 0; font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.05em; }
.admin-v2-global-module-head div > span { color: var(--v2-muted); line-height: 1.45; }
.admin-v2-super-admin-badge { border-radius: 999px; padding: 8px 11px; color: #315a9f; background: #eaf1ff; font-size: .67rem; font-weight: 900; white-space: nowrap; }
.admin-v2-users { display: grid; gap: 14px; }
.admin-v2-user-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.admin-v2-user-metrics article { display: grid; gap: 6px; padding: 15px; border: 1px solid var(--v2-line); border-radius: 14px; background: #fff; }
.admin-v2-user-metrics span { color: var(--v2-muted); font-size: .66rem; font-weight: 800; }
.admin-v2-user-metrics strong { font-size: 1.7rem; }
.admin-v2-user-metrics small { color: var(--v2-muted); line-height: 1.35; }
.admin-v2-user-invite { border: 1px solid #e8bfd2; border-radius: 15px; background: #fff8fb; }
.admin-v2-user-invite > summary { display: flex; align-items: center; gap: 11px; padding: 15px 17px; cursor: pointer; list-style: none; }
.admin-v2-user-invite > summary::-webkit-details-marker { display: none; }
.admin-v2-user-invite > summary > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--v2-brand); }
.admin-v2-user-invite > summary div { display: grid; gap: 3px; }
.admin-v2-user-invite > summary small { color: var(--v2-muted); }
.admin-v2-user-invite > div { padding: 0 17px 17px; }
.admin-v2-user-invite .admin-invite-panel { border: 1px solid var(--v2-line); border-radius: 13px; padding: 15px; background: #fff; }
.admin-v2-user-section { display: grid; gap: 11px; padding: 18px; border: 1px solid var(--v2-line); border-radius: 17px; background: #fff; }
.admin-v2-user-row { display: grid; grid-template-columns: minmax(230px, 1.2fr) auto minmax(190px, .8fr) auto; align-items: center; gap: 12px; padding: 13px; border-radius: 13px; background: #faf7f5; }
.admin-v2-user-identity { min-width: 0; display: flex; align-items: center; gap: 10px; }
.admin-v2-user-identity > span { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; color: #315a9f; background: #eaf1ff; font-weight: 900; }
.admin-v2-user-identity div { min-width: 0; display: grid; gap: 3px; }
.admin-v2-user-identity strong,
.admin-v2-user-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-user-identity small { color: var(--v2-muted); }
.admin-v2-user-role { border-radius: 999px; padding: 6px 9px; font-size: .62rem; font-weight: 900; }
.admin-v2-user-role.super { color: #8f2b56; background: #fde8f1; }
.admin-v2-user-role.producer { color: #315a9f; background: #eaf1ff; }
.admin-v2-user-role.client { color: #17684e; background: #e7f6ef; }
.admin-v2-user-access { display: grid; gap: 4px; font-size: .68rem; }
.admin-v2-user-access details summary { color: var(--v2-muted); cursor: pointer; }
.admin-v2-user-access details > *:not(summary) { margin-top: 7px; }
.admin-v2-user-actions .admin-row-actions { justify-content: flex-end; }
.admin-v2-user-actions button { font-size: .65rem; white-space: nowrap; }
.admin-v2-user-pending { display: grid; gap: 8px; }
.admin-v2-user-pending > .admin-item { border: 0; border-radius: 12px; box-shadow: none; background: #faf7f5; }
.admin-v2-users > .archived-history-section { padding: 16px; border: 1px solid var(--v2-line); border-radius: 15px; background: #fff; }
.admin-v2-user-safety { display: flex; gap: 10px; padding: 14px 16px; border-left: 4px solid #2d7d61; border-radius: 12px; color: #17684e; background: #eef8f3; }
.admin-v2-user-safety span { color: #527768; font-size: .74rem; line-height: 1.5; }
.admin-v2-system { grid-column: 1 / -1; display: grid; gap: 14px; }
.admin-v2-system-notice { display: flex; align-items: flex-start; gap: 11px; padding: 15px 17px; border: 1px solid #cfdef5; border-radius: 14px; color: #315a9f; background: #eef4ff; }
.admin-v2-system-notice > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 999px; color: #fff; background: #4a75c5; font-weight: 900; }
.admin-v2-system-notice div { display: grid; gap: 4px; }
.admin-v2-system-notice small { color: #5a7096; line-height: 1.45; }
.admin-v2-system-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.admin-v2-system-grid article { min-height: 184px; display: grid; align-content: start; gap: 7px; padding: 18px; border: 1px solid var(--v2-line); border-top-width: 4px; border-radius: 16px; background: #fff; }
.admin-v2-system-grid article.good { border-top-color: #27896a; }
.admin-v2-system-grid article.blue { border-top-color: #4a75c5; }
.admin-v2-system-grid article.violet { border-top-color: #8b61bd; }
.admin-v2-system-grid article.attention { border-top-color: #d08a28; }
.admin-v2-system-grid article > span { color: var(--v2-muted); font-size: .61rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.admin-v2-system-grid h2 { margin: 0; font-size: 1rem; }
.admin-v2-system-grid strong { margin-top: 8px; font-size: 1.35rem; }
.admin-v2-system-grid p { margin: 0; color: var(--v2-muted); font-size: .72rem; line-height: 1.5; }
.admin-v2-system-rollout { display: grid; grid-template-columns: minmax(180px, .6fr) minmax(0, 1.4fr); gap: 20px; padding: 20px; border: 1px solid var(--v2-line); border-radius: 17px; background: #fff; }
.admin-v2-system-rollout > div p { margin: 0 0 4px; color: var(--v2-brand); font-size: .63rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.admin-v2-system-rollout h2 { margin: 0; }
.admin-v2-system-rollout ol { margin: 0; display: grid; gap: 9px; padding-left: 20px; }
.admin-v2-system-rollout li { padding-left: 5px; }
.admin-v2-system-rollout li strong,
.admin-v2-system-rollout li span { display: block; }
.admin-v2-system-rollout li span { margin-top: 3px; color: var(--v2-muted); font-size: .7rem; }

.admin-v2-clients-readonly {
  overflow: hidden;
  border: 1px solid var(--v2-line);
  border-radius: 22px;
  background: var(--v2-surface);
  box-shadow: 0 18px 48px rgba(45, 35, 39, 0.06);
}
.admin-v2-client-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 28px 30px 22px;
  background: radial-gradient(circle at 75% 0, rgba(217, 50, 123, 0.08), transparent 34%);
}
.admin-v2-client-heading p {
  margin: 0 0 8px;
  color: var(--v2-brand);
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.admin-v2-client-heading h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -0.045em; }
.admin-v2-client-heading div > span { display: block; margin-top: 8px; color: var(--v2-muted); }
.admin-v2-readonly-badge {
  border: 1px solid #bed0ee;
  border-radius: 999px;
  padding: 8px 11px;
  color: #315a9f;
  background: #eef4ff;
  font-size: 0.75rem;
  font-weight: 850;
  white-space: nowrap;
}
.admin-v2-client-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(170px, 220px) auto;
  gap: 12px;
  align-items: end;
  padding: 18px 30px;
  border-top: 1px solid var(--v2-line);
  border-bottom: 1px solid var(--v2-line);
  background: #fff;
}
.admin-v2-client-toolbar label { display: grid; gap: 6px; color: var(--v2-muted); font-size: 0.72rem; font-weight: 800; }
.admin-v2-client-toolbar input,
.admin-v2-client-toolbar select {
  min-height: 44px;
  border: 1px solid var(--v2-line);
  border-radius: 11px;
  padding: 10px 12px;
  color: var(--v2-ink);
  background: #fff;
  font: inherit;
}
.admin-v2-client-count { min-height: 44px; display: flex; align-items: baseline; gap: 6px; padding: 10px 4px; }
.admin-v2-client-count strong { font-size: 1.25rem; }
.admin-v2-client-count span { color: var(--v2-muted); font-size: 0.78rem; }
.admin-v2-client-table-wrap { overflow-x: auto; }
.admin-v2-client-table { width: 100%; min-width: 900px; border-collapse: collapse; }
.admin-v2-client-table th,
.admin-v2-client-table td { padding: 15px 18px; border-bottom: 1px solid var(--v2-line); text-align: left; vertical-align: middle; }
.admin-v2-client-table th { color: var(--v2-muted); background: #fbf8f6; font-size: 0.7rem; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; }
.admin-v2-client-table td:first-child { padding-left: 30px; }
.admin-v2-client-table td:last-child { padding-right: 30px; text-align: right; }
.admin-v2-client-table td:first-child strong,
.admin-v2-client-table td:first-child span { display: block; }
.admin-v2-client-table td:first-child span { margin-top: 4px; color: var(--v2-muted); font-size: 0.76rem; }
.admin-v2-client-status { display: inline-flex; border-radius: 999px; padding: 6px 9px; font-size: 0.72rem; font-weight: 850; }
.admin-v2-client-status.active { color: #147253; background: #e8f7f0; }
.admin-v2-client-status.inactive { color: #6d6468; background: #f1edeb; }
.admin-v2-client-status.suspended { color: #a55a10; background: #fff0d8; }
.admin-v2-client-status.archived { color: #805b68; background: #f5eaf0; }
.admin-v2-client-open {
  border: 1px solid #e7a5c3;
  border-radius: 10px;
  padding: 9px 12px;
  color: #a41f5b;
  background: #fff5fa;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 850;
  cursor: pointer;
}
.admin-v2-client-open:hover { color: #fff; background: var(--v2-brand); transform: none; }
.admin-v2-client-empty { min-height: 260px; display: grid; place-items: center; align-content: center; gap: 7px; color: var(--v2-muted); text-align: center; }
.admin-v2-client-empty strong { color: var(--v2-ink); font-size: 1.08rem; }
.admin-v2-client-safety { margin: 0; padding: 14px 30px; color: var(--v2-muted); background: #fbf8f6; font-size: 0.75rem; line-height: 1.5; }

.admin-v2-existing-shell .admin-v2-client-workspace {
  gap: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.admin-v2-existing-shell .admin-v2-client-workspace .admin-client-workspace-heading {
  grid-template-columns: auto minmax(0, 1fr) minmax(210px, 260px);
  padding: 24px 28px;
  border: 1px solid var(--v2-line);
  border-radius: 20px;
  background: var(--v2-surface);
  box-shadow: 0 14px 38px rgba(45, 35, 39, 0.05);
}
.admin-v2-existing-shell .admin-v2-client-workspace #clientWorkspaceBack {
  border: 1px solid var(--v2-line);
  border-radius: 10px;
  padding: 9px 12px;
  color: var(--v2-ink);
  background: #fff;
}
.admin-v2-existing-shell .admin-v2-client-workspace .admin-hero-card.compact {
  border: 1px solid #cad9f2;
  border-radius: 14px;
  color: #234b8c;
  background: #eef4ff;
}
.admin-v2-existing-shell .admin-v2-client-workspace .admin-tabs {
  overflow-x: auto;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 6px;
  border: 1px solid var(--v2-line);
  border-radius: 14px;
  background: #fff;
}
.admin-v2-existing-shell .admin-v2-client-workspace > .admin-tabs { display: none; }
.admin-v2-existing-shell .admin-v2-client-workspace .admin-tabs button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 9px;
  padding: 10px 12px;
  color: var(--v2-muted);
  background: transparent;
  font-size: 0.8rem;
}
.admin-v2-existing-shell .admin-v2-client-workspace .admin-tabs button.active,
.admin-v2-existing-shell .admin-v2-client-workspace .admin-tabs button:hover {
  color: var(--v2-ink);
  background: #fce9f2;
}
.admin-v2-client-overview {
  overflow: hidden;
  border: 1px solid var(--v2-line);
  border-radius: 22px;
  background: var(--v2-surface);
  box-shadow: 0 18px 48px rgba(45, 35, 39, 0.06);
}
.admin-v2-overview-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 28px 30px;
  background: radial-gradient(circle at 78% 0, rgba(217, 50, 123, 0.08), transparent 38%);
}
.admin-v2-overview-heading p,
.admin-v2-overview-details p {
  margin: 0 0 8px;
  color: var(--v2-brand);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.admin-v2-overview-heading h3 { margin: 0; font-size: clamp(2rem, 4vw, 3.25rem); letter-spacing: -0.045em; }
.admin-v2-overview-heading div > span { display: block; margin-top: 8px; color: var(--v2-muted); }
.admin-v2-overview-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--v2-line);
  border-bottom: 1px solid var(--v2-line);
  background: #fff;
}
.admin-v2-overview-metrics article { display: grid; gap: 8px; padding: 22px 24px; border-right: 1px solid var(--v2-line); }
.admin-v2-overview-metrics article:last-child { border-right: 0; }
.admin-v2-overview-metrics span { color: var(--v2-muted); font-size: 0.75rem; font-weight: 800; }
.admin-v2-overview-metrics strong { font-size: 2rem; line-height: 1; }
.admin-v2-overview-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 24px 30px;
}
.admin-v2-overview-details article { min-height: 144px; padding: 20px; border: 1px solid var(--v2-line); border-radius: 14px; background: #fff; }
.admin-v2-overview-details h4 { margin: 0 0 8px; font-size: 1.08rem; }
.admin-v2-overview-details span { color: var(--v2-muted); font-size: 0.82rem; line-height: 1.55; }
.admin-v2-client-module-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0 30px 26px;
}
.admin-v2-client-module-actions button {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 2px 10px;
  align-items: center;
  min-height: 88px;
  border: 1px solid var(--v2-line);
  border-radius: 14px;
  padding: 14px;
  color: var(--v2-ink);
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.admin-v2-client-module-actions button:hover { border-color: #e7a5c3; background: #fff7fb; }
.admin-v2-client-module-actions button > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #315a9f; background: #eaf1ff; }
.admin-v2-client-module-actions strong { font-size: 0.84rem; }
.admin-v2-client-module-actions small { color: var(--v2-muted); font-size: 0.68rem; }
.admin-v2-context-required {
  min-height: 430px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  border: 1px solid var(--v2-line);
  border-radius: 22px;
  padding: 38px;
  background: radial-gradient(circle at 50% 0, rgba(217, 50, 123, 0.08), transparent 38%), var(--v2-surface);
  text-align: center;
  box-shadow: 0 18px 48px rgba(45, 35, 39, 0.06);
}
.admin-v2-context-required-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: #315a9f; background: #eaf1ff; font-size: 1.3rem; }
.admin-v2-context-required p { margin: 8px 0 0; color: var(--v2-brand); font-size: 0.7rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
.admin-v2-context-required h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.25rem); letter-spacing: -0.04em; }
.admin-v2-context-required > span:not(.admin-v2-context-required-icon) { max-width: 590px; color: var(--v2-muted); line-height: 1.6; }
.admin-v2-context-required button { margin-top: 8px; border: 0; border-radius: 11px; padding: 12px 18px; color: #fff; background: var(--v2-brand); font: inherit; font-weight: 850; cursor: pointer; }

.admin-v2-existing-shell .admin-v2-music-module {
  overflow: visible;
  display: grid;
  gap: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.admin-v2-existing-shell .admin-v2-music-module > .admin-panel-heading {
  padding: 26px 30px;
  border: 1px solid var(--v2-line);
  border-radius: 22px;
  background: radial-gradient(circle at 78% 0, rgba(217, 50, 123, 0.09), transparent 38%), var(--v2-surface);
  box-shadow: 0 18px 48px rgba(45, 35, 39, 0.06);
}
.admin-v2-existing-shell .admin-v2-music-module > .admin-panel-heading h2 { font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -0.045em; }
.admin-v2-existing-shell .admin-v2-music-module > .admin-panel-heading p { max-width: 720px; color: var(--v2-muted); }
.admin-v2-existing-shell .admin-v2-music-module > .admin-panel-heading .section-kicker { color: var(--v2-brand); }
.admin-v2-existing-shell .admin-v2-music-module #globalUploadToggle { border: 0; border-radius: 12px; padding: 13px 18px; background: var(--v2-brand); box-shadow: 0 12px 26px rgba(217, 50, 123, 0.22); }
.admin-v2-existing-shell .admin-v2-music-module .admin-catalog-model {
  width: fit-content;
  display: flex;
  gap: 5px;
  padding: 5px;
  border: 1px solid var(--v2-line);
  border-radius: 14px;
  background: #fff;
}
.admin-v2-existing-shell .admin-v2-music-module .catalog-nav-card { min-width: 180px; min-height: 0; display: grid; gap: 3px; border: 0; border-radius: 10px; padding: 10px 14px; text-align: left; }
.admin-v2-existing-shell .admin-v2-music-module .catalog-nav-card span { max-width: 250px; color: var(--v2-muted); font-size: 0.7rem; }
.admin-v2-existing-shell .admin-v2-music-module .catalog-nav-card.active { color: var(--v2-ink); background: #fce9f2; box-shadow: none; }
.admin-v2-existing-shell .admin-v2-music-module .admin-catalog-filters {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(170px, 220px);
  gap: 10px;
  padding: 16px 18px;
  border: 1px solid var(--v2-line);
  border-radius: 16px;
  background: #fff;
}
.admin-v2-existing-shell .admin-v2-music-module .admin-catalog-filters #catalogAvailabilityFilter,
.admin-v2-existing-shell .admin-v2-music-module .admin-catalog-filters #catalogClientFilter { display: none; }
.admin-v2-existing-shell .admin-v2-music-module .admin-catalog-filters input,
.admin-v2-existing-shell .admin-v2-music-module .admin-catalog-filters select { min-height: 44px; border-color: var(--v2-line); border-radius: 11px; background: #fff; }
.admin-v2-existing-shell .admin-v2-music-module #adminTracks { display: grid; gap: 16px; }
.admin-v2-upload-note { display: flex; gap: 10px; padding: 15px 17px; border: 1px solid #cad9f2; border-radius: 13px; color: #315a9f; background: #eef4ff; }
.admin-v2-upload-note strong { white-space: nowrap; }
.admin-v2-upload-note span { color: #566d95; font-size: 0.78rem; line-height: 1.5; }
.admin-v2-existing-shell .admin-v2-music-module #globalUploadForm { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 24px; border: 1px solid var(--v2-line); border-radius: 20px; background: #fff; box-shadow: 0 18px 48px rgba(45, 35, 39, 0.06); }
.admin-v2-existing-shell .admin-v2-music-module #globalFolderDropZone { min-height: 210px; border: 2px dashed #eab0ca; border-radius: 16px; background: #fff8fb; }
.admin-v2-existing-shell .admin-v2-music-module #globalFolderDropZone > strong { font-size: 1.12rem; }
.admin-v2-existing-shell .admin-v2-music-module #globalFolderDropZone > span { max-width: 620px; color: var(--v2-muted); line-height: 1.55; }
.admin-v2-upload-files { overflow: hidden; border: 1px solid var(--v2-line); border-radius: 15px; background: #fff; }
.admin-v2-upload-files-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 17px; border-bottom: 1px solid var(--v2-line); background: #fbf8f6; }
.admin-v2-upload-files-heading > div { display: grid; gap: 3px; }
.admin-v2-upload-files-heading span { color: var(--v2-muted); font-size: 0.72rem; }
.admin-v2-upload-files-heading b { display: grid; place-items: center; min-width: 34px; height: 34px; border-radius: 10px; color: #315a9f; background: #eaf1ff; }
.admin-v2-upload-files [data-admin-v2-upload-file-list] { max-height: 390px; overflow-y: auto; }
.admin-v2-upload-file-row { display: grid; grid-template-columns: 30px minmax(190px, 1.3fr) minmax(130px, 0.8fr) minmax(120px, 0.7fr) minmax(170px, 1fr) auto; align-items: center; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--v2-line); }
.admin-v2-upload-file-row:last-child { border-bottom: 0; }
.admin-v2-upload-file-number { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #315a9f; background: #eaf1ff; font-size: 0.72rem; font-weight: 900; }
.admin-v2-upload-file-row > div { min-width: 0; display: grid; gap: 3px; }
.admin-v2-upload-file-row > div > span { color: var(--v2-muted); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; }
.admin-v2-upload-file-row > div > strong,
.admin-v2-upload-file-row > div > small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-upload-file-row > div > strong { font-size: 0.75rem; }
.admin-v2-upload-file-row > div > small { color: var(--v2-muted); font-size: 0.65rem; }
.admin-v2-upload-file-row > i { justify-self: end; border-radius: 999px; padding: 6px 9px; color: #795a6b; background: #f8eaf1; font-size: 0.62rem; font-style: normal; font-weight: 850; white-space: nowrap; }
.admin-v2-upload-file-row.ready > i { color: #147253; background: #e8f7f0; }
.admin-v2-upload-advanced { border: 1px solid var(--v2-line); border-radius: 13px; background: #fff; }
.admin-v2-upload-advanced > summary { padding: 14px 16px; font-weight: 850; cursor: pointer; }
.admin-v2-upload-advanced > div { display: grid; grid-template-columns: minmax(200px, 280px) minmax(0, 1fr); gap: 14px; padding: 0 16px 16px; }
.admin-v2-music-summary { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 23px 26px; border: 1px solid var(--v2-line); border-radius: 18px; background: var(--v2-surface); }
.admin-v2-music-summary p { margin: 0 0 6px; color: var(--v2-brand); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.13em; text-transform: uppercase; }
.admin-v2-music-summary h3 { margin: 0; font-size: 1.8rem; letter-spacing: -0.03em; }
.admin-v2-music-summary span { display: block; margin-top: 5px; color: var(--v2-muted); font-size: 0.8rem; }
.admin-v2-music-summary > strong { color: #d6cdd1; font-size: 3rem; line-height: 1; }
.admin-v2-collection-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.admin-v2-music-collection { position: relative; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border: 1px solid var(--v2-line); border-radius: 16px; background: #fff; }
.admin-v2-music-collection.archived { opacity: 0.72; }
.admin-v2-collection-main { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; border: 0; padding: 18px; color: var(--v2-ink); background: transparent; text-align: left; cursor: pointer; }
.admin-v2-collection-main > span:nth-child(2) { min-width: 0; display: grid; gap: 4px; }
.admin-v2-collection-main strong,
.admin-v2-collection-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-collection-main small { color: var(--v2-muted); font-size: 0.74rem; }
.admin-v2-collection-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #315a9f; background: #eaf1ff; }
.admin-v2-collection-open { color: var(--v2-muted); font-size: 0.76rem; font-weight: 800; }
.admin-v2-row-menu { position: relative; margin-right: 12px; }
.admin-v2-row-menu > summary { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--v2-muted); cursor: pointer; list-style: none; }
.admin-v2-row-menu > summary::-webkit-details-marker { display: none; }
.admin-v2-row-menu[open] > summary { background: #f5efec; }
.admin-v2-row-menu > div { position: absolute; z-index: 30; top: calc(100% + 6px); right: 0; min-width: 190px; display: grid; padding: 6px; border: 1px solid var(--v2-line); border-radius: 12px; background: #fff; box-shadow: 0 18px 42px rgba(40, 30, 35, 0.15); }
.admin-v2-row-menu button { border: 0; border-radius: 8px; padding: 10px; color: var(--v2-ink); background: transparent; text-align: left; font: inherit; font-size: 0.75rem; font-weight: 750; cursor: pointer; }
.admin-v2-row-menu button:hover { background: #f7f2ef; }
.admin-v2-row-menu button.danger { color: #ae2958; }
.admin-v2-archived-music { border: 1px solid var(--v2-line); border-radius: 14px; background: #fbf8f6; }
.admin-v2-archived-music > summary { padding: 14px 18px; color: var(--v2-muted); font-weight: 800; cursor: pointer; }
.admin-v2-archived-music > div { padding: 0 14px 14px; }
.admin-v2-track-bulk { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 8px 12px; border: 1px solid var(--v2-line); border-radius: 13px; background: #fff; }
.admin-v2-track-bulk label { margin-right: auto; color: var(--v2-muted); font-size: 0.76rem; }
.admin-v2-track-bulk strong { color: var(--v2-muted); font-size: 0.74rem; }
.admin-v2-track-bulk button { border: 1px solid var(--v2-line); border-radius: 8px; padding: 7px 9px; color: var(--v2-ink); background: #fff; font: inherit; font-size: 0.7rem; font-weight: 800; }
.admin-v2-track-bulk button.danger { color: #ae2958; }
.admin-v2-track-table-wrap { overflow: visible; border: 1px solid var(--v2-line); border-radius: 16px; background: #fff; }
.admin-v2-track-table { width: 100%; border-collapse: collapse; }
.admin-v2-track-table th,
.admin-v2-track-table td { padding: 13px 12px; border-bottom: 1px solid var(--v2-line); text-align: left; vertical-align: middle; }
.admin-v2-track-table th { color: var(--v2-muted); background: #fbf8f6; font-size: 0.65rem; letter-spacing: 0.07em; text-transform: uppercase; }
.admin-v2-track-table tr:last-child td { border-bottom: 0; }
.admin-v2-track-table td:nth-child(2) { min-width: 190px; }
.admin-v2-track-table td:nth-child(2) strong,
.admin-v2-track-table td:nth-child(2) span { display: block; }
.admin-v2-track-table td:nth-child(2) span { max-width: 240px; overflow: hidden; margin-top: 3px; color: var(--v2-muted); font-size: 0.66rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-track-status { display: inline-flex; border-radius: 999px; padding: 5px 8px; color: #725266; background: #f5eaf0; font-size: 0.65rem; font-weight: 850; }
.admin-v2-track-status.ready { color: #147253; background: #e8f7f0; }
.admin-v2-track-status.archived { color: #6d6468; background: #f1edeb; }
.admin-v2-track-listen { min-width: 148px; }
.admin-v2-inline-preview { display: flex; align-items: center; gap: 8px; }
.admin-v2-inline-preview.active { min-width: 285px; }
.admin-v2-track-listen button { width: 30px; height: 30px; border: 0; border-radius: 50%; color: #fff; background: var(--v2-brand); cursor: pointer; }
.admin-v2-inline-audio-host { min-width: 235px; flex: 1; }
.admin-v2-inline-audio-host audio { display: block; width: 100%; height: 32px; }
.admin-v2-music-empty { min-height: 230px; display: grid; place-items: center; align-content: center; gap: 7px; border: 1px solid var(--v2-line); border-radius: 16px; color: var(--v2-muted); background: #fff; text-align: center; }
.admin-v2-music-empty strong { color: var(--v2-ink); font-size: 1.1rem; }
.admin-v2-fixture-module-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 26px 28px; border: 1px solid var(--v2-line); border-radius: 20px; background: radial-gradient(circle at 78% 0, rgba(217, 50, 123, 0.09), transparent 38%), var(--v2-surface); }
.admin-v2-fixture-module-head p { margin: 0 0 7px; color: var(--v2-brand); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.13em; }
.admin-v2-fixture-module-head h2 { margin: 0; font-size: 2.8rem; letter-spacing: -0.04em; }
.admin-v2-fixture-module-head span { color: var(--v2-muted); }
.admin-v2-fixture-module-head button { border: 0; border-radius: 11px; padding: 12px 16px; color: #fff; background: var(--v2-brand); font: inherit; font-weight: 850; }
.admin-v2-fixture-tabs { width: fit-content; display: flex; gap: 5px; margin: 16px 0; padding: 5px; border: 1px solid var(--v2-line); border-radius: 13px; background: #fff; }
.admin-v2-fixture-tabs button { border: 0; border-radius: 9px; padding: 9px 14px; color: var(--v2-muted); background: transparent; font: inherit; font-weight: 800; cursor: pointer; }
.admin-v2-fixture-tabs button.active { color: var(--v2-ink); background: #fce9f2; }
.admin-v2-music-upload-fixture { display: grid; gap: 16px; padding: 22px; border: 1px solid var(--v2-line); border-radius: 18px; background: #fff; }
.admin-v2-upload-drop { min-height: 230px; display: grid; place-items: center; align-content: center; gap: 8px; border: 2px dashed #efb6d0; border-radius: 16px; background: #fff8fb; text-align: center; }
.admin-v2-upload-drop > span { color: var(--v2-brand); font-size: 2rem; }
.admin-v2-upload-drop small { color: var(--v2-muted); }
.admin-v2-upload-drop button { margin-top: 8px; border: 1px solid #e7a5c3; border-radius: 10px; padding: 10px 14px; color: #a41f5b; background: #fff; font: inherit; font-weight: 850; }
.admin-v2-upload-metadata { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.admin-v2-upload-metadata > div { display: grid; gap: 5px; padding: 14px; border: 1px solid var(--v2-line); border-radius: 12px; }
.admin-v2-upload-metadata span { color: var(--v2-muted); font-size: 0.7rem; }
.admin-v2-upload-metadata strong { font-size: 0.8rem; }
.admin-v2-existing-shell .admin-v2-programming-module {
  overflow: visible;
  display: grid;
  gap: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.admin-v2-existing-shell .admin-v2-programming-module > .admin-panel-heading { padding: 26px 30px; border: 1px solid var(--v2-line); border-radius: 22px; background: radial-gradient(circle at 78% 0, rgba(217, 50, 123, 0.09), transparent 38%), var(--v2-surface); box-shadow: 0 18px 48px rgba(45, 35, 39, 0.06); }
.admin-v2-existing-shell .admin-v2-programming-module > .admin-panel-heading h2 { font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -0.045em; }
.admin-v2-existing-shell .admin-v2-programming-module > .admin-panel-heading p { max-width: 760px; color: var(--v2-muted); }
.admin-v2-existing-shell .admin-v2-programming-module > .admin-panel-heading .section-kicker { color: var(--v2-brand); }
.admin-v2-existing-shell .admin-v2-programming-module #globalUploadToggle { border: 0; border-radius: 12px; padding: 13px 18px; background: var(--v2-brand); box-shadow: 0 12px 26px rgba(217, 50, 123, 0.22); }
.admin-v2-existing-shell .admin-v2-programming-module .admin-catalog-model { width: fit-content; display: flex; gap: 5px; padding: 5px; border: 1px solid var(--v2-line); border-radius: 14px; background: #fff; }
.admin-v2-existing-shell .admin-v2-programming-module .catalog-nav-card { min-width: 190px; min-height: 0; display: grid; gap: 3px; border: 0; border-radius: 10px; padding: 10px 14px; text-align: left; }
.admin-v2-existing-shell .admin-v2-programming-module .catalog-nav-card span { max-width: 260px; color: var(--v2-muted); font-size: 0.7rem; }
.admin-v2-existing-shell .admin-v2-programming-module .catalog-nav-card.active { color: var(--v2-ink); background: #fce9f2; box-shadow: none; }
.admin-v2-existing-shell .admin-v2-programming-module #adminTracks { display: grid; gap: 16px; }
.admin-v2-programming-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 23px 26px; border: 1px solid var(--v2-line); border-radius: 18px; background: var(--v2-surface); }
.admin-v2-programming-intro p,
.admin-v2-program-zone-heading p { margin: 0 0 6px; color: var(--v2-brand); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.13em; text-transform: uppercase; }
.admin-v2-programming-intro h3,
.admin-v2-program-zone-heading h3 { margin: 0; font-size: 1.8rem; letter-spacing: -0.03em; }
.admin-v2-programming-intro span,
.admin-v2-program-zone-heading span { display: block; margin-top: 5px; color: var(--v2-muted); font-size: 0.78rem; }
.admin-v2-programming-intro > strong { color: #d6cdd1; font-size: 3rem; line-height: 1; }
.admin-v2-playlist-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.admin-v2-playlist-card { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; border: 1px solid var(--v2-line); border-radius: 16px; padding: 17px; background: #fff; }
.admin-v2-playlist-card.archived { opacity: 0.72; }
.admin-v2-playlist-main { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; }
.admin-v2-playlist-main > div { min-width: 0; display: grid; gap: 4px; }
.admin-v2-playlist-main strong,
.admin-v2-playlist-main small,
.admin-v2-playlist-main div > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-playlist-main small,
.admin-v2-playlist-main div > span { color: var(--v2-muted); font-size: 0.7rem; }
.admin-v2-playlist-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #315a9f; background: #eaf1ff; }
.admin-v2-playlist-actions { display: flex; align-items: center; gap: 6px; }
.admin-v2-playlist-actions > button { border: 1px solid #e7a5c3; border-radius: 9px; padding: 8px 10px; color: #a41f5b; background: #fff8fb; font: inherit; font-size: 0.7rem; font-weight: 850; cursor: pointer; }
.admin-v2-program-zone-card { overflow: visible; border: 1px solid var(--v2-line); border-radius: 18px; background: #fff; }
.admin-v2-program-zone-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 20px 22px; border-bottom: 1px solid var(--v2-line); }
.admin-v2-program-zone-heading > span { border-radius: 999px; padding: 6px 9px; color: #315a9f; background: #eef4ff; font-weight: 800; }
.admin-v2-program-zone-actions { display: flex; align-items: center; gap: 9px; }
.admin-v2-program-zone-actions > span { border-radius: 999px; padding: 6px 9px; color: #315a9f; background: #eef4ff; font-size: 0.72rem; font-weight: 800; }
.admin-v2-program-zone-actions > button { border: 1px solid var(--v2-line); border-radius: 9px; padding: 8px 11px; color: var(--v2-ink); background: #fff; font: inherit; font-size: 0.72rem; font-weight: 850; cursor: pointer; }
.admin-v2-program-timeline { display: grid; }
.admin-v2-program-row { display: grid; grid-template-columns: 34px 112px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--v2-line); }
.admin-v2-program-row:last-child { border-bottom: 0; }
.admin-v2-program-index { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: #315a9f; background: #eaf1ff; font-size: 0.74rem; font-weight: 900; }
.admin-v2-program-row time { font-weight: 900; }
.admin-v2-program-row > div { min-width: 0; display: grid; gap: 3px; }
.admin-v2-program-row small { color: var(--v2-muted); font-size: 0.7rem; }
.admin-v2-program-row > button { border: 1px solid var(--v2-line); border-radius: 9px; padding: 8px 10px; color: var(--v2-ink); background: #fff; font: inherit; font-size: 0.7rem; font-weight: 800; }
.admin-v2-program-rule { display: flex; gap: 10px; padding: 15px 17px; border-left: 4px solid #3b66b5; border-radius: 12px; color: #315a9f; background: #eef4ff; }
.admin-v2-program-rule span { color: #566d95; font-size: 0.78rem; }
.admin-v2-program-builder { display: grid; gap: 17px; padding: 24px; border: 1px solid var(--v2-line); border-radius: 20px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 20px 52px rgba(45, 35, 39, 0.08); }
.admin-v2-program-builder-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.admin-v2-program-builder-head p { margin: 0 0 5px; color: var(--v2-brand); font-size: 0.7rem; font-weight: 900; letter-spacing: 0.13em; text-transform: uppercase; }
.admin-v2-program-builder-head h3 { margin: 0; font-size: 1.75rem; letter-spacing: -0.035em; }
.admin-v2-program-builder-head span { display: block; margin-top: 6px; color: var(--v2-muted); font-size: 0.78rem; }
.admin-v2-program-builder-head > button { border: 1px solid var(--v2-line); border-radius: 10px; padding: 9px 12px; color: var(--v2-ink); background: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.admin-v2-program-builder-scope { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(300px, 1.2fr); gap: 13px; align-items: stretch; }
.admin-v2-program-builder-scope > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 13px 15px; border: 1px solid #cddcf5; border-radius: 12px; background: #f1f6ff; }
.admin-v2-program-builder-scope > div span,
.admin-v2-program-builder-scope > div small { color: var(--v2-muted); font-size: 0.72rem; }
.admin-v2-program-builder-grid { display: grid; grid-template-columns: minmax(390px, 0.95fr) minmax(420px, 1.05fr); gap: 16px; align-items: start; }
.admin-v2-program-builder-entries { display: grid; gap: 12px; }
.admin-v2-program-builder-entry { display: grid; gap: 13px; padding: 16px; border: 1px solid var(--v2-line); border-radius: 16px; background: #fff; }
.admin-v2-program-builder-entry > header { display: flex; align-items: center; justify-content: space-between; }
.admin-v2-program-builder-entry > header > div { display: flex; align-items: center; gap: 9px; }
.admin-v2-program-builder-entry > header span,
.admin-v2-program-builder-preview-row > span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; color: #315a9f; background: #eaf1ff; font-size: 0.72rem; font-weight: 900; }
.admin-v2-program-builder-entry > header button { width: 30px; height: 30px; border: 1px solid var(--v2-line); border-radius: 9px; color: var(--v2-muted); background: #fff; cursor: pointer; }
.admin-v2-program-builder-field { position: relative; display: grid; gap: 6px; min-width: 0; color: var(--v2-ink); font-size: 0.73rem; font-weight: 800; }
.admin-v2-program-builder-field > input,
.admin-v2-program-builder-field > select { width: 100%; min-height: 44px; border: 1px solid var(--v2-line); border-radius: 11px; padding: 9px 11px; color: var(--v2-ink); background: #fff; font: inherit; }
.admin-v2-program-builder-field > small { color: #9a6417; font-size: 0.68rem; font-weight: 650; }
.admin-v2-program-picker-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; border: 1px solid var(--v2-line); border-radius: 11px; padding: 9px 11px; color: var(--v2-ink); text-align: left; background: #fff; font: inherit; cursor: pointer; }
.admin-v2-program-picker-trigger[aria-expanded="true"] { border-color: #86a7dc; box-shadow: 0 0 0 3px rgba(59, 102, 181, 0.1); }
.admin-v2-program-picker-options { position: absolute; z-index: 20; top: calc(100% + 6px); left: 0; right: 0; display: grid; gap: 4px; max-height: 260px; overflow: auto; padding: 7px; border: 1px solid var(--v2-line); border-radius: 12px; background: #fff; box-shadow: 0 18px 42px rgba(45, 35, 39, 0.17); }
.admin-v2-program-picker-options label { display: flex; align-items: center; gap: 9px; padding: 9px; border-radius: 9px; cursor: pointer; }
.admin-v2-program-picker-options label:hover { background: #f1f6ff; }
.admin-v2-program-picker-options strong,
.admin-v2-program-picker-options small { display: block; }
.admin-v2-program-picker-options small { margin-top: 2px; color: var(--v2-muted); font-size: 0.68rem; }
.admin-v2-program-time-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.admin-v2-program-mode { display: grid; gap: 7px; font-size: 0.73rem; font-weight: 800; }
.admin-v2-program-mode > div { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.admin-v2-program-mode button { display: grid; gap: 4px; min-height: 72px; border: 1px solid var(--v2-line); border-radius: 12px; padding: 12px; color: var(--v2-ink); text-align: left; background: #fff; font: inherit; cursor: pointer; }
.admin-v2-program-mode button.active { border-color: #e15494; background: #fde8f2; box-shadow: inset 0 0 0 1px rgba(217, 50, 123, 0.18); }
.admin-v2-program-mode small { color: var(--v2-muted); font-size: 0.68rem; font-weight: 650; }
.admin-v2-program-add { width: 100%; min-height: 46px; border: 1px dashed #c8c0c4; border-radius: 12px; color: var(--v2-ink); background: #fff; font: inherit; font-weight: 850; cursor: pointer; }
.admin-v2-program-add:disabled { opacity: 0.5; cursor: not-allowed; }
.admin-v2-program-builder-entries > small { color: var(--v2-muted); text-align: center; }
.admin-v2-program-builder-preview { position: sticky; top: 92px; display: grid; gap: 13px; padding: 18px; border: 1px solid var(--v2-line); border-radius: 16px; background: #fbfaf9; }
.admin-v2-program-builder-preview > p { margin: 0; color: var(--v2-brand); font-size: 0.68rem; font-weight: 900; letter-spacing: 0.13em; text-transform: uppercase; }
.admin-v2-program-builder-preview > h3 { margin: -6px 0 0; font-size: 1.55rem; }
.admin-v2-program-builder-preview > div:first-of-type { display: grid; gap: 8px; }
.admin-v2-program-builder-preview-row { display: grid; grid-template-columns: 29px minmax(0, 1fr); gap: 10px; padding: 11px; border: 1px solid var(--v2-line); border-radius: 12px; background: #fff; }
.admin-v2-program-builder-preview-row.incomplete { border-color: #efd0a7; background: #fffaf3; }
.admin-v2-program-builder-preview-row strong,
.admin-v2-program-builder-preview-row small { display: block; }
.admin-v2-program-builder-preview-row small { margin-top: 3px; color: var(--v2-muted); font-size: 0.7rem; }
.admin-v2-program-transition,
.admin-v2-program-gate { display: grid; gap: 5px; padding: 13px 14px; border-left: 4px solid #3b66b5; border-radius: 11px; background: #eef4ff; }
.admin-v2-program-transition span,
.admin-v2-program-gate span { color: #566d95; font-size: 0.74rem; }
.admin-v2-program-gate { border-left-color: #ba771a; background: #fff7e9; }
.admin-v2-program-gate span { color: #86602d; }
.admin-v2-program-save { min-height: 46px; border: 0; border-radius: 12px; color: #fff; background: var(--v2-brand); font: inherit; font-weight: 900; box-shadow: 0 12px 24px rgba(217, 50, 123, 0.2); cursor: pointer; }
.admin-v2-program-save:disabled { color: #877d82; background: #e8e3e5; box-shadow: none; cursor: not-allowed; }
.admin-v2-program-message { margin: 0; color: var(--v2-muted); font-size: 0.74rem; text-align: center; }
.admin-v2-program-message.error { color: #a43b3b; }
.admin-v2-program-message.success { color: #2d7b55; }

.admin-v2-distribution { display: grid; gap: 16px; }
.admin-v2-distribution-tabs { width: fit-content; display: flex; gap: 5px; padding: 5px; border: 1px solid var(--v2-line); border-radius: 13px; background: #fff; }
.admin-v2-distribution-tabs button { border: 0; border-radius: 9px; padding: 10px 15px; color: var(--v2-muted); background: transparent; font: inherit; font-size: 0.76rem; font-weight: 850; cursor: pointer; }
.admin-v2-distribution-tabs button.active { color: var(--v2-ink); background: #fce9f2; }
.admin-v2-device-counts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.admin-v2-device-counts article { display: grid; gap: 6px; padding: 17px 18px; border: 1px solid var(--v2-line); border-radius: 14px; background: #fff; }
.admin-v2-device-counts span { color: var(--v2-muted); font-size: 0.68rem; font-weight: 750; }
.admin-v2-device-counts strong { font-size: 1.65rem; line-height: 1; }
.admin-v2-device-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.admin-v2-device-card { min-width: 0; display: grid; gap: 15px; padding: 18px; border: 1px solid var(--v2-line); border-radius: 17px; background: #fff; }
.admin-v2-device-card-head { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 11px; }
.admin-v2-device-kind-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #315a9f; background: #eaf1ff; font-size: 1.1rem; }
.admin-v2-device-card-head > div { min-width: 0; }
.admin-v2-device-card-head p { margin: 0 0 3px; color: var(--v2-brand); font-size: 0.61rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.admin-v2-device-card-head h3 { overflow: hidden; margin: 0; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-device-card-head div > span { display: block; overflow: hidden; margin-top: 3px; color: var(--v2-muted); font-size: 0.63rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-device-status { border-radius: 999px; padding: 6px 9px; color: #6d6468; background: #f1edeb; font-size: 0.64rem; font-weight: 850; }
.admin-v2-device-status.online { color: #147253; background: #e8f7f0; }
.admin-v2-device-status.offline,
.admin-v2-device-status.revoked { color: #9a3150; background: #fdebf0; }
.admin-v2-device-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.admin-v2-device-facts > div { min-width: 0; display: grid; gap: 4px; padding: 11px 12px; border-radius: 10px; background: #faf7f5; }
.admin-v2-device-facts span { color: var(--v2-muted); font-size: 0.61rem; }
.admin-v2-device-facts strong { overflow: hidden; font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-device-runtime { display: flex; flex-wrap: wrap; gap: 7px; }
.admin-v2-device-runtime > span { border-radius: 999px; padding: 6px 9px; color: var(--v2-muted); background: #f4efed; font-size: 0.64rem; }
.admin-v2-device-runtime strong { color: var(--v2-ink); }
.admin-v2-device-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 7px; padding-top: 2px; }
.admin-v2-device-actions > button { border: 1px solid #e7a5c3; border-radius: 9px; padding: 8px 10px; color: #a41f5b; background: #fff8fb; font: inherit; font-size: 0.7rem; font-weight: 850; }
.admin-v2-device-detail { display: grid; gap: 18px; padding: 20px; border: 1px solid #dbe4f5; border-radius: 18px; background: #fff; box-shadow: 0 18px 48px rgba(44, 59, 86, 0.08); }
.admin-v2-device-detail > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 15px; }
.admin-v2-device-detail > header > button { border: 1px solid var(--v2-line); border-radius: 10px; padding: 9px 11px; color: var(--v2-ink); background: #fff; font: inherit; font-size: 0.7rem; font-weight: 800; }
.admin-v2-device-detail header p,
.admin-v2-device-configuration p { margin: 0 0 4px; color: var(--v2-brand); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.admin-v2-device-detail header h2,
.admin-v2-device-configuration h3 { margin: 0; }
.admin-v2-device-detail header div > span,
.admin-v2-device-configuration > div > span { display: block; margin-top: 4px; color: var(--v2-muted); font-size: 0.68rem; }
.admin-v2-device-detail-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.admin-v2-device-detail-summary > div { display: grid; gap: 5px; padding: 13px; border-radius: 11px; background: #faf7f5; }
.admin-v2-device-detail-summary span { color: var(--v2-muted); font-size: 0.62rem; }
.admin-v2-device-detail-summary strong { overflow: hidden; font-size: 0.74rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-device-detail-runtime { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-v2-device-detail-runtime span { border-radius: 999px; padding: 7px 10px; color: var(--v2-muted); background: #eef4ff; font-size: 0.67rem; }
.admin-v2-device-detail-runtime strong { color: var(--v2-ink); }
.admin-v2-device-configuration { display: grid; gap: 14px; padding: 17px; border: 1px solid var(--v2-line); border-radius: 14px; background: #fdfbf9; }
.admin-v2-device-configuration > button { width: fit-content; }
.admin-v2-device-configuration .admin-form { width: 100%; }
.admin-v2-device-detail > footer { display: flex; justify-content: flex-end; padding-top: 4px; border-top: 1px solid var(--v2-line); }
.admin-v2-distribution-state { min-height: 220px; display: grid; place-items: center; align-content: center; gap: 8px; border: 1px solid var(--v2-line); border-radius: 16px; color: var(--v2-muted); background: #fff; text-align: center; }
.admin-v2-distribution-state strong { color: var(--v2-ink); font-size: 1.05rem; }
.admin-v2-device-empty-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; color: #315a9f; background: #eaf1ff; font-size: 1.3rem; }
.admin-v2-device-spinner { width: 26px; height: 26px; border: 3px solid #f1d4e2; border-top-color: var(--v2-brand); border-radius: 50%; }
.admin-v2-endpoint-coverage,
.admin-v2-token-rule { display: flex; gap: 10px; padding: 15px 17px; border-left: 4px solid #3b66b5; border-radius: 12px; color: #315a9f; background: #eef4ff; }
.admin-v2-endpoint-coverage span,
.admin-v2-token-rule span { color: #566d95; font-size: 0.76rem; line-height: 1.5; }
.admin-v2-onboarding-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px; }
.admin-v2-onboarding-flow article { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; padding: 15px; border: 1px solid var(--v2-line); border-radius: 14px; background: #fff; }
.admin-v2-onboarding-flow article > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: #315a9f; background: #eaf1ff; font-weight: 900; }
.admin-v2-onboarding-flow article div { display: grid; gap: 3px; }
.admin-v2-onboarding-flow small { color: var(--v2-muted); font-size: 0.65rem; }
.admin-v2-onboarding-flow > i { color: #b9acb2; font-style: normal; }
.admin-v2-activation-create { border: 1px solid var(--v2-line); border-radius: 16px; background: #fff; }
.admin-v2-activation-create > summary { padding: 15px 17px; color: #a41f5b; font-weight: 900; cursor: pointer; }
.admin-v2-activation-create > div { padding: 0 17px 17px; }
.admin-v2-activation-list-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 18px 20px; border: 1px solid var(--v2-line); border-radius: 15px; background: var(--v2-surface); }
.admin-v2-activation-list-head p { margin: 0 0 4px; color: var(--v2-brand); font-size: 0.64rem; font-weight: 900; letter-spacing: 0.11em; text-transform: uppercase; }
.admin-v2-activation-list-head h3 { margin: 0; font-size: 1.35rem; }
.admin-v2-activation-list-head button { border: 1px solid var(--v2-line); border-radius: 9px; padding: 8px 10px; background: #fff; font: inherit; font-size: 0.7rem; font-weight: 800; }
.admin-v2-activation-row { display: grid; grid-template-columns: minmax(190px, 1.4fr) auto minmax(90px, .6fr) minmax(120px, .8fr) minmax(120px, .9fr) auto; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--v2-line); border-radius: 13px; background: #fff; }
.admin-v2-activation-row > div { min-width: 0; display: grid; gap: 4px; }
.admin-v2-activation-row div > span { overflow: hidden; color: var(--v2-muted); font-size: 0.64rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-activation-row div > strong { overflow: hidden; font-size: 0.74rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-activation-status { border-radius: 999px; padding: 6px 9px; color: #6d6468; background: #f1edeb; font-size: 0.64rem; font-weight: 850; }
.admin-v2-activation-status.active { color: #147253; background: #e8f7f0; }
.admin-v2-activation-status.used { color: #315a9f; background: #eaf1ff; }
.admin-v2-activation-status.revoked,
.admin-v2-activation-status.expired { color: #9a3150; background: #fdebf0; }

.admin-v2-requests { display: grid; gap: 12px; }
.admin-v2-request-scope { display: flex; align-items: end; justify-content: space-between; gap: 16px; padding: 2px 2px 4px; }
.admin-v2-request-scope p { margin: 0 0 3px; color: var(--v2-brand); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.admin-v2-request-scope h2 { margin: 0; font-size: 1.55rem; }
.admin-v2-request-scope > strong { border: 1px solid #dbe4f5; border-radius: 999px; padding: 7px 11px; color: #315a9f; background: #f2f6ff; font-size: 0.68rem; }
.admin-v2-request-counts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.admin-v2-request-counts article { display: grid; gap: 6px; padding: 17px 18px; border: 1px solid var(--v2-line); border-radius: 14px; background: #fff; }
.admin-v2-request-counts span { color: var(--v2-muted); font-size: 0.68rem; font-weight: 750; }
.admin-v2-request-counts strong { font-size: 1.65rem; line-height: 1; }
.admin-v2-request-filters { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)) auto auto; align-items: end; gap: 9px; padding: 14px; border: 1px solid var(--v2-line); border-radius: 14px; background: #fff; }
.admin-v2-request-filters label { display: grid; gap: 5px; color: var(--v2-muted); font-size: 0.65rem; font-weight: 800; }
.admin-v2-request-filters select { min-height: 42px; border: 1px solid var(--v2-line); border-radius: 10px; padding: 0 10px; color: var(--v2-ink); background: #fff; font: inherit; }
.admin-v2-request-filters button { min-height: 42px; border: 1px solid var(--v2-line); border-radius: 10px; padding: 0 12px; color: var(--v2-ink); background: #fff; font: inherit; font-size: 0.7rem; font-weight: 850; }
.admin-v2-request-filters button[type="submit"] { border-color: var(--v2-brand); color: #fff; background: var(--v2-brand); }
.admin-v2-request-filters .admin-form-status { grid-column: 1 / -1; }
.admin-v2-request-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 16px 17px; border: 1px solid var(--v2-line); border-radius: 15px; background: #fff; }
.admin-v2-request-card.selected { border-color: #e8abc6; box-shadow: 0 12px 30px rgba(92, 52, 70, 0.07); }
.admin-v2-request-card-main { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; }
.admin-v2-request-card-main > div { min-width: 0; }
.admin-v2-request-card-main p { margin: 0 0 3px; color: var(--v2-brand); font-size: 0.6rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; }
.admin-v2-request-card-main p strong { color: var(--v2-ink); }
.admin-v2-request-card-main h3 { overflow: hidden; margin: 0; font-size: 0.96rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-request-card-main div > span { display: block; overflow: hidden; margin-top: 4px; color: var(--v2-muted); font-size: 0.69rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-request-source,
.admin-v2-request-status { border-radius: 999px; padding: 6px 9px; font-size: 0.62rem; font-weight: 850; white-space: nowrap; }
.admin-v2-request-source { color: #315a9f; background: #eaf1ff; }
.admin-v2-request-source.device { color: #815317; background: #fff2d9; }
.admin-v2-request-status { color: #6d6468; background: #f1edeb; }
.admin-v2-request-status.new { color: #a41f5b; background: #fce9f2; }
.admin-v2-request-status.in_review { color: #815317; background: #fff2d9; }
.admin-v2-request-status.approved,
.admin-v2-request-status.completed { color: #147253; background: #e8f7f0; }
.admin-v2-request-status.rejected,
.admin-v2-request-status.cancelled { color: #9a3150; background: #fdebf0; }
.admin-v2-request-meta { grid-column: 1; display: flex; flex-wrap: wrap; gap: 7px 12px; padding-left: 72px; color: var(--v2-muted); font-size: 0.63rem; }
.admin-v2-request-card > button { grid-column: 2; grid-row: 1 / span 2; border: 1px solid #e7a5c3; border-radius: 9px; padding: 8px 11px; color: #a41f5b; background: #fff8fb; font: inherit; font-size: 0.7rem; font-weight: 850; }
.admin-v2-request-detail-host { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid var(--v2-line); }
.admin-v2-request-detail { display: grid; gap: 13px; }
.admin-v2-request-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.admin-v2-request-detail-head p { margin: 0 0 4px; color: var(--v2-brand); font-size: 0.61rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.admin-v2-request-detail-head h3 { margin: 0; font-size: 1.35rem; }
.admin-v2-request-detail-head div > span { color: var(--v2-muted); font-size: 0.67rem; }
.admin-v2-request-message { display: grid; gap: 6px; padding: 14px 15px; border-radius: 12px; background: #faf7f5; }
.admin-v2-request-message p { margin: 0; line-height: 1.55; }
.admin-v2-request-message span { color: var(--v2-muted); font-size: 0.68rem; }
.admin-v2-request-attachment { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(180px, 320px) auto; align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--v2-line); border-radius: 12px; }
.admin-v2-request-attachment > div { display: grid; gap: 4px; }
.admin-v2-request-attachment span { color: var(--v2-muted); font-size: 0.65rem; }
.admin-v2-request-update { padding: 15px; border: 1px solid var(--v2-line); border-radius: 13px; background: #fff; }
.admin-v2-request-next-action { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; border: 1px solid #d8e3f6; border-radius: 12px; background: #f5f8ff; }
.admin-v2-request-next-action > div { display: grid; gap: 3px; }
.admin-v2-request-next-action span { color: var(--v2-muted); font-size: 0.68rem; }
.admin-v2-request-next-action button { min-height: 38px; white-space: nowrap; }
.admin-v2-request-write-gate { display: grid; gap: 7px; padding: 15px; border: 1px solid #eadfce; border-radius: 12px; background: #fffaf3; }
.admin-v2-request-write-gate strong { color: #544536; }
.admin-v2-request-write-gate span { color: var(--v2-muted); font-size: 0.72rem; line-height: 1.5; }
.admin-v2-request-write-gate a { justify-self: start; margin-top: 2px; }
.admin-v2-programming-read-only { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 11px 13px; border: 1px solid #eadfce; border-radius: 11px; background: #fffaf3; color: var(--v2-muted); font-size: 0.72rem; }
.admin-v2-programming-read-only strong { color: #544536; }
.admin-v2-playlist-read-only { padding: 7px 10px; border-radius: 999px; background: #f0f3f8; color: var(--v2-muted); font-size: 0.66rem; font-weight: 800; }
.admin-v2-request-origin-note { display: flex; gap: 10px; padding: 14px 16px; border-left: 4px solid #3b66b5; border-radius: 12px; color: #315a9f; background: #eef4ff; }
.admin-v2-request-origin-note span { color: #566d95; font-size: 0.76rem; line-height: 1.5; }

.admin-v2-reports { display: grid; gap: 12px; }
.admin-v2-report-scope { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border: 1px solid #cad9f2; border-radius: 13px; color: #315a9f; background: #eef4ff; }
.admin-v2-report-scope span { color: #566d95; font-size: 0.7rem; }
.admin-v2-report-tabs { width: fit-content; display: flex; gap: 5px; padding: 5px; border: 1px solid var(--v2-line); border-radius: 13px; background: #fff; }
.admin-v2-report-tabs button { border: 0; border-radius: 9px; padding: 10px 14px; color: var(--v2-muted); background: transparent; font: inherit; font-size: 0.72rem; font-weight: 850; cursor: pointer; }
.admin-v2-report-tabs button.active { color: var(--v2-ink); background: #fce9f2; }
.admin-v2-report-filters { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(180px, 1.2fr) repeat(3, minmax(135px, .8fr)) auto auto; align-items: end; gap: 8px; padding: 13px; border: 1px solid var(--v2-line); border-radius: 14px; background: #fff; }
.admin-v2-report-filters label { display: grid; gap: 5px; color: var(--v2-muted); font-size: 0.63rem; font-weight: 800; }
.admin-v2-report-filters select,
.admin-v2-report-filters input { min-height: 40px; border: 1px solid var(--v2-line); border-radius: 9px; padding: 0 9px; color: var(--v2-ink); background: #fff; font: inherit; font-size: 0.7rem; }
.admin-v2-report-filters button { min-height: 40px; border: 1px solid var(--v2-line); border-radius: 9px; padding: 0 11px; color: var(--v2-ink); background: #fff; font: inherit; font-size: 0.68rem; font-weight: 850; }
.admin-v2-report-filters button[type="submit"] { border-color: var(--v2-brand); color: #fff; background: var(--v2-brand); }
.admin-v2-report-filters .admin-form-status { grid-column: 1 / -1; }
.admin-v2-report-proof-note { display: flex; gap: 10px; padding: 14px 16px; border-left: 4px solid #d08a28; border-radius: 12px; color: #815317; background: #fff4e2; }
.admin-v2-report-proof-note span { color: #805f35; font-size: 0.75rem; line-height: 1.5; }
.admin-v2-report-table-wrap { overflow-x: auto; border: 1px solid var(--v2-line); border-radius: 15px; background: #fff; }
.admin-v2-report-table { width: 100%; min-width: 900px; border-collapse: collapse; }
.admin-v2-report-table th,
.admin-v2-report-table td { padding: 12px 11px; border-bottom: 1px solid var(--v2-line); text-align: left; vertical-align: middle; }
.admin-v2-report-table th { color: var(--v2-muted); background: #fbf8f6; font-size: 0.61rem; letter-spacing: 0.07em; text-transform: uppercase; }
.admin-v2-report-table tr:last-child td { border-bottom: 0; }
.admin-v2-report-table td { font-size: 0.7rem; }
.admin-v2-report-table td > strong,
.admin-v2-report-table td > span { display: block; }
.admin-v2-report-table td > span { margin-top: 3px; color: var(--v2-muted); font-size: 0.63rem; }
.admin-v2-report-table td > button,
.admin-v2-reproduction-detail header > button { border: 1px solid var(--v2-line); border-radius: 9px; padding: 8px 10px; color: var(--v2-ink); background: #fff; font: inherit; font-size: 0.65rem; font-weight: 850; cursor: pointer; white-space: nowrap; }
.admin-v2-report-table td > button:hover,
.admin-v2-reproduction-detail header > button:hover { border-color: #e7a5c3; background: #fff8fb; }
.admin-v2-proof { display: inline-flex !important; width: fit-content; border-radius: 999px; padding: 6px 8px; color: #815317 !important; background: #fff2d9; font-size: 0.6rem !important; font-weight: 850; }
.admin-v2-proof.completed { color: #147253 !important; background: #e8f7f0; }
.admin-v2-proof.partial { color: #6d6468 !important; background: #f1edeb; }
.admin-v2-exact-match { display: grid; gap: 4px; padding: 14px 16px; border: 1px solid #cad9f2; border-radius: 12px; background: #f5f8ff; }
.admin-v2-exact-match > span { color: #315a9f; font-size: 0.62rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; }
.admin-v2-exact-match small { color: var(--v2-muted); }
.admin-v2-exact-match.empty { border-color: var(--v2-line); background: #faf7f5; }
.admin-v2-reproduction-detail { display: grid; gap: 16px; padding: 18px; border: 1px solid var(--v2-line); border-radius: 16px; background: #fff; }
.admin-v2-reproduction-detail header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 16px; }
.admin-v2-reproduction-detail header > div { display: grid; gap: 3px; }
.admin-v2-reproduction-detail header p { margin: 0; color: var(--v2-brand); font-size: 0.62rem; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; }
.admin-v2-reproduction-detail header h2 { margin: 0; font-size: 1.2rem; }
.admin-v2-reproduction-detail header span { color: var(--v2-muted); font-size: 0.72rem; }
.admin-v2-reproduction-facts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.admin-v2-reproduction-facts > div { display: grid; gap: 5px; min-width: 0; padding: 12px; border: 1px solid var(--v2-line); border-radius: 11px; background: #fbf9f8; }
.admin-v2-reproduction-facts span { color: var(--v2-muted); font-size: 0.6rem; font-weight: 800; }
.admin-v2-reproduction-facts strong { overflow-wrap: anywhere; font-size: 0.72rem; }
.admin-v2-export-scope { padding: 13px 15px; border: 1px solid #cad9f2; border-radius: 12px; color: #566d95; background: #f5f8ff; font-size: 0.74rem; }
.admin-v2-export-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.admin-v2-export-grid a { display: grid; gap: 7px; min-height: 150px; padding: 19px; border: 1px solid var(--v2-line); border-radius: 16px; color: var(--v2-ink); background: #fff; text-decoration: none; }
.admin-v2-export-grid a:hover { border-color: #e7a5c3; background: #fff8fb; }
.admin-v2-export-grid a > span { width: fit-content; border-radius: 8px; padding: 6px 8px; color: #315a9f; background: #eaf1ff; font-size: 0.66rem; font-weight: 900; }
.admin-v2-export-grid strong { font-size: 1.05rem; }
.admin-v2-export-grid small { color: var(--v2-muted); line-height: 1.5; }
.admin-v2-report-warning { display: flex; gap: 10px; padding: 14px 16px; border-left: 4px solid #b13b5d; border-radius: 12px; color: #9a3150; background: #fdebf0; }
.admin-v2-report-warning span { color: #845061; font-size: 0.75rem; line-height: 1.5; }
.admin-v2-audit-failure-list { display: grid; gap: 9px; }
.admin-v2-audit-failure-list article { display: grid; gap: 5px; padding: 14px; border: 1px solid #f1c8d4; border-radius: 12px; background: #fff8fa; }
.admin-v2-audit-failure-list span { color: #845061; }
.admin-v2-audit-failure-list small { color: var(--v2-muted); }

.admin-v2-existing-shell[data-admin-v2-module="requests"] #admin-dashboard,
.admin-v2-existing-shell[data-admin-v2-module="requests"] #adminStats,
.admin-v2-existing-shell[data-admin-v2-module="programming"] #admin-dashboard,
.admin-v2-existing-shell[data-admin-v2-module="programming"] #adminStats,
.admin-v2-existing-shell[data-admin-v2-module="distribution"] #admin-dashboard,
.admin-v2-existing-shell[data-admin-v2-module="distribution"] #adminStats,
.admin-v2-existing-shell[data-admin-v2-module="reports"] #admin-dashboard,
.admin-v2-existing-shell[data-admin-v2-module="reports"] #adminStats { display: none !important; }

/* Contextual V2 modules own the workspace. The legacy client heading and tab strip
   remain mounted for its established event handlers, but are not part of the V2 flow. */
.admin-v2-existing-shell[data-admin-v2-module="programming"] #adminClientWorkspace > .admin-client-workspace-heading,
.admin-v2-existing-shell[data-admin-v2-module="programming"] #clientWorkspaceTabs,
.admin-v2-existing-shell[data-admin-v2-module="requests"] #adminClientWorkspace > .admin-client-workspace-heading,
.admin-v2-existing-shell[data-admin-v2-module="requests"] #clientWorkspaceTabs,
.admin-v2-existing-shell[data-admin-v2-module="distribution"] #adminClientWorkspace > .admin-client-workspace-heading,
.admin-v2-existing-shell[data-admin-v2-module="distribution"] #clientWorkspaceTabs,
.admin-v2-existing-shell[data-admin-v2-module="reports"] #adminClientWorkspace > .admin-client-workspace-heading,
.admin-v2-existing-shell[data-admin-v2-module="reports"] #clientWorkspaceTabs { display: none !important; }
.admin-v2-existing-shell #clientWorkspacePanel:has(.admin-v2-client-module) { padding: 0; border: 0; background: transparent; box-shadow: none; }
.admin-v2-client-module { display: grid; gap: 18px; }
.admin-v2-client-module-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 25px 27px; border: 1px solid var(--v2-line); border-radius: 20px; background: radial-gradient(circle at 85% 16%, rgba(217, 50, 123, .12), transparent 34%), #fff; }
.admin-v2-client-module-head > div:first-child { display: grid; gap: 6px; }
.admin-v2-client-module-head p { margin: 0; color: var(--v2-brand); font-size: .65rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.admin-v2-client-module-head h2 { margin: 0; font-size: clamp(1.7rem, 3.5vw, 2.6rem); letter-spacing: -.045em; }
.admin-v2-client-module-head > div:first-child > span { max-width: 670px; color: var(--v2-muted); line-height: 1.5; }
.admin-v2-client-module-context { min-width: 180px; display: grid; gap: 4px; padding: 13px 15px; border: 1px solid #dbe4f5; border-radius: 13px; background: #f4f7ff; }
.admin-v2-client-module-context > span { color: #5d7198; font-size: .61rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.admin-v2-client-module-context > strong { font-size: .92rem; }
.admin-v2-client-module-context > button { width: fit-content; margin-top: 5px; border: 0; padding: 0; color: #315a9f; background: transparent; font: inherit; font-size: .68rem; font-weight: 850; cursor: pointer; }
.admin-v2-client-module-content { display: grid; gap: 14px; }

.admin-v2-playlist-builder { display: grid; gap: 16px; padding: 24px; border: 1px solid var(--v2-line); border-radius: 20px; background: #fff; box-shadow: 0 18px 45px rgba(72, 49, 57, .06); }
.admin-v2-playlist-builder > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.admin-v2-playlist-builder header > div { display: grid; gap: 5px; }
.admin-v2-playlist-builder header p { margin: 0; color: var(--v2-brand); font-size: .64rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.admin-v2-playlist-builder header h2 { margin: 0; font-size: 1.75rem; }
.admin-v2-playlist-builder header span { color: var(--v2-muted); line-height: 1.45; }
.admin-v2-playlist-builder > header > button { border: 1px solid var(--v2-line); border-radius: 10px; padding: 9px 11px; color: var(--v2-ink); background: #fff; font: inherit; font-size: .7rem; font-weight: 850; }
.admin-v2-playlist-builder-name { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(280px, 1.5fr); gap: 12px; }
.admin-v2-playlist-builder-name label { display: grid; gap: 6px; color: var(--v2-muted); font-size: .67rem; font-weight: 850; }
.admin-v2-playlist-builder-name input, .admin-v2-playlist-builder-name textarea, .admin-v2-playlist-source-toolbar input { width: 100%; box-sizing: border-box; border: 1px solid var(--v2-line); border-radius: 10px; padding: 10px 11px; color: var(--v2-ink); background: #fff; font: inherit; }
.admin-v2-playlist-builder-body { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(220px, .65fr); gap: 14px; }
.admin-v2-playlist-builder-body > section, .admin-v2-playlist-builder-body > aside { border: 1px solid var(--v2-line); border-radius: 14px; background: #fdfbf9; }
.admin-v2-playlist-builder-tabs { display: flex; gap: 5px; padding: 6px; border-bottom: 1px solid var(--v2-line); background: #fff; }
.admin-v2-playlist-builder-tabs button { border: 0; border-radius: 8px; padding: 9px 11px; color: var(--v2-muted); background: transparent; font: inherit; font-size: .7rem; font-weight: 850; }
.admin-v2-playlist-builder-tabs button.active { color: var(--v2-ink); background: #fce9f2; }
.admin-v2-playlist-source-toolbar { display: grid; grid-template-columns: minmax(160px, 1fr) auto auto; gap: 8px; padding: 12px; }
.admin-v2-playlist-source-toolbar button { border: 1px solid var(--v2-line); border-radius: 9px; padding: 0 10px; color: var(--v2-ink); background: #fff; font: inherit; font-size: .66rem; font-weight: 850; }
.admin-v2-playlist-source-list { display: grid; max-height: 390px; overflow: auto; gap: 7px; padding: 0 12px 12px; }
.admin-v2-playlist-source-list > p { margin: 16px 0; color: var(--v2-muted); text-align: center; }
.admin-v2-playlist-source-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--v2-line); border-radius: 10px; background: #fff; cursor: pointer; }
.admin-v2-playlist-source-row.selected { border-color: #e79bbb; background: #fff6fa; }
.admin-v2-playlist-source-row span { min-width: 0; display: grid; gap: 3px; }
.admin-v2-playlist-source-row strong, .admin-v2-playlist-source-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-v2-playlist-source-row small { color: var(--v2-muted); font-size: .66rem; }
.admin-v2-playlist-source-row b { color: #315a9f; font-size: .63rem; }
.admin-v2-playlist-upload { display: grid; gap: 10px; min-height: 170px; align-content: center; padding: 20px; }
.admin-v2-playlist-upload span, .admin-v2-playlist-upload small { color: var(--v2-muted); line-height: 1.45; }
.admin-v2-playlist-upload label { width: fit-content; position: relative; overflow: hidden; border: 1px solid #e7a5c3; border-radius: 9px; padding: 9px 11px; color: #a41f5b; background: #fff8fb; font-size: .7rem; font-weight: 850; }
.admin-v2-playlist-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.admin-v2-playlist-builder-body > aside { align-content: start; display: grid; gap: 8px; padding: 18px; background: #f4f7ff; }
.admin-v2-playlist-builder-body > aside p { margin: 0; color: #315a9f; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.admin-v2-playlist-builder-body > aside > strong { font-size: 1.55rem; }
.admin-v2-playlist-builder-body > aside > span, .admin-v2-playlist-builder-body > aside > small { color: var(--v2-muted); line-height: 1.45; }
.admin-v2-playlist-builder-body > aside > small { margin-top: 8px; font-size: .7rem; }
.admin-v2-playlist-builder-body > aside > button { margin-top: 8px; border: 1px solid var(--v2-brand); border-radius: 10px; padding: 11px 13px; color: #fff; background: var(--v2-brand); font: inherit; font-weight: 900; cursor: pointer; }

@media (max-width: 900px) {
  .admin-v2-program-builder-grid,
  .admin-v2-program-builder-scope { grid-template-columns: 1fr; }
  .admin-v2-program-builder-preview { position: static; }
  .admin-v2-existing-shell { grid-template-columns: 1fr; }
  .admin-v2-existing-shell .admin-sidebar { position: relative; height: auto; }
  .admin-v2-existing-topbar { position: relative; }
  .admin-v2-existing-context { align-items: stretch; flex-direction: column; }
  .admin-v2-client-context-control { min-width: min(100%, 420px); }
  .admin-v2-client-toolbar { grid-template-columns: 1fr; }
  .admin-v2-client-heading { flex-direction: column; }
  .admin-v2-existing-shell .admin-v2-client-workspace .admin-client-workspace-heading { grid-template-columns: 1fr; }
  .admin-v2-overview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-overview-details { grid-template-columns: 1fr; }
  .admin-v2-client-module-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-collection-grid { grid-template-columns: 1fr; }
  .admin-v2-existing-shell .admin-v2-music-module .admin-catalog-filters { grid-template-columns: 1fr; }
  .admin-v2-upload-advanced > div { grid-template-columns: 1fr; }
  .admin-v2-existing-shell .admin-v2-music-module #globalUploadForm { grid-template-columns: 1fr; padding: 16px; }
  .admin-v2-upload-file-row { grid-template-columns: 30px minmax(180px, 1fr) auto; }
  .admin-v2-upload-file-row > div:not(.admin-v2-upload-file-main) { display: none; }
  .admin-v2-track-table-wrap { overflow-x: auto; }
  .admin-v2-track-table { min-width: 920px; }
  .admin-v2-playlist-grid { grid-template-columns: 1fr; }
  .admin-v2-program-row { grid-template-columns: 34px 100px minmax(220px, 1fr) auto; min-width: 700px; }
  .admin-v2-program-timeline { overflow-x: auto; }
  .admin-v2-device-grid { grid-template-columns: 1fr; }
  .admin-v2-device-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-device-detail > header { grid-template-columns: 1fr auto; }
  .admin-v2-device-detail > header > button { grid-column: 1 / -1; justify-self: start; }
  .admin-v2-device-detail-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-onboarding-flow { grid-template-columns: 1fr; }
  .admin-v2-onboarding-flow > i { display: none; }
  .admin-v2-activation-row { grid-template-columns: minmax(200px, 1fr) auto; }
  .admin-v2-activation-row > div:not(:first-child) { display: none; }
  .admin-v2-request-filters { grid-template-columns: 1fr; }
  .admin-v2-request-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-request-card { grid-template-columns: 1fr; }
  .admin-v2-request-card > button { grid-column: 1; grid-row: auto; justify-self: start; }
  .admin-v2-request-meta { padding-left: 0; }
  .admin-v2-request-card-main { grid-template-columns: auto minmax(0, 1fr); }
  .admin-v2-request-card-main > .admin-v2-request-status { grid-column: 2; justify-self: start; }
  .admin-v2-request-attachment { grid-template-columns: 1fr; }
  .admin-v2-request-next-action { align-items: flex-start; flex-direction: column; }
  .admin-v2-report-filters { grid-template-columns: 1fr; }
  .admin-v2-report-tabs { width: 100%; overflow-x: auto; }
  .admin-v2-report-tabs button { white-space: nowrap; }
  .admin-v2-reproduction-detail header { grid-template-columns: 1fr auto; }
  .admin-v2-reproduction-detail header > button { grid-column: 1 / -1; justify-self: start; }
  .admin-v2-reproduction-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-export-grid { grid-template-columns: 1fr; }
  .admin-v2-dashboard-hero { align-items: stretch; flex-direction: column; }
  .admin-v2-dashboard-safety { max-width: none; }
  .admin-v2-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-dashboard-layout { grid-template-columns: 1fr; }
  .admin-v2-dashboard-track-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-user-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-user-row { grid-template-columns: 1fr auto; }
  .admin-v2-user-access,
  .admin-v2-user-actions { grid-column: 1 / -1; }
  .admin-v2-user-actions .admin-row-actions { justify-content: flex-start; }
  .admin-v2-system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-v2-system-rollout { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .admin-v2-program-builder { padding: 16px; }
  .admin-v2-program-builder-head,
  .admin-v2-program-zone-heading { align-items: flex-start; flex-direction: column; }
  .admin-v2-program-zone-actions { width: 100%; justify-content: space-between; }
  .admin-v2-program-time-grid,
  .admin-v2-program-mode > div { grid-template-columns: 1fr; }
  .admin-v2-existing-topbar { align-items: flex-start; flex-direction: column; }
  .admin-v2-existing-topbar-actions { width: 100%; justify-content: space-between; }
  .admin-v2-client-module-actions { grid-template-columns: 1fr; }
  .admin-v2-device-detail-summary { grid-template-columns: 1fr; }
  .admin-v2-dashboard-metrics,
  .admin-v2-dashboard-actions,
  .admin-v2-dashboard-track-list { grid-template-columns: 1fr; }
  .admin-v2-global-module-head { align-items: flex-start; flex-direction: column; }
  .admin-v2-client-module-head { align-items: flex-start; flex-direction: column; }
  .admin-v2-playlist-builder-name, .admin-v2-playlist-builder-body { grid-template-columns: 1fr; }
  .admin-v2-playlist-source-toolbar { grid-template-columns: 1fr; }
  .admin-v2-user-metrics,
  .admin-v2-system-grid { grid-template-columns: 1fr; }
}
