/* Owner console skin. Public app rules remain isolated under body.public-mode. */
body:not(.public-mode) {
  --bg: #080806;
  --panel: #11100d;
  --panel-2: #17130f;
  --line: rgba(237, 222, 196, .14);
  --text: #f1eadc;
  --muted: #9f9689;
  --red: #df6a38;
  --red-dark: #9a3e24;
  --cyan: #d29a69;
  --green: #72c592;
  --amber: #e0b269;
  --radius: 10px;
  background:
    radial-gradient(circle at 52% -14%, rgba(127,58,36,.2), transparent 38rem),
    #080806;
}

body:not(.public-mode)::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  content: "";
  opacity: .18;
  pointer-events: none;
  background-image: repeating-linear-gradient(96deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px);
}

body:not(.public-mode) .topbar {
  border-color: rgba(237,222,196,.11);
  background: rgba(8,8,6,.92);
  box-shadow: 0 12px 40px rgba(0,0,0,.3);
  backdrop-filter: blur(18px);
}
body:not(.public-mode) .brand-mark {
  border: 1px solid rgba(255,174,111,.42);
  border-radius: 50%;
  color: transparent;
  background: radial-gradient(circle at 34% 34%,#ffd5a5 0 6%,transparent 7%),radial-gradient(circle at 62% 42%,#080806 0 48%,transparent 49%),linear-gradient(145deg,#f2995b,#8d3d27);
  box-shadow: 0 0 20px rgba(222,106,56,.2);
}
body:not(.public-mode) .brand-copy strong,
body:not(.public-mode) h1,
body:not(.public-mode) .view-header h1 { font-family: Georgia,"Times New Roman",serif; font-weight: 500; }
body:not(.public-mode) .brand-copy sup { color: #9c714b; font-family: Georgia,serif; font-style: italic; text-transform: none; }
body:not(.public-mode) .rail { border-color: rgba(237,222,196,.1); background: rgba(12,11,8,.9); }
body:not(.public-mode) .nav-button { border-radius: 10px; }
body:not(.public-mode) .nav-button:hover { background: rgba(77,45,29,.28); }
body:not(.public-mode) .nav-button.active { border-color: rgba(223,106,56,.32); background: linear-gradient(90deg,rgba(105,44,27,.45),rgba(45,27,19,.28)); box-shadow: inset 3px 0 #df6a38; }
body:not(.public-mode) .panel,
body:not(.public-mode) .card,
body:not(.public-mode) .queue-panel,
body:not(.public-mode) dialog { border-color: rgba(237,222,196,.14); background: linear-gradient(145deg,rgba(22,18,14,.96),rgba(12,11,8,.96)); box-shadow: inset 0 1px rgba(255,255,255,.025),0 20px 60px rgba(0,0,0,.25); }
body:not(.public-mode) input,
body:not(.public-mode) textarea,
body:not(.public-mode) select { border-color: rgba(237,222,196,.17); background: #0b0a08; color: #f1eadc; }
body:not(.public-mode) input:focus,
body:not(.public-mode) textarea:focus,
body:not(.public-mode) select:focus { border-color: rgba(223,106,56,.65); outline-color: rgba(223,106,56,.25); }
body:not(.public-mode) .primary-button,
body:not(.public-mode) button.primary { border-color: #ef8953; background: linear-gradient(145deg,#ed8953,#bd4b29); color: #1a0b05; }
body:not(.public-mode) .secondary-button,
body:not(.public-mode) .icon-button { border-color: rgba(237,222,196,.15); background: rgba(24,20,16,.8); }
body:not(.public-mode) .eyebrow { color: #df6a38; letter-spacing: .12em; }
body:not(.public-mode) .activity-progress { background: #272018; }
body:not(.public-mode) .activity-progress > span { background: linear-gradient(90deg,#9f4428,#f18b52); }

@media (max-width: 780px) {
  body:not(.public-mode) .workspace { padding-inline: 14px; }
}