/**
 * Nuclear dark shell — load LAST.
 * Forces YouTube ink + coral even if older CSS is stuck in cache.
 */
html[data-brand="uncut"],
html {
  color-scheme: dark !important;
  background: #070b14 !important;
}

body,
body.app-layout,
body.app-bg,
body.app-layout.app-bg {
  color-scheme: dark !important;
  background: #070b14 !important;
  color: #f6efe4 !important;
}

body.app-layout .web-nav,
body.app-layout .web-nav[data-mounted="true"],
.web-nav {
  background: #070b14 !important;
  border-right: 1px solid rgba(255, 90, 61, 0.18) !important;
  box-shadow: none !important;
}

body.app-layout .web-nav .brand,
body.app-layout .web-nav .brand-text,
.web-nav .brand,
.web-nav .brand-text {
  color: #ff5a3d !important;
}

body.app-layout .web-nav .nav-link,
.web-nav .nav-link {
  color: #a9bbd4 !important;
  background: transparent !important;
}

body.app-layout .web-nav .nav-link:hover,
.web-nav .nav-link:hover {
  color: #f6efe4 !important;
  background: rgba(255, 90, 61, 0.12) !important;
}

body.app-layout .web-nav .nav-link.active,
.web-nav .nav-link.active {
  color: #f6efe4 !important;
  background: rgba(255, 90, 61, 0.18) !important;
  box-shadow: inset 3px 0 0 #ff5a3d !important;
}

body.app-layout .web-nav .nav-user,
body.app-layout .web-nav .nav-sign-out,
.web-nav .nav-user,
.web-nav .nav-sign-out {
  color: #a9bbd4 !important;
}

body.app-layout .app-shell,
.app-shell {
  background: transparent !important;
  color: #f6efe4 !important;
}

body.app-layout .card,
body.app-layout .trip-card,
body.app-layout .stat,
body.app-layout .tool-panel,
.card,
.trip-card {
  background: #121820 !important;
  border: 1px solid rgba(255, 90, 61, 0.16) !important;
  color: #f6efe4 !important;
  box-shadow: none !important;
}

body.app-layout .page-header h1,
body.app-layout .page-header--trip h1,
body.app-layout .card h2,
body.app-layout .section-head h2,
.page-header h1,
.card h2 {
  color: #f6efe4 !important;
}

body.app-layout .muted,
body.app-layout .subtitle,
body.app-layout .empty-state,
.muted,
.subtitle {
  color: #a9bbd4 !important;
}

body.app-layout .timeline-item,
.timeline-item {
  background: #111827 !important;
  border: 1px solid rgba(246, 239, 228, 0.12) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}

body.app-layout .timeline-item__title,
.timeline-item__title {
  color: #ffffff !important;
}

body.app-layout .timeline-date,
.timeline-date {
  color: #f6efe4 !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  border-bottom: 1px solid rgba(255, 90, 61, 0.35) !important;
}

body.app-layout .timeline-item__subtitle,
body.app-layout .timeline-time,
.timeline-item__subtitle,
.timeline-time {
  color: #bfcde2 !important;
}

body.app-layout .timeline-detail dt,
.timeline-detail dt {
  color: #93a8c6 !important;
}

body.app-layout .timeline-detail dd,
.timeline-detail dd {
  color: #f6efe4 !important;
}

body.app-layout .timeline-detail dd a,
.timeline-detail dd a {
  color: #ff5a3d !important;
}

body.app-layout .timeline-item__notes,
.timeline-item__notes {
  color: #bfcde2 !important;
}

body.app-layout .timeline-item__details,
.timeline-item__details {
  border-top: 1px solid rgba(246, 239, 228, 0.1) !important;
}

body.app-layout .timeline-type,
.timeline-type {
  background: rgba(255, 90, 61, 0.18) !important;
  color: #ff7a63 !important;
}

body.app-layout .btn-primary,
.btn-primary {
  background: #ff5a3d !important;
  color: #fff !important;
  border: none !important;
}

body.app-layout .btn-outline,
.btn-outline,
body.app-layout .timeline-item__delete,
.timeline-item__delete {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #f6efe4 !important;
  border: 1px solid rgba(246, 239, 228, 0.22) !important;
}

body.app-layout input,
body.app-layout textarea,
body.app-layout select,
input,
textarea,
select {
  background: #0c1018 !important;
  color: #f6efe4 !important;
  border-color: rgba(246, 239, 228, 0.22) !important;
}

body.app-layout a,
body.app-layout .link-btn {
  color: #ff5a3d !important;
}

body.app-layout .dashboard-grid .card {
  background: #121820 !important;
}

/* Kill leftover light wood/cream card chrome */
body.app-layout .dashboard-grid .card::before,
body.app-layout .dashboard-grid .card::after {
  display: none !important;
}