/* ==========================================================================
   Light Theme: Pure White Background Studio Aesthetics
   High contrast, crisp typography, refined glassmorphic surfaces & borders
   ========================================================================== */

html[data-theme="light"] {
  color-scheme: light;
}

[data-theme="light"] body {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

[data-theme="light"] body::before {
  background: 
    radial-gradient(circle at 12% 12%, rgba(99, 102, 241, 0.06) 0%, transparent 45%),
    radial-gradient(circle at 88% 15%, rgba(139, 92, 246, 0.05) 0%, transparent 40%),
    radial-gradient(circle at 50% 85%, rgba(6, 182, 212, 0.04) 0%, transparent 55%),
    #ffffff !important;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5 {
  color: #0f172a;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.18);
}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.35);
}

/* ==========================================================================
   Header & Shell Navigation in Light Mode
   ========================================================================== */

[data-theme="light"] header {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .hl h1 {
  color: #0f172a !important;
  border-left: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .pt-ico {
  background: rgba(99, 102, 241, 0.1) !important;
  color: #4f46e5 !important;
  border: 1px solid rgba(99, 102, 241, 0.25) !important;
  box-shadow: 0 0 10px rgba(99, 102, 241, 0.1) !important;
}

[data-theme="light"] #meChip {
  font-weight: 700;
  color: #1e293b !important;
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .sidebar {
  background: rgba(255, 255, 255, 0.98) !important;
  border-right: 1px solid #e2e8f0 !important;
  box-shadow: 4px 0 25px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .sidebar.expanded {
  box-shadow: 12px 0 35px rgba(0, 0, 0, 0.12), 0 0 25px rgba(99, 102, 241, 0.08) !important;
}

[data-theme="light"] .sidebar-top {
  border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .sidebar-bottom {
  border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .sidebar-toggle-btn {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

[data-theme="light"] .sidebar-toggle-btn:hover {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 0 10px rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] .sidebar-brand-text {
  color: #0f172a !important;
}

[data-theme="light"] .sidebar-btn {
  color: #475569 !important;
}

[data-theme="light"] .sidebar-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

[data-theme="light"] .sidebar-btn.active {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.14), rgba(139, 92, 246, 0.11)) !important;
  border: 1px solid #818cf8 !important;
  color: #4338ca !important;
  font-weight: 750;
  box-shadow: 0 0 14px rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] .sidebar-btn.logout-btn {
  color: #dc2626 !important;
}

[data-theme="light"] .sidebar-btn.logout-btn:hover {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border-color: #fca5a5 !important;
}

[data-theme="light"] .sidebar-backdrop {
  background: rgba(15, 23, 42, 0.35) !important;
}

/* ==========================================================================
   Form Controls, Inputs, Buttons
   ========================================================================== */

[data-theme="light"] input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),
[data-theme="light"] select,
[data-theme="light"] textarea {
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

[data-theme="light"] input:hover:not(:disabled):not([type=checkbox]):not([type=radio]),
[data-theme="light"] select:hover:not(:disabled),
[data-theme="light"] textarea:hover:not(:disabled) {
  border-color: #94a3b8 !important;
  background: #f8fafc !important;
}

[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus {
  border-color: #6366f1 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2), 0 0 12px rgba(99, 102, 241, 0.15) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: #94a3b8 !important;
}

[data-theme="light"] input:disabled,
[data-theme="light"] select:disabled,
[data-theme="light"] textarea:disabled {
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
  border-color: #e2e8f0 !important;
}

[data-theme="light"] select {
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center !important;
}

[data-theme="light"] input[type=file] {
  color: #475569 !important;
}

[data-theme="light"] input[type=file]::file-selector-button {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

[data-theme="light"] input[type=file]::file-selector-button:hover {
  background: #e2e8f0 !important;
  border-color: #6366f1 !important;
}

[data-theme="light"] .pw-toggle {
  color: #64748b !important;
}

[data-theme="light"] .pw-toggle:hover {
  color: #0f172a !important;
  background: #f1f5f9 !important;
}

[data-theme="light"] .btn {
  background: linear-gradient(135deg, #4f46e5, #6366f1) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35) !important;
}

[data-theme="light"] .btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #4338ca, #4f46e5) !important;
  box-shadow: 0 6px 20px rgba(79, 70, 229, 0.5) !important;
}

[data-theme="light"] .btn:disabled {
  background: #e2e8f0 !important;
  color: #94a3b8 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

[data-theme="light"] .btn.ghost,
[data-theme="light"] .modal .btn.ghost,
[data-theme="light"] #lpClose {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #94a3b8 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
  font-weight: 700 !important;
}

[data-theme="light"] .btn.ghost:hover:not(:disabled),
[data-theme="light"] .modal .btn.ghost:hover:not(:disabled),
[data-theme="light"] #lpClose:hover:not(:disabled) {
  background: #f1f5f9 !important;
  border-color: #475569 !important;
  color: #0f172a !important;
}

[data-theme="light"] .btn.danger {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  border: 1px solid #fca5a5 !important;
}

[data-theme="light"] .btn.danger:hover:not(:disabled) {
  background: #fecaca !important;
  border-color: #f87171 !important;
  color: #991b1b !important;
  box-shadow: 0 4px 12px rgba(244, 63, 94, 0.25) !important;
}

/* ==========================================================================
   Panels, Cards, Layout
   ========================================================================== */

[data-theme="light"] .panel {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .panel:hover {
  border-color: #cbd5e1 !important;
}

[data-theme="light"] .panel h2 {
  color: #0f172a !important;
}

[data-theme="light"] .panel-desc {
  color: #475569 !important;
}

[data-theme="light"] .field label {
  color: #334155 !important;
}

[data-theme="light"] .checks label {
  color: #1e293b !important;
}

[data-theme="light"] .muted {
  color: #64748b !important;
}

[data-theme="light"] a.hlink {
  color: #4f46e5 !important;
}
[data-theme="light"] a.hlink:hover {
  color: #3730a3 !important;
}

/* ==========================================================================
   Tables
   ========================================================================== */

[data-theme="light"] .table-wrap {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] th {
  color: #1e293b !important;
  background: #f1f5f9 !important;
  border-bottom: 2px solid #cbd5e1 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.03em !important;
}

[data-theme="light"] td {
  color: #0f172a !important;
  border-bottom: 1px solid #f1f5f9 !important;
  font-weight: 600 !important;
}

[data-theme="light"] td b {
  color: #0f172a !important;
  font-weight: 750 !important;
}

[data-theme="light"] tbody tr:hover {
  background: #f8fafc !important;
}

[data-theme="light"] .err-cell {
  color: #e11d48 !important;
}

/* ==========================================================================
   Tabs & Status Pills
   ========================================================================== */

[data-theme="light"] .htabs {
  background: #e2e8f0 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .htab {
  color: #334155 !important;
  font-weight: 700 !important;
  background: transparent !important;
}

[data-theme="light"] .htab:hover:not(.active):not(:disabled) {
  color: #0f172a !important;
  background: #cbd5e1 !important;
}

[data-theme="light"] .htab.active {
  background: linear-gradient(135deg, #4f46e5, #6366f1) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35) !important;
}

[data-theme="light"] .ctabs .ctab,
[data-theme="light"] .ctab {
  border: 1.5px solid #cbd5e1 !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-weight: 650 !important;
}

[data-theme="light"] .ctabs .ctab:hover:not(.active),
[data-theme="light"] .ctab:hover:not(.active) {
  border-color: #94a3b8 !important;
  color: #0f172a !important;
  background: #f1f5f9 !important;
}

[data-theme="light"] .ctabs .ctab.active,
[data-theme="light"] .ctab.active {
  background: linear-gradient(135deg, #4f46e5, #6366f1) !important;
  color: #ffffff !important;
  border-color: #4338ca !important;
  font-weight: 750 !important;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35) !important;
}

[data-theme="light"] .ctab.active .ctab-n {
  background: rgba(255, 255, 255, 0.32) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

[data-theme="light"] .ctab:not(.active) .ctab-n {
  background: #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

[data-theme="light"] .pill.pending {
  background: #fef3c7 !important;
  color: #b45309 !important;
  border-color: #fde68a !important;
}

[data-theme="light"] .pill.posted,
[data-theme="light"] .pill.success {
  background: #d1fae5 !important;
  color: #047857 !important;
  border-color: #a7f3d0 !important;
}

[data-theme="light"] .pill.partial {
  background: #ffedd5 !important;
  color: #c2410c !important;
  border-color: #fed7aa !important;
}

[data-theme="light"] .pill.failed {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  border-color: #fca5a5 !important;
}

[data-theme="light"] .pill.processing {
  background: #e0f2fe !important;
  color: #0369a1 !important;
  border-color: #bae6fd !important;
}

[data-theme="light"] .pill.cancelled,
[data-theme="light"] .pill.draft {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .badge-off {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: 1px solid #cbd5e1 !important;
}

/* ==========================================================================
   Modals & Toasts
   ========================================================================== */

[data-theme="light"] .modal {
  background: rgba(15, 23, 42, 0.45) !important;
}

[data-theme="light"] .modal-in {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.2), 0 0 30px rgba(99, 102, 241, 0.1) !important;
}

[data-theme="light"] .modal-in h2,
[data-theme="light"] .modal-in h3 {
  color: #0f172a !important;
}

[data-theme="light"] .toast {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #818cf8 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12), 0 0 20px rgba(99, 102, 241, 0.15) !important;
}

/* ==========================================================================
   Handles Page
   ========================================================================== */

[data-theme="light"] .hp-head h2 {
  color: #0f172a !important;
  font-weight: 800 !important;
}

[data-theme="light"] .hp-head p {
  color: #334155 !important;
  font-weight: 600 !important;
}

[data-theme="light"] .hcard {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .hcard:hover {
  border-color: #94a3b8 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1), 0 0 16px rgba(79, 70, 229, 0.15) !important;
}

[data-theme="light"] .hc-name {
  color: #0f172a !important;
  font-weight: 800 !important;
}

[data-theme="light"] .hc-desc {
  color: #334155 !important;
  font-weight: 500 !important;
}

[data-theme="light"] .hc-sub,
[data-theme="light"] .hc-meta {
  color: #334155 !important;
  font-weight: 600 !important;
}

[data-theme="light"] .hst {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
  font-weight: 750 !important;
}

[data-theme="light"] .hst.on {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
  color: #065f46 !important;
}

[data-theme="light"] .hplat {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #1e293b !important;
}

[data-theme="light"] .hplat svg {
  stroke: #1e293b !important;
}

[data-theme="light"] .hplat:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
}

[data-theme="light"] .hplat .dot {
  border-color: #ffffff !important;
}

[data-theme="light"] .hplat .n {
  background: #4f46e5 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

[data-theme="light"] .hsum {
  color: #334155 !important;
  font-weight: 600 !important;
}

[data-theme="light"] .hnone {
  background: #f8fafc !important;
  border: 1.5px dashed #cbd5e1 !important;
  color: #475569 !important;
}

[data-theme="light"] .hlinkbtn {
  color: #4f46e5 !important;
  font-weight: 750 !important;
}

[data-theme="light"] .hstats .hstat {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

[data-theme="light"] .hstats .hstat b {
  color: #4338ca !important;
  font-weight: 800 !important;
}

[data-theme="light"] .hstats .hstat:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
}

[data-theme="light"] .hfoot {
  border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .hcard .btn.ghost {
  background: #ffffff !important;
  border: 1.5px solid #94a3b8 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

[data-theme="light"] .hcard .btn.ghost:hover {
  background: #f1f5f9 !important;
  border-color: #475569 !important;
  color: #0f172a !important;
}

[data-theme="light"] .hmenu {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .hmenu button {
  color: #0f172a !important;
  font-weight: 600 !important;
}

[data-theme="light"] .hmenu button:hover {
  background: #f1f5f9 !important;
  color: #4338ca !important;
}

[data-theme="light"] .hrow {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .hrow-name {
  color: #0f172a !important;
}

[data-theme="light"] .hrow-sub {
  color: #475569 !important;
}

[data-theme="light"] .pchip {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
}

[data-theme="light"] .pchip-txt {
  color: #1e293b !important;
}

/* ==========================================================================
   Posts Page
   ========================================================================== */

[data-theme="light"] .posts-view .phead h2,
[data-theme="light"] .posts-view .ctitle,
[data-theme="light"] .posts-view .cdaytitle {
  color: #0f172a !important;
}

[data-theme="light"] .posts-view .sempty {
  color: #64748b !important;
}

[data-theme="light"] .q-group {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .q-gh {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

[data-theme="light"] .q-gh:hover {
  background: #f1f5f9 !important;
}

[data-theme="light"] .q-gh h3 {
  color: #0f172a !important;
}

[data-theme="light"] .q-chev {
  color: #6366f1 !important;
}

[data-theme="light"] .q-plat {
  border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .sgroup h3,
[data-theme="light"] .splat h4 {
  color: #0f172a !important;
}

[data-theme="light"] .sacct {
  color: #475569 !important;
}

[data-theme="light"] .sitem {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .sitem:hover {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}

[data-theme="light"] .sitem .sinfo {
  color: #0f172a !important;
}

[data-theme="light"] .sthumb {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .sthumb.none {
  color: #64748b !important;
}

/* ==========================================================================
   New Post Page
   ========================================================================== */

[data-theme="light"] .np .tagbtn {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

[data-theme="light"] .np .tagbtn:hover {
  background: #e2e8f0 !important;
  border-color: #818cf8 !important;
  color: #0f172a !important;
}

[data-theme="light"] .np .cap-tags-l {
  color: #4338ca !important;
}

[data-theme="light"] #targetPreview {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .np .pv-head {
  color: #4338ca !important;
  font-weight: 800 !important;
}

[data-theme="light"] .np .pv-head b {
  color: #1e1b4b !important;
  font-weight: 800 !important;
}

[data-theme="light"] .np .pv-list li {
  color: #0f172a !important;
  font-weight: 600 !important;
}

[data-theme="light"] .np .pv-list li b {
  color: #0f172a !important;
  font-weight: 750 !important;
}

[data-theme="light"] .np .pv-list li .muted {
  color: #475569 !important;
  font-weight: 500 !important;
}

/* ==========================================================================
   Calendar View
   ========================================================================== */

[data-theme="light"] .cal .dow {
  color: #4338ca !important;
}

[data-theme="light"] .cday {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}

[data-theme="light"] .cday:hover {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}

[data-theme="light"] .cday.other {
  background: #f8fafc !important;
  opacity: 0.6 !important;
}

[data-theme="light"] .cnum {
  color: #0f172a !important;
}

/* ==========================================================================
   Analytics Dashboard
   ========================================================================== */

[data-theme="light"] .an-head h2 {
  color: #0f172a !important;
}

[data-theme="light"] .an-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
  color: #475569 !important;
}

[data-theme="light"] .an-card:hover {
  border-color: #cbd5e1 !important;
}

[data-theme="light"] .an-card b {
  color: #0f172a !important;
  text-shadow: none !important;
}

[data-theme="light"] .an-note {
  color: #64748b !important;
}

[data-theme="light"] .an-bar {
  background: linear-gradient(180deg, #818cf8 0%, #4f46e5 100%) !important;
  opacity: 0.9 !important;
  border-radius: 6px 6px 0 0 !important;
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.25) !important;
}

[data-theme="light"] .an-bar:hover,
[data-theme="light"] .an-bar.act {
  background: linear-gradient(180deg, #6366f1 0%, #3730a3 100%) !important;
  opacity: 1 !important;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.45) !important;
}

[data-theme="light"] .an-range {
  color: #475569 !important;
  font-weight: 600 !important;
}

[data-theme="light"] .an-actions .btn.ghost {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #94a3b8 !important;
  font-weight: 750 !important;
}

[data-theme="light"] .drafts-empty-title {
  color: #0f172a !important;
}

[data-theme="light"] .drafts-empty-sub {
  color: #475569 !important;
}

[data-theme="light"] .drafts-empty-sub b {
  color: #0f172a !important;
}

/* ==========================================================================
   Media / Library
   ========================================================================== */

[data-theme="light"] .mcard {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .mcard.pick:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mthumb {
  background: #f1f5f9 !important;
}

[data-theme="light"] .minfo {
  color: #64748b !important;
}

[data-theme="light"] .mname {
  color: #0f172a !important;
}

/* ==========================================================================
   Page Guide & Documentation
   ========================================================================== */

[data-theme="light"] .guide {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-left: 4px solid #6366f1 !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .guide-head h2 {
  color: #0f172a !important;
}

[data-theme="light"] .guide-tag {
  background: #e0e7ff !important;
  color: #4338ca !important;
  border: 1px solid #c7d2fe !important;
}

[data-theme="light"] .guide-intro,
[data-theme="light"] .guide-steps {
  color: #334155 !important;
}

[data-theme="light"] .guide-steps b {
  color: #0f172a !important;
}

[data-theme="light"] .guide-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .guide-box h3 {
  color: #0f172a !important;
}

/* ==========================================================================
   Home Page (`/`) Dashboard in Light Mode
   ========================================================================== */

[data-theme="light"] .brand {
  color: #0f172a !important;
}

[data-theme="light"] .out {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .out:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

[data-theme="light"] .menu {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .menu button {
  color: #0f172a !important;
}

[data-theme="light"] .menu button:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

[data-theme="light"] .menu .mi {
  background: #f1f5f9 !important;
  color: #4338ca !important;
}

[data-theme="light"] .menu .mi svg {
  stroke: #4338ca !important;
}

[data-theme="light"] .menu button:hover .mi {
  background: #6366f1 !important;
  color: #ffffff !important;
}

[data-theme="light"] .menu button:hover .mi svg {
  stroke: #ffffff !important;
}

[data-theme="light"] .hero h1 {
  color: #0f172a !important;
}

[data-theme="light"] .hero p {
  color: #475569 !important;
}

[data-theme="light"] .sec h2 {
  color: #4338ca !important;
}

[data-theme="light"] a.card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
  color: #0f172a !important;
}

[data-theme="light"] a.card:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08), 0 0 15px rgba(99, 102, 241, 0.1) !important;
}

[data-theme="light"] .card h3 {
  color: #0f172a !important;
}

[data-theme="light"] .card p {
  color: #475569 !important;
}

[data-theme="light"] .ico {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #4338ca !important;
}

[data-theme="light"] .ico svg {
  stroke: #4338ca !important;
}

[data-theme="light"] a.card:hover .ico {
  background: #6366f1 !important;
  color: #ffffff !important;
}

[data-theme="light"] a.card:hover .ico svg {
  stroke: #ffffff !important;
}

[data-theme="light"] .start {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .start-head h2 {
  color: #0f172a !important;
}

[data-theme="light"] .start-head p {
  color: #475569 !important;
}

[data-theme="light"] .start-list li {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .start-t b {
  color: #0f172a !important;
}

[data-theme="light"] .start-t span {
  color: #475569 !important;
}

[data-theme="light"] .start-foot {
  color: #64748b !important;
}

/* ==========================================================================
   New Post Page Step Layout & Account Cards Refinements
   ========================================================================== */

[data-theme="light"] .np .np-title h2 {
  color: #0f172a !important;
}

[data-theme="light"] .np .np-title p {
  color: #475569 !important;
}

[data-theme="light"] .np .np-sec {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .np .np-sh h3 {
  color: #0f172a !important;
}

[data-theme="light"] .np .np-sh p {
  color: #475569 !important;
}

[data-theme="light"] .np .acc {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

[data-theme="light"] .np .acc:hover {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}

[data-theme="light"] .np .acc-txt b {
  color: #0f172a !important;
}

[data-theme="light"] .np .acc-txt span {
  color: #64748b !important;
}

[data-theme="light"] .np .acc:has(input.npAccount:checked) {
  border-color: #10b981 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.18) !important;
}

[data-theme="light"] .np .acc:has(input.npAccount:checked) .acc-txt b {
  color: #065f46 !important;
}

[data-theme="light"] .np .acc:has(input.npAccount:checked) .acc-txt span {
  color: #047857 !important;
}

[data-theme="light"] .np .np-when {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

[data-theme="light"] .np .np-when label,
[data-theme="light"] .np .np-when .inl,
[data-theme="light"] .inl {
  color: #0f172a !important;
}

[data-theme="light"] .muted,
[data-theme="light"] p.muted,
[data-theme="light"] span.muted {
  color: #475569 !important;
}

[data-theme="light"] .np .row.flush {
  background: #f8fafc !important;
  border: 1.5px dashed #818cf8 !important;
  box-shadow: none !important;
}

[data-theme="light"] .np .row.flush:hover {
  background: #f1f5f9 !important;
  border-color: #6366f1 !important;
}

[data-theme="light"] .np .row.flush input[type=file]::file-selector-button {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

[data-theme="light"] .np .row.flush input[type=file]::file-selector-button:hover {
  background: #f1f5f9 !important;
  border-color: #6366f1 !important;
}

[data-theme="light"] .np .row.flush #npLib {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #4338ca !important;
}

[data-theme="light"] .np .row.flush #npLib:hover {
  background: #f1f5f9 !important;
  border-color: #6366f1 !important;
}

/* ==========================================================================
   Posts Page Queued & Calendar Refinements
   ========================================================================== */

[data-theme="light"] .posts-view .q-ph h4 {
  color: #1e293b !important;
}

[data-theme="light"] .posts-view .q-empty {
  border: 1px dashed #cbd5e1 !important;
  color: #64748b !important;
  background: #f8fafc !important;
}

[data-theme="light"] .posts-view .q-acct {
  color: #475569 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .posts-view .q-plat .sitem {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3px solid #f59e0b !important;
  color: #0f172a !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .posts-view .q-plat .sitem:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

[data-theme="light"] .posts-view .q-gh .badge-off,
[data-theme="light"] .posts-view .q-gh span[class*="count"] {
  background: #e2e8f0 !important;
  color: #334155 !important;
}

/* ==========================================================================
   Guide Box & Troubleshooting Refinements
   ========================================================================== */

[data-theme="light"] .guide-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .guide-box h3 {
  color: #0f172a !important;
}

[data-theme="light"] .guide-box ul,
[data-theme="light"] .guide-fix ul {
  color: #334155 !important;
}

[data-theme="light"] .guide-box li,
[data-theme="light"] .guide-fix li {
  color: #334155 !important;
}

[data-theme="light"] .guide-fix summary {
  color: #4f46e5 !important;
}

[data-theme="light"] .guide-fix summary:hover {
  color: #3730a3 !important;
}

/* ==========================================================================
   History Table: Engagement Number Badges
   ========================================================================== */

[data-theme="light"] .posts-view .td-num b {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

[data-theme="light"] .posts-view .td-act .act-wrap {
  color: #0f172a !important;
}

[data-theme="light"] .posts-view .td-act .err-cell,
[data-theme="light"] .posts-view .act-wrap .err-cell {
  color: #dc2626 !important;
}