/* =============================================================
   AVANZA Life OS 7.0 — Visual System Rebuild
   Purpose: true white light mode, premium dark mode, consistent
   spacing/type, centered iconography, reliable overlays, and
   theme tokens that actually propagate through every module.
   ============================================================= */

:root{
  --v7-page-pad:24px;
  --v7-section-gap:16px;
  --v7-control-h:42px;
  --v7-control-h-sm:36px;
  --v7-card-shadow-dark:0 16px 44px rgba(0,0,0,.24);
  --v7-card-shadow-light:0 10px 30px rgba(31,48,78,.065);
  --v7-float-shadow:0 16px 38px rgba(26,35,70,.18);
  --v7-light-canvas:#f8fafc;
  --v7-light-card:#ffffff;
  --v7-light-card-soft:#fbfcfe;
  --v7-light-line:#e6ebf2;
  --v7-light-line-strong:#d7dfeb;
}

/* ---------- FOUNDATION / CONSISTENCY ---------- */
html,body{min-height:100%;}
body{overflow-x:hidden;}
.content{padding:var(--v7-page-pad)!important;max-width:var(--content-max-width)!important;}
.page-head{margin-bottom:18px!important;gap:16px!important;align-items:center!important;}
.page-head h1{font-size:clamp(2rem,2.25vw,2.65rem)!important;line-height:1.04!important;letter-spacing:-.045em!important;}
.page-head p{max-width:820px!important;}
.panel,.glass-card,.settings-section,.stat-card,.project-card,.finance-card,.risk-card,.routine-card,.modal-card{border-radius:var(--card-radius)!important;}
.btn,.input,.select,.textarea,.icon-btn,.tiny-btn,.close-btn,.top-action,.page-guide-btn{min-height:var(--v7-control-h-sm);}
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:750!important;line-height:1.1!important;}
.icon-btn,.tiny-btn,.close-btn,.top-action,.page-guide-btn,.sidebar-collapse{display:inline-grid!important;place-items:center!important;line-height:1!important;}
.icon-btn i,.tiny-btn i,.close-btn i,.top-action i,.page-guide-btn i,.sidebar-collapse i,.btn i{line-height:1!important;display:block!important;}
.btn-primary,.btn-gradient{background:linear-gradient(var(--gradient-angle),color-mix(in srgb,var(--primary) calc(var(--button-opacity) * 100%),transparent),color-mix(in srgb,var(--secondary) calc(var(--button-opacity) * 100%),transparent))!important;color:var(--button-text)!important;border:0!important;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 18%,transparent)!important;}
.btn-primary:hover,.btn-gradient:hover{transform:translateY(-1px);filter:saturate(1.08) brightness(1.02);}

/* ---------- TRUE LIGHT MODE ---------- */
html[data-theme="light"]{
  color-scheme:light;
  --ink:var(--light-text)!important;
  --ink-2:color-mix(in srgb,var(--light-text) 82%,var(--light-muted))!important;
  --ink-3:var(--light-muted)!important;
  --muted:var(--light-muted)!important;
  --muted-2:color-mix(in srgb,var(--light-muted) 78%,#fff)!important;
  --line:var(--light-border)!important;
  --line-strong:color-mix(in srgb,var(--light-border) 72%,var(--light-text))!important;
  --surface-page:var(--light-page)!important;
  --surface-panel:var(--light-surface)!important;
  --surface-panel-strong:var(--light-surface)!important;
  --surface-input:var(--light-input)!important;
  --surface-neutral:var(--light-neutral)!important;
  --surface-topbar:var(--light-topbar)!important;
  --surface-sidebar:var(--light-sidebar)!important;
  background:var(--light-page)!important;
}
html[data-theme="light"] body{background:var(--light-page)!important;color:var(--light-text)!important;}
html[data-theme="light"] body:before{background:var(--light-page)!important;opacity:1!important;filter:none!important;}
html[data-theme="light"] .app-shell::before{opacity:var(--light-wallpaper-opacity,.00)!important;filter:saturate(.7) brightness(1.12)!important;}
html[data-theme="light"] .app-shell::after{background:color-mix(in srgb,var(--light-page) 98%,transparent)!important;}
html[data-theme="light"] .main,html[data-theme="light"] .content{background:transparent!important;color:var(--light-text)!important;}
html[data-theme="light"] .panel,
html[data-theme="light"] .glass-card,
html[data-theme="light"] .settings-section,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .life-pulse-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .finance-card,
html[data-theme="light"] .risk-card,
html[data-theme="light"] .routine-card,
html[data-theme="light"] .calendar-workspace,
html[data-theme="light"] .notes-folders,
html[data-theme="light"] .notes-list-pane,
html[data-theme="light"] .note-editor-pane,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .settings-nav{
  background:color-mix(in srgb,var(--light-surface) calc(var(--light-card-alpha) * 100%),#fff)!important;
  border:1px solid var(--v7-light-line)!important;
  box-shadow:var(--v7-card-shadow-light)!important;
  backdrop-filter:blur(calc(var(--glass-blur) * .55)) saturate(1.02)!important;
  -webkit-backdrop-filter:blur(calc(var(--glass-blur) * .55)) saturate(1.02)!important;
}
html[data-theme="light"] .topbar{
  background:color-mix(in srgb,var(--light-topbar) 97%,transparent)!important;
  border-bottom-color:var(--v7-light-line)!important;
  box-shadow:0 6px 22px rgba(37,53,79,.045)!important;
}
html[data-theme="light"] .global-search,
html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] .textarea,
html[data-theme="light"] .note-title-input,
html[data-theme="light"] .notes-search,
html[data-theme="light"] .search-big{
  background:var(--light-input)!important;
  color:var(--light-text)!important;
  border-color:var(--v7-light-line-strong)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9),inset 0 1px 2px rgba(36,50,76,.02)!important;
}
html[data-theme="light"] .global-search:hover,
html[data-theme="light"] .input:focus,
html[data-theme="light"] .select:focus,
html[data-theme="light"] .textarea:focus{border-color:color-mix(in srgb,var(--primary) 45%,var(--v7-light-line-strong))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)!important;}
html[data-theme="light"] .btn-ghost,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .tiny-btn,
html[data-theme="light"] .close-btn,
html[data-theme="light"] .top-action:not(.btn-gradient),
html[data-theme="light"] .page-guide-btn,
html[data-theme="light"] .calendar-pref-btn,
html[data-theme="light"] .focus-time-btn,
html[data-theme="light"] .sidebar-collapse{
  background:var(--light-neutral)!important;
  color:var(--light-text)!important;
  border:1px solid var(--v7-light-line-strong)!important;
  box-shadow:0 4px 12px rgba(31,48,78,.045)!important;
}
html[data-theme="light"] .btn-ghost:hover,
html[data-theme="light"] .icon-btn:hover,
html[data-theme="light"] .tiny-btn:hover,
html[data-theme="light"] .close-btn:hover,
html[data-theme="light"] .top-action:not(.btn-gradient):hover{
  background:color-mix(in srgb,var(--primary) 7%,#fff)!important;
  color:var(--primary)!important;
  border-color:color-mix(in srgb,var(--primary) 30%,var(--v7-light-line-strong))!important;
}
html[data-theme="light"] .dropdown,
html[data-theme="light"] .help-popover,
html[data-theme="light"] .calendar-context,
html[data-theme="light"] .notification-drawer,
html[data-theme="light"] .page-guide-drawer{
  background:#fff!important;color:var(--light-text)!important;border-color:var(--v7-light-line-strong)!important;box-shadow:0 22px 60px rgba(36,50,76,.16)!important;
}
html[data-theme="light"] .dropdown a,html[data-theme="light"] .dropdown button,html[data-theme="light"] .calendar-context button{color:var(--light-text)!important;}
html[data-theme="light"] .dropdown a:hover,html[data-theme="light"] .dropdown button:hover,html[data-theme="light"] .calendar-context button:hover{background:color-mix(in srgb,var(--primary) 6%,#fff)!important;}
html[data-theme="light"] .table-wrap,html[data-theme="light"] .responsive-table{background:#fff!important;border-color:var(--v7-light-line)!important;}
html[data-theme="light"] .table th{color:var(--light-muted)!important;background:#fafbfd!important;}
html[data-theme="light"] .table td{color:var(--light-text)!important;border-color:var(--v7-light-line)!important;}
html[data-theme="light"] .table tr:hover td{background:#fbfcff!important;}
html[data-theme="light"] .eyebrow{color:color-mix(in srgb,var(--primary) 72%,var(--light-muted))!important;}
html[data-theme="light"] .muted,html[data-theme="light"] .subtle,html[data-theme="light"] small{color:var(--light-muted)!important;}

/* Default light sidebar is actually light; optional dark mode remains available. */
html[data-theme="light"][data-light-sidebar="light"] .sidebar{
  background:#fff!important;border-right:1px solid var(--v7-light-line)!important;box-shadow:8px 0 26px rgba(30,47,75,.05)!important;
}
html[data-theme="light"][data-light-sidebar="light"] .sidebar-bg{opacity:.035!important;filter:grayscale(.4) saturate(.5)!important;}
html[data-theme="light"][data-light-sidebar="light"] .sidebar-shade{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,251,255,.96))!important;backdrop-filter:none!important;}
html[data-theme="light"][data-light-sidebar="light"] .brand img{filter:none!important;}
html[data-theme="light"][data-light-sidebar="light"] .nav-item,
html[data-theme="light"][data-light-sidebar="light"] .nav-parent{color:#5f6f89!important;}
html[data-theme="light"][data-light-sidebar="light"] .nav-item:hover,
html[data-theme="light"][data-light-sidebar="light"] .nav-parent:hover{background:#f5f7fb!important;color:#1f2d44!important;}
html[data-theme="light"][data-light-sidebar="light"] .nav-item.active,
html[data-theme="light"][data-light-sidebar="light"] .nav-parent.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 12%,#fff),color-mix(in srgb,var(--secondary) 7%,#fff))!important;color:var(--primary)!important;box-shadow:inset 3px 0 var(--primary)!important;}
html[data-theme="light"][data-light-sidebar="light"] .sidebar-quote{color:#7787a1!important;text-shadow:none!important;}
html[data-theme="light"][data-light-sidebar="light"] .sidebar-quote strong{color:#34445f!important;}
html[data-theme="light"][data-light-sidebar="light"] .sidebar-footer .icon-btn{background:#fff!important;color:#30405b!important;border-color:var(--v7-light-line-strong)!important;}

/* ---------- PREMIUM DARK MODE ---------- */
html[data-theme="dark"] body{background:var(--dark-page)!important;color:var(--dark-text)!important;}
html[data-theme="dark"] .panel,html[data-theme="dark"] .glass-card,html[data-theme="dark"] .settings-section,html[data-theme="dark"] .modal-card{
  border-color:color-mix(in srgb,var(--dark-border) 48%,transparent)!important;
  box-shadow:var(--v7-card-shadow-dark)!important;
}
html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .tiny-btn,html[data-theme="dark"] .close-btn{color:var(--dark-text)!important;}

/* ---------- DASHBOARD / CARDS ---------- */
.life-pulse-grid{gap:12px!important;}
.life-pulse-card{min-height:112px!important;padding:16px!important;position:relative!important;overflow:hidden!important;}
.life-pulse-card:after{content:"";position:absolute;right:-28px;bottom:-38px;width:110px;height:110px;border-radius:50%;background:var(--pulse-color,var(--primary));filter:blur(42px);opacity:.22;pointer-events:none;}
.life-pulse-label{display:flex!important;align-items:center!important;gap:7px!important;font-weight:700!important;min-height:20px!important;}
.life-pulse-value{font-size:clamp(1.7rem,2vw,2.2rem)!important;line-height:1!important;margin-top:7px!important;letter-spacing:-.045em!important;}
.life-pulse-foot{margin-top:auto!important;line-height:1.35!important;}
.project-card{overflow:hidden!important;position:relative!important;}
.project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--project-color,var(--primary));opacity:.9;}

/* ---------- KANBAN ---------- */
.kanban-board,.kanban-scroll{scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--primary) 45%,var(--line)) transparent!important;overscroll-behavior-x:contain!important;}
.kanban-board::-webkit-scrollbar,.kanban-scroll::-webkit-scrollbar{height:8px!important;}
.kanban-board::-webkit-scrollbar-thumb,.kanban-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 42%,var(--line))!important;border-radius:99px!important;}
.kanban-column{min-width:286px!important;}
.kanban-column-head,.column-head{min-height:44px!important;display:flex!important;align-items:center!important;}
.kanban-column-head>* ,.column-head>*{align-self:center!important;}
.task-card .avatar-img,.task-card .task-avatar{align-self:center!important;}
html[data-theme="light"] .kanban-column{background:#f7f9fc!important;border:1px solid var(--v7-light-line)!important;box-shadow:none!important;}
html[data-theme="light"] .task-card{background:#fff!important;border:1px solid var(--v7-light-line)!important;box-shadow:0 5px 14px rgba(32,48,76,.045)!important;}
html[data-theme="light"] .task-card:hover{border-color:color-mix(in srgb,var(--primary) 25%,var(--v7-light-line))!important;box-shadow:0 10px 24px rgba(32,48,76,.075)!important;}

/* ---------- CALENDAR ---------- */
.calendar-page .calendar-layout,.calendar-shell{gap:14px!important;}
.calendar-page .calendar-sidebar{min-width:280px!important;}
.fc{--fc-border-color:var(--line)!important;--fc-page-bg-color:transparent!important;--fc-neutral-bg-color:color-mix(in srgb,var(--surface-input) 92%,transparent)!important;--fc-today-bg-color:color-mix(in srgb,var(--primary) 7%,transparent)!important;}
.fc .fc-button{border-radius:10px!important;min-height:36px!important;font-weight:700!important;}
.fc .fc-event{border-radius:7px!important;padding:3px 5px!important;font-weight:700!important;}
html[data-theme="light"] .fc{--fc-border-color:#e7ebf2!important;--fc-page-bg-color:#fff!important;--fc-neutral-bg-color:#fafbfd!important;--fc-today-bg-color:color-mix(in srgb,var(--primary) 5%,#fff)!important;color:#24324a!important;}
html[data-theme="light"] .fc .fc-scrollgrid,html[data-theme="light"] .fc-theme-standard td,html[data-theme="light"] .fc-theme-standard th{border-color:#e7ebf2!important;background:#fff!important;}
html[data-theme="light"] .fc .fc-timegrid-slot{background:#fff!important;}
html[data-theme="light"] .fc .fc-col-header-cell{background:#fafbfd!important;color:#687a95!important;}
html[data-theme="light"] .fc .fc-button{background:#fff!important;color:#263650!important;border-color:#dfe5ee!important;box-shadow:0 2px 8px rgba(32,48,76,.04)!important;}
html[data-theme="light"] .fc .fc-button-primary:not(:disabled).fc-button-active,html[data-theme="light"] .fc .fc-button-primary:not(:disabled):active{background:linear-gradient(var(--gradient-angle),var(--primary),var(--secondary))!important;color:#fff!important;border-color:transparent!important;}
.calendar-context{z-index:6000!important;}

/* ---------- FOCUS / FLOATING TOOLS ---------- */
.focus-overlay{z-index:5000!important;}
.focus-card{position:relative!important;padding-top:34px!important;}
.focus-close{
  position:absolute!important;top:16px!important;right:16px!important;left:auto!important;
  width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;
  color:var(--ink-3)!important;background:var(--surface-neutral)!important;border:1px solid var(--line)!important;cursor:pointer!important;z-index:4!important;
}
.focus-close:hover{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 30%,var(--line))!important;background:color-mix(in srgb,var(--danger) 7%,var(--surface-neutral))!important;}
.focus-topline{padding-right:42px!important;}
.focus-fab,.accessibility-fab{position:fixed!important;right:max(18px,env(safe-area-inset-right))!important;z-index:1500!important;}
.focus-fab{bottom:max(18px,env(safe-area-inset-bottom))!important;}
.accessibility-fab{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 58px)!important;}
.accessibility-panel{position:fixed!important;right:max(18px,env(safe-area-inset-right))!important;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 112px)!important;z-index:1600!important;max-height:min(640px,calc(100vh - 150px))!important;overflow:auto!important;}

/* ---------- MODALS / POPUPS ---------- */
.modal-card{position:relative!important;}
.modal-head{padding-right:48px!important;}
.modal-head>.close-btn,.modal-card>.close-btn{position:absolute!important;top:16px!important;right:16px!important;left:auto!important;z-index:5!important;}

/* ---------- THEME STUDIO ---------- */
.theme-preset-bar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:10px!important;width:100%!important;margin-top:12px!important;}
.preset-chip{position:relative!important;min-height:74px!important;padding:12px!important;border-radius:14px!important;border:1px solid var(--line)!important;background:var(--surface-input)!important;color:var(--ink)!important;text-align:left!important;display:grid!important;gap:7px!important;cursor:pointer!important;overflow:hidden!important;}
.preset-chip:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--preset-a,var(--primary)),var(--preset-b,var(--secondary)),var(--preset-c,var(--accent)));}
.preset-chip:hover,.preset-chip.active{border-color:color-mix(in srgb,var(--preset-a,var(--primary)) 45%,var(--line))!important;box-shadow:0 8px 22px color-mix(in srgb,var(--preset-a,var(--primary)) 10%,transparent)!important;transform:translateY(-1px);}
.preset-chip .preset-title{font-weight:800!important;font-size:var(--fs-sm)!important;}
.preset-chip .preset-swatches{display:flex!important;gap:5px!important;}
.preset-chip .preset-swatches i{width:18px;height:18px;border-radius:6px;display:block;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(20,35,60,.08);}
.theme-color-set{background:var(--surface-input)!important;}
.color-control{transition:.15s ease;}
.color-control:hover{border-color:color-mix(in srgb,var(--primary) 24%,var(--line))!important;}
.color-control input[type="color"]{width:36px!important;height:36px!important;border-radius:10px!important;overflow:hidden!important;padding:0!important;border:1px solid var(--line)!important;background:transparent!important;}
html[data-theme="light"] .theme-studio-actions{background:rgba(255,255,255,.94)!important;border-color:var(--v7-light-line-strong)!important;box-shadow:0 12px 30px rgba(31,48,78,.10)!important;}

/* ---------- SETTINGS / PROFILE ---------- */
.profile-grid{align-items:start!important;}
.avatar-uploader img{box-shadow:0 8px 24px rgba(31,48,78,.12)!important;}
html[data-theme="light"] .settings-nav a{color:#65758f!important;}
html[data-theme="light"] .settings-nav a:hover,html[data-theme="light"] .settings-nav a.active{background:color-mix(in srgb,var(--primary) 7%,#fff)!important;color:var(--primary)!important;}

/* ---------- FINANCE ---------- */
html[data-theme="light"] .finance-account-card{background:#fff!important;border-color:color-mix(in srgb,var(--account-color,var(--primary)) 18%,var(--v7-light-line))!important;}
html[data-theme="light"] .budget-row,html[data-theme="light"] .finance-recurring-row{border-color:var(--v7-light-line)!important;}

/* ---------- SIDEBAR COLLAPSED ---------- */
.sidebar.collapsed .brand{padding:0!important;justify-content:center!important;}
.sidebar.collapsed .brand img.brand-mark,.sidebar.collapsed .brand .brand-mark{width:38px!important;height:38px!important;object-fit:contain!important;object-position:center!important;}
.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-parent{width:48px!important;height:44px!important;margin-inline:auto!important;padding:0!important;display:grid!important;place-items:center!important;}
.sidebar.collapsed .nav-item i,.sidebar.collapsed .nav-parent i{margin:0!important;min-width:0!important;font-size:20px!important;}
.sidebar.collapsed .nav-group{display:grid!important;justify-items:center!important;}
.sidebar.collapsed .sidebar-footer{align-items:center!important;justify-content:center!important;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
  :root{--v7-page-pad:18px;}
  .theme-preset-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .calendar-page .calendar-sidebar{min-width:0!important;}
}
@media (max-width:720px){
  :root{--v7-page-pad:14px;}
  .page-head{align-items:flex-start!important;}
  .page-head h1{font-size:2rem!important;}
  .theme-preset-bar{grid-template-columns:1fr!important;}
  .focus-card{padding:28px 18px 18px!important;}
  .focus-close{top:12px!important;right:12px!important;}
  .accessibility-panel{left:12px!important;right:12px!important;width:auto!important;}
}

/* Theme-aware branding: panoramic logo can be optimized separately for light mode. */
.brand-wide-light{display:none!important;}
html[data-theme="light"][data-light-sidebar="light"] .brand-wide-dark{display:none!important;}
html[data-theme="light"][data-light-sidebar="light"] .brand-wide-light{display:block!important;}
.sidebar.collapsed .brand-wide-dark,.sidebar.collapsed .brand-wide-light{display:none!important;}
.sidebar.collapsed .brand-mark{display:block!important;}

/* Stronger dark surfaces: glass stays translucent without looking washed-out. */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .glass-card,
html[data-theme="dark"] .settings-section,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .life-pulse-card,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .finance-card,
html[data-theme="dark"] .risk-card,
html[data-theme="dark"] .routine-card,
html[data-theme="dark"] .modal-card{
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--secondary) 6%,transparent),transparent 35%),
    radial-gradient(circle at 0 100%,color-mix(in srgb,var(--primary) 5%,transparent),transparent 38%),
    color-mix(in srgb,var(--dark-surface) calc(var(--dark-card-alpha) * 100%),#07101f)!important;
  border-color:color-mix(in srgb,var(--dark-border) 55%,transparent)!important;
}

/* Component-level light cleanup for legacy layers. */
html[data-theme="light"] .theme-option,
html[data-theme="light"] .visual-style-chip,
html[data-theme="light"] .layout-chip,
html[data-theme="light"] .font-option,
html[data-theme="light"] .process-choice,
html[data-theme="light"] .permission-group,
html[data-theme="light"] .perm-item,
html[data-theme="light"] .review-task,
html[data-theme="light"] .reminder-item,
html[data-theme="light"] .inbox-item,
html[data-theme="light"] .daily-focus-card,
html[data-theme="light"] .plan-item,
html[data-theme="light"] .role-card,
html[data-theme="light"] .sound-card,
html[data-theme="light"] .integration-setting-card,
html[data-theme="light"] .integration-note,
html[data-theme="light"] .settings-tip,
html[data-theme="light"] .finance-flow-note{
  background:#fff!important;
  color:var(--light-text)!important;
  border-color:var(--v7-light-line)!important;
}
html[data-theme="light"] .daily-focus-card{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,#fff),color-mix(in srgb,var(--secondary) 4%,#fff))!important;}
html[data-theme="light"] .empty-slot{background:#fbfcfe!important;border-color:#dfe5ee!important;color:#7b899e!important;}
html[data-theme="light"] .app-footer{background:#fff!important;border-top-color:var(--v7-light-line)!important;color:#7b899e!important;}
html[data-theme="light"] .user-chip{color:var(--light-text)!important;}
html[data-theme="light"] .user-chip:hover{background:#f6f8fb!important;}
html[data-theme="light"] .user-chip small{color:var(--light-muted)!important;}
html[data-theme="light"] .notif-dot{border-color:#fff!important;}
html[data-theme="light"] .mobile-bottom-nav{background:rgba(255,255,255,.96)!important;border-color:var(--v7-light-line)!important;}

/* Theme Studio preview follows the currently active theme instead of always looking dark. */
html[data-theme="light"] .theme-preview-shell{background:var(--light-page)!important;border-color:var(--v7-light-line-strong)!important;box-shadow:0 18px 50px rgba(31,48,78,.12)!important;}
html[data-theme="light"] .theme-preview-shell:before{opacity:var(--light-wallpaper-opacity,.0)!important;}
html[data-theme="light"] .theme-preview-sidebar{background:var(--light-sidebar)!important;border-right-color:var(--v7-light-line)!important;}
html[data-theme="light"] .theme-preview-sidebar>i{background:var(--light-neutral)!important;color:var(--light-muted)!important;}
html[data-theme="light"] .theme-preview-sidebar>i:first-of-type{background:linear-gradient(var(--gradient-angle),var(--primary),var(--secondary))!important;color:#fff!important;}
html[data-theme="light"] .theme-preview-top{background:var(--light-topbar)!important;border-bottom-color:var(--v7-light-line)!important;}
html[data-theme="light"] .theme-preview-top span{background:#eef2f7!important;}
html[data-theme="light"] .theme-preview-content{background:var(--light-page)!important;color:var(--light-text)!important;}
html[data-theme="light"] .theme-preview-hero small{color:var(--light-muted)!important;}
html[data-theme="light"] .preview-stats span,html[data-theme="light"] .preview-grid article{background:#fff!important;border-color:var(--v7-light-line)!important;box-shadow:0 5px 14px rgba(31,48,78,.05)!important;}
html[data-theme="light"] .preview-grid i{background:#f1f4f8!important;}

/* ---------- LOGIN 7.0: same theme engine, independent brightness ---------- */
.login-body{font-family:var(--ui-font,'Montserrat',sans-serif)!important;font-size:var(--base-font-size,14.5px)!important;min-height:100vh;}
.login-logo-light{display:none!important;}
html[data-theme="light"] .login-logo-dark{display:none!important;}
html[data-theme="light"] .login-logo-light{display:block!important;}
html[data-theme="dark"] .login-page{background:var(--dark-page)!important;box-shadow:0 0 0 100vmax var(--dark-page)!important;}
html[data-theme="dark"] .login-form-wrap{background:color-mix(in srgb,var(--dark-page) 94%,transparent)!important;color:var(--dark-text)!important;}
html[data-theme="dark"] .login-card{background:color-mix(in srgb,var(--dark-surface) 78%,transparent)!important;color:var(--dark-text)!important;border:1px solid color-mix(in srgb,var(--dark-border) 38%,transparent)!important;box-shadow:0 28px 80px rgba(0,0,0,.30)!important;}
html[data-theme="dark"] .login-card .input{background:var(--dark-input)!important;color:var(--dark-text)!important;border-color:color-mix(in srgb,var(--dark-border) 42%,transparent)!important;}
html[data-theme="dark"] .login-card p,html[data-theme="dark"] .login-card label,html[data-theme="dark"] .login-meta{color:var(--dark-muted)!important;}
html[data-theme="light"] .login-page{background:#fff!important;box-shadow:0 0 0 100vmax #fff!important;}
html[data-theme="light"] .login-visual{background-image:linear-gradient(rgba(255,255,255,var(--login-light-overlay,.94)),rgba(249,251,255,var(--login-light-overlay,.94))),var(--login-bg-image)!important;background-size:cover!important;background-position:var(--login-bg-position)!important;border:1px solid #edf1f6!important;box-shadow:0 20px 70px rgba(35,51,78,.06)!important;}
html[data-theme="light"] .login-visual::before{background:linear-gradient(125deg,color-mix(in srgb,var(--primary) 4%,transparent),color-mix(in srgb,var(--secondary) 3%,transparent))!important;}
html[data-theme="light"] .login-form-wrap{background:#fff!important;color:var(--light-text)!important;}
html[data-theme="light"] .login-form-wrap::before{opacity:0!important;}
html[data-theme="light"] .login-card{background:#fff!important;color:var(--light-text)!important;border:1px solid var(--light-border)!important;box-shadow:0 28px 80px rgba(31,48,78,.10)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html[data-theme="light"] .login-card h2{color:var(--light-text)!important;}
html[data-theme="light"] .login-card p,html[data-theme="light"] .login-card label,html[data-theme="light"] .login-meta,html[data-theme="light"] .login-copy>p,html[data-theme="light"] .login-benefit small,html[data-theme="light"] .login-quote{color:var(--light-muted)!important;}
html[data-theme="light"] .login-copy h1,html[data-theme="light"] .login-benefit strong{color:var(--light-text)!important;}
html[data-theme="light"] .login-card .input{background:var(--light-input)!important;color:var(--light-text)!important;border:1px solid var(--light-border)!important;box-shadow:0 1px 2px rgba(31,48,78,.025)!important;}
html[data-theme="light"] .password-toggle{color:var(--light-muted)!important;}
html[data-theme="light"] .login-benefit i{background:color-mix(in srgb,var(--primary) 9%,#fff)!important;color:var(--primary)!important;border:1px solid color-mix(in srgb,var(--primary) 14%,#fff)!important;}
html[data-theme="light"] .kicker{color:color-mix(in srgb,var(--primary) 72%,var(--light-muted))!important;}
@media(max-width:980px){html[data-theme="light"] .login-form-wrap{background-image:linear-gradient(rgba(255,255,255,.94),rgba(248,250,253,.96)),var(--login-bg-image)!important;background-size:cover!important;background-position:var(--login-bg-position)!important;}}