.console.owner-console {
  width: min(1160px, calc(100% - 40px));
  max-height: calc(100svh - 48px);
  border: 1px solid #3b566d;
  border-radius: 20px;
  background: #0b1523;
  box-shadow: 0 26px 84px #030810d6;
  scrollbar-color: #365572 #0d1828;
}

.owner-console.upload-only { width: min(1000px, calc(100% - 40px)); }
.owner-console .owner-console-header { padding: 17px 24px; background: #0d1829; }
.owner-console-header h2 { font-size: clamp(1.1rem, 2.4vw, 1.58rem); letter-spacing: -.04em; }

.owner-console-layout {
  display: grid;
  grid-template-columns: 174px minmax(0, 1fr);
  align-items: start;
}

.owner-console.upload-only .owner-console-layout { grid-template-columns: minmax(0, 1fr); }

.owner-console-tabs {
  position: sticky;
  top: 76px;
  align-self: start;
  display: grid;
  gap: 6px;
  padding: 16px 10px 18px 14px;
}

.owner-console-tabs button {
  min-height: 42px;
  padding: 9px 13px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #bfcee0;
  background: transparent;
  text-align: left;
  font-size: .86rem;
  font-weight: 680;
  transition: color 150ms, border-color 150ms, background-color 150ms;
}

.owner-console-tabs button:hover { color: #fff; background: #17283d; }
.owner-console-tabs button[aria-selected="true"] {
  border-color: #41617c;
  color: #fff;
  background: #20364d;
  box-shadow: inset 3px 0 #f76c7e;
}

.owner-console-content {
  min-width: 0;
  min-height: min(450px, 56svh);
  padding: clamp(17px, 3vw, 30px);
  border-left: 1px solid #263a50;
  background: radial-gradient(ellipse at 88% 0%, #172e44 0%, transparent 56%), #101b2c;
}

.upload-only .owner-console-content { min-height: 0; border-left: 0; }
.owner-workspace-message { margin: 0 0 15px; }
.owner-panel:not([hidden]) { display: grid; gap: 17px; animation: owner-panel-in 245ms var(--ease-out) backwards; }
.owner-section-heading, .owner-queue-heading, .owner-pager, .owner-filter-results {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.owner-section-heading h3 { font-size: clamp(1.32rem, 3vw, 1.9rem); letter-spacing: -.055em; }
.owner-console h4 { margin: 0; font-size: 1rem; letter-spacing: -.025em; }
.owner-stats, .owner-pending-titles, .owner-upload-grid, .owner-access-grid, .owner-list { display: grid; gap: 12px; }
.owner-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.owner-stats dt { color: #b9cee4; font-size: .78rem; }
.owner-stats dd { margin: 5px 0 0; font-size: clamp(1.2rem, 3vw, 1.82rem); font-weight: 770; letter-spacing: -.05em; }
.owner-stat, .owner-pending-title, .owner-form-card, .owner-queue, .owner-access-card {
  min-width: 0;
  padding: 15px;
  border: 1px solid #334b62;
  border-radius: 12px;
  background: #0e1c2e;
}

.owner-stat { background: linear-gradient(150deg, #1d334b, #122136); }
.owner-overview-quick, .owner-overview-recent, .owner-overview-details { display: grid; gap: 9px; }
.owner-overview-quick { display: flex; flex-wrap: wrap; }
.owner-overview-recent { margin-block-start: 5px; }
.owner-overview-recent > h4 { margin-bottom: 2px; }
.owner-details { min-width: 0; overflow: clip; border: 1px solid #32465f; border-radius: 11px; background: #111f31; }
.owner-details summary { padding: 11px 13px; color: #e5eff8; font-size: .87rem; font-weight: 690; cursor: pointer; }
.owner-details summary::marker { color: var(--accent); }
.owner-details[open] summary { border-bottom: 1px solid #2d415b; }
.owner-details > p { padding: 10px 13px 0; }
.owner-details > :is(.owner-list, .owner-pending-titles) { padding: 10px; }
.owner-details[open] > :is(.owner-list, .owner-pending-titles) { animation: owner-panel-in 245ms var(--ease-out) backwards; }
.owner-pending-titles, .owner-upload-grid, .owner-access-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.owner-pending-title { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px; }
.owner-pending-title strong, .owner-row-copy strong { overflow-wrap: anywhere; }
.owner-title-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 13px; }
.owner-episode-editor { padding: 17px; }
.owner-filters { display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: 10px; }
.owner-filters select { min-width: 0; }
.owner-filters select:disabled { color: var(--muted); opacity: .65; }
.owner-filter-results { min-height: 30px; margin-block: -7px; }
.owner-filter-results .button { min-height: 29px; padding: 4px 8px; }
.owner-list { gap: 7px; }
.owner-empty { color: #afc1d5; margin: 0; padding-block: 10px; font-size: .86rem; }
.owner-bulk-bar, .owner-check, .owner-row-actions { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; }
.owner-bulk-bar { padding: 8px 10px; border: 1px solid #334b62; border-radius: 10px; background: #122139; }
.owner-bulk-actions { margin-left: auto; }
.owner-check { font-size: .84rem; }
.owner-console input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--accent); }
.owner-row, .owner-queue-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #2a4157;
  border-radius: 10px;
  background: #111f32;
}

.owner-episode-row { grid-template-columns: auto minmax(0, 1fr) auto; }
.owner-row-copy { display: grid; min-width: 0; gap: 4px; overflow-wrap: anywhere; }
.owner-row-copy strong { font-size: .88rem; font-weight: 700; }
.owner-row-actions { justify-content: flex-end; }
.owner-row-actions .button, .owner-pending-title .button, .owner-bulk-bar .button, .owner-pager .button { min-height: 35px; padding: 7px 10px; }
.owner-inline-button { color: var(--accent); background: transparent; }
.owner-inline-button:hover { background: #21374e; }
.owner-status {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 4px 8px;
  border: 1px solid #415c75;
  border-radius: 999px;
  color: #d4e8fa;
  background: #1c3249;
  font-size: .71rem;
  font-weight: 720;
  white-space: nowrap;
}

.owner-status:is([data-status="visible"], [data-status="published"], [data-status="uploading"]) {
  color: #c5efff;
  border-color: #38738e;
  background: #17394b;
}

.owner-status:is([data-status="failed"], [data-status="hidden"]) {
  color: #ffd6df;
  border-color: #81455a;
  background: #452738;
}

.owner-upload-grid { align-items: start; }
.owner-upload-drop { padding: 15px 11px; border: 1px dashed #6885a4; border-radius: 10px; background: #13273d; }
.owner-upload-drop.is-drop-target { border-color: #a2e1ff; background: #20435c; }
.owner-queue-list { display: grid; gap: 8px; padding: 0; margin: 12px 0 0; max-height: 360px; overflow-y: auto; list-style: none; }
.owner-queue-list:empty { margin: 0; }
.owner-server-uploads { display: grid; gap: 7px; }
.owner-server-uploads .owner-queue-list { margin-block-start: 0; }
.owner-server-uploads .owner-queue-heading .button { min-height: 34px; padding: 6px 11px; }
.owner-server-uploads .error { color: var(--danger); }
.owner-upload-bytes { display: grid; gap: 5px; justify-items: end; font-variant-numeric: tabular-nums; }
.owner-server-progress { min-width: 0; max-width: 420px; margin-block: 4px 1px; }
.owner-access-card { display: grid; align-content: start; gap: 10px; }
.owner-access-card .invite-list { max-height: 290px; overflow-y: auto; }
.owner-access-card .new-code { margin-block: 2px; }

@keyframes owner-panel-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 880px) {
  .owner-console-layout { grid-template-columns: minmax(0, 1fr); }
  .owner-console-tabs { position: static; display: flex; gap: 5px; overflow-x: auto; padding: 9px 16px; border-bottom: 1px solid #30465b; }
  .owner-console-tabs button { min-height: 37px; flex: none; white-space: nowrap; }
  .owner-console-content { border-left: 0; }
}

@media (max-width: 615px) {
  .console.owner-console, .owner-console.upload-only { width: calc(100% - 18px); max-height: calc(100svh - 18px); border-radius: 14px; }
  .owner-console .owner-console-header { padding: 11px 14px; }
  .owner-console-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 9px 12px; overflow: visible; }
  .owner-console-tabs button { padding-inline: 5px; text-align: center; white-space: normal; }
  .owner-console-content { padding: 14px; }
  .owner-stats, .owner-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .owner-filters > :first-child { grid-column: 1 / -1; }
  .owner-filters > :last-child { grid-column: 1 / -1; }
  .owner-title-form, .owner-upload-grid, .owner-access-grid, .owner-pending-titles { grid-template-columns: minmax(0, 1fr); }
  .owner-row { grid-template-columns: minmax(0, 1fr); }
  .owner-episode-row { grid-template-columns: auto minmax(0, 1fr); }
  .owner-row-actions { justify-content: flex-start; grid-column: 1 / -1; }
  .owner-bulk-actions { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .owner-panel:not([hidden]), .owner-details[open] > :is(.owner-list, .owner-pending-titles) { animation: none; }
}