/* ============================================================
   SDP redesign base - layout + shared tokens
   Escopo local: body.sdp-redesigned. CSS-only, sem alterar logica.
   ============================================================ */

body.sdp-redesigned {
  color-scheme: light;
  accent-color: var(--sdp-preview-gold);
  --sdp-sidebar-width-expanded: 288px;
  --sdp-sidebar-width-collapsed: 72px;
  --sdp-preview-bg: #F4F1E8;
  --sdp-preview-panel: #FFFEFA;
  --sdp-preview-ink: #172033;
  --sdp-preview-muted: #697386;
  --sdp-preview-line: rgba(31, 45, 74, 0.12);
  --sdp-preview-navy: #17243C;
  --sdp-preview-navy-2: #223455;
  --sdp-preview-teal: #1D766F;
  --sdp-preview-gold: #B5904A;
  --sdp-preview-gold-soft: #F3E6C7;
  background:
    linear-gradient(180deg, rgba(255, 254, 250, 0.7), rgba(244, 241, 232, 0.96)),
    var(--sdp-preview-bg) !important;
  color: var(--sdp-preview-ink);
}

body.sdp-redesigned .main-layout {
  background: transparent !important;
}

body.sdp-redesigned .content-area {
  margin-left: var(--sdp-sidebar-width-expanded) !important;
  width: calc(100vw - var(--sdp-sidebar-width-expanded)) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  overflow-x: hidden !important;
  transition:
    margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body.sdp-redesigned .main-layout {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

body.sdp-redesigned .main-content {
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (min-width: 769px) {
  body.sdp-redesigned.sidebar-collapsed .content-area,
  body.sdp-redesigned[data-sidebar-state="collapsed"] .content-area,
  body.sdp-redesigned .main-layout:has(> .sidebar.collapsed) > .content-area {
    margin-left: var(--sdp-sidebar-width-collapsed) !important;
    width: calc(100vw - var(--sdp-sidebar-width-collapsed)) !important;
  }

  body.sdp-redesigned.sidebar-collapsed .main-content,
  body.sdp-redesigned[data-sidebar-state="collapsed"] .main-content,
  body.sdp-redesigned .main-layout:has(> .sidebar.collapsed) > .content-area .main-content {
    margin: var(--topbar-height, 64px) auto 0 !important;
  }
}

body.sdp-redesigned .main-content.dashboard-premium {
  box-sizing: border-box;
  width: min(calc(100% - 48px), 1260px) !important;
  margin: var(--topbar-height, 64px) auto 0 !important;
  padding: 32px 32px 56px;
  background: rgba(255, 254, 250, 0.74) !important;
  border: 1px solid rgba(31, 45, 74, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 1px rgba(31, 45, 74, 0.04), 0 22px 54px rgba(31, 45, 74, 0.10) !important;
  backdrop-filter: blur(12px);
}

body.sdp-redesigned .main-content:not(.dashboard-premium) {
  box-sizing: border-box;
  width: min(calc(100% - 48px), 1180px) !important;
  margin: var(--topbar-height, 64px) auto 0 !important;
  padding: 28px 32px 56px;
  background: rgba(255, 254, 250, 0.78) !important;
  border: 1px solid rgba(31, 45, 74, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 1px rgba(31, 45, 74, 0.04), 0 22px 54px rgba(31, 45, 74, 0.10) !important;
  backdrop-filter: blur(12px);
}

@media (min-width: 769px) {
  body.sdp-redesigned.sidebar-collapsed .content-area > .main-content,
  body.sdp-redesigned[data-sidebar-state="collapsed"] .content-area > .main-content,
  body.sdp-redesigned .main-layout:has(> .sidebar.collapsed) > .content-area > .main-content {
    margin: var(--topbar-height, 64px) auto 0 !important;
  }
}

[data-theme="dark"] body.sdp-redesigned {
  color-scheme: dark;
  --sdp-preview-bg: #0B1220;
  --sdp-preview-panel: #121D2E;
  --sdp-preview-ink: #F8FAFC;
  --sdp-preview-muted: #B8C3D6;
  --sdp-preview-line: rgba(226, 232, 240, 0.14);
  --sdp-preview-gold-soft: rgba(181, 144, 74, 0.18);
  background:
    radial-gradient(circle at 20% -10%, rgba(181, 144, 74, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(13, 21, 35, 0.98), rgba(6, 12, 23, 0.98)),
    var(--sdp-preview-bg) !important;
}

[data-theme="dark"] body.sdp-redesigned .main-content {
  background:
    linear-gradient(180deg, rgba(18, 29, 46, 0.94), rgba(13, 21, 35, 0.94)),
    var(--sdp-preview-panel) !important;
  border: 1px solid rgba(226, 232, 240, 0.12) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.035), 0 24px 60px rgba(0, 0, 0, 0.32) !important;
  color: var(--sdp-preview-ink) !important;
}

@media (max-width: 768px) {
  body.sdp-redesigned .content-area {
    margin-left: 0 !important;
    width: 100% !important;
  }

  body.sdp-redesigned .main-content.dashboard-premium {
    width: calc(100% - 28px) !important;
    margin: var(--topbar-height, 56px) auto 0 !important;
    padding: 18px 14px 36px;
  }

  body.sdp-redesigned .main-content:not(.dashboard-premium) {
    width: calc(100% - 28px) !important;
    margin: var(--topbar-height, 56px) auto 0 !important;
    padding: 18px 14px 36px;
  }
}