/* PureSuite — Light Theme (class-based, robust) */

/* Palette */
:root{
  --lt-bg:#f7f9fc;
  --lt-panel:#ffffff;
  --lt-text:#0e1621;
  --lt-muted:#4a5568;
  --lt-border:#e3e8f1;
  --lt-accent:#0b72ff;
  --lt-chip:#f3f6fb;
  --lt-chip-border:#cfd8e6;
  --lt-chip-hover:#e8effd;
}

/* Base */
html.theme-light, html.theme-light body{
  background:var(--lt-bg) !important;
  color:var(--lt-text) !important;
}
html.theme-light a{ color:var(--lt-accent) !important; text-underline-offset:2px; }
html.theme-light nav.toolbar{ background:var(--lt-panel) !important; border-bottom:1px solid var(--lt-border) !important; }

/* Panels/cards/sections (no layout changes) */
html.theme-light .card, html.theme-light .panel, html.theme-light .sheet,
html.theme-light .box, html.theme-light .content-card, html.theme-light .section,
html.theme-light .tile, html.theme-light .callout, html.theme-light .accordion{
  background:var(--lt-panel) !important;
  color:var(--lt-text) !important;
  border:1px solid var(--lt-border) !important;
  border-radius:12px;
}

/* Tabs/pills/filters + generic buttons */
html.theme-light button, html.theme-light .btn, html.theme-light .button,
html.theme-light .chip, html.theme-light .btn-chip, html.theme-light .badge-button,
html.theme-light .tabs .tab, html.theme-light .tab, html.theme-light [role="tab"],
html.theme-light .pill, html.theme-light .nav .tab, html.theme-light .nav .pill,
html.theme-light nav.toolbar .chip, html.theme-light .site-footer .chip{
  background:var(--lt-chip) !important;
  color:#0b1220 !important;
  border:1px solid var(--lt-chip-border) !important;
  border-radius:10px !important;
}
html.theme-light button:hover, html.theme-light .btn:hover, html.theme-light .button:hover,
html.theme-light .chip:hover, html.theme-light .btn-chip:hover,
html.theme-light .tabs .tab:hover, html.theme-light .tab:hover, html.theme-light [role="tab"]:hover,
html.theme-light .pill:hover, html.theme-light .nav .tab:hover, html.theme-light .nav .pill:hover{
  background:var(--lt-chip-hover) !important;
}

/* Primary buttons */
html.theme-light .btn-primary, html.theme-light button.primary, html.theme-light .button.primary{
  background:var(--lt-accent) !important;
  color:#fff !important;
  border-color:transparent !important;
}

/* Inputs */
html.theme-light input, html.theme-light select, html.theme-light textarea{
  background:#fff !important;
  color:var(--lt-text) !important;
  border:1px solid #d7dfeb !important;
  border-radius:10px !important;
}
html.theme-light input[type="range"]{ accent-color:var(--lt-accent) !important; }
html.theme-light input[type="checkbox"], html.theme-light input[type="radio"]{ accent-color:var(--lt-accent) !important; }

/* Dropzone / dashed */
html.theme-light [class*="drop"], html.theme-light [class*="drag"],
html.theme-light .dashed, html.theme-light .dropzone{
  background:#fff !important;
  border-color:#d9e1ec !important;
  color:#6b7280 !important;
}

/* Modal */
html.theme-light .modal .panel{
  background:#fff !important; border:1px solid #d7dfeb !important; color:var(--lt-text) !important;
}

/* Footer minimal */
html.theme-light footer.site-footer{ background:transparent !important; border-top:1px solid var(--lt-border) !important; border-radius:0 !important; }

/* Floating theme button */
#btnTheme.theme-fab{ position:fixed !important; top:14px; right:14px; z-index:1200; box-shadow:0 6px 18px rgba(0,0,0,.12);}


/* Quick guide cards */
html.theme-light .ggrid .gcard{
  background: var(--lt-panel) !important;
  color: var(--lt-text) !important;
  border: 1px solid var(--lt-border) !important;
  border-radius: 12px !important;
}

/* Ghost buttons inside cards */
html.theme-light .ggrid .gcard .row .ghost,
html.theme-light .ghost{
  background: var(--lt-chip) !important;
  color:#0b1220 !important;
  border:1px solid var(--lt-chip-border) !important;
  border-radius:10px !important;
}
html.theme-light .ggrid .gcard .row .ghost:hover,
html.theme-light .ghost:hover{ background: var(--lt-chip-hover) !important; }

/* Ensure the wrapper panel for guide becomes light as well */
html.theme-light .panel.full.guide{
  background: var(--lt-panel) !important;
  border: 1px solid var(--lt-border) !important;
}


/* Guide wrapper (details/summary) */
html.theme-light .panel.full.guide{ background:var(--lt-panel) !important; border:1px solid var(--lt-border) !important; }
html.theme-light .panel.full.guide > details{ background:var(--lt-panel) !important; border-radius:12px !important; }
html.theme-light .panel.full.guide > details > summary{
  background:var(--lt-panel) !important;
  color:var(--lt-text) !important;
  border-bottom:1px solid var(--lt-border) !important;
  border-radius:12px 12px 0 0 !important;
}

/* Grid container inside guide */
html.theme-light .panel.full.guide .ggrid{
  background:var(--lt-panel) !important;
  color:var(--lt-text) !important;
  border-top:0 !important;
  border-radius:0 0 12px 12px !important;
}


/* Unify guide outer border in light theme */
html.theme-light .panel.full.guide{
  border: 1px solid var(--lt-border) !important;
  box-shadow: none !important;
  outline: none !important;
}
html.theme-light .panel.full.guide > details{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 12px !important;
}
html.theme-light .panel.full.guide > details > summary{
  border: 0 !important;
  border-bottom: 1px solid var(--lt-border) !important;
  outline: none !important;
}
html.theme-light .panel.full.guide .ggrid{
  border: 0 !important;
  outline: none !important;
}