/* ============================================================================
   AVANZA Life OS 3.3 · Product UI system
   Final visual layer loaded after app.css + polish.css.
   Goal: Figma-grade rhythm, sane type scale, responsive liquid glass, no giant UI.
   ============================================================================ */
:root{
  --ui-font:14.5px;
  --ui-line:1.48;
  --ui-2xs:.64rem;
  --ui-xs:.70rem;
  --ui-sm:.77rem;
  --ui-md:.84rem;
  --ui-lg:.94rem;
  --ui-xl:1.08rem;
  --ui-2xl:1.28rem;
  --ui-3xl:1.72rem;
  --ui-4xl:2.08rem;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:30px;
  --card-edge:rgba(195,214,247,.14);
  --card-edge-hover:rgba(195,214,247,.22);
  --glass-highlight:rgba(255,255,255,.055);
  --glass-shadow:0 16px 42px rgba(0,0,0,.16),0 1px 0 rgba(255,255,255,.035) inset;
  --glass-shadow-hover:0 18px 48px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.055) inset;
  --focus-ring:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent);
  --control-h:40px;
}
html{font-size:calc(var(--base-font-size) * var(--user-font-scale))!important}
body{font-size:1rem!important;line-height:var(--ui-line)!important;letter-spacing:-.008em!important;background:
  radial-gradient(900px 520px at 85% -6%,color-mix(in srgb,var(--secondary) 8%,transparent),transparent 68%),
  radial-gradient(760px 520px at 10% 105%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 68%),
  var(--bg)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.08) .45px,transparent .45px);background-size:18px 18px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 75%)}
button,input,select,textarea{font-size:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white 10%)!important;outline-offset:2px!important}

/* -------- Shell -------- */
.sidebar{background:rgba(4,12,28,.90)!important;border-right:1px solid rgba(180,200,240,.10)!important;box-shadow:12px 0 40px rgba(0,0,0,.08)!important}
.sidebar-bg{opacity:.70!important;filter:saturate(1.08) contrast(1.03)!important}
.sidebar-shade{background:linear-gradient(180deg,rgba(4,12,29,.44) 0%,rgba(4,12,29,.80) 44%,rgba(3,9,22,.54) 100%)!important;-webkit-backdrop-filter:saturate(1.12);backdrop-filter:saturate(1.12)}
.sidebar-inner{padding:14px 12px 12px!important}
.brand{height:58px!important;padding:0 10px!important;margin:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.brand img{width:146px!important;max-height:34px!important;object-fit:contain!important;object-position:left center!important}
.nav{gap:2px!important}
.nav-section-label{font-size:.63rem!important;letter-spacing:.15em!important;color:#6f83a8!important;margin:13px 11px 5px!important}
.nav-item{height:42px!important;padding:0 12px!important;border-radius:11px!important;gap:10px!important;font-size:.90rem!important;font-weight:600!important;color:#9eafd0!important;position:relative!important}
.nav-item i{font-size:1.18rem!important;min-width:19px!important}
.nav-item:hover{background:rgba(255,255,255,.052)!important;color:#f8fbff!important;transform:translateX(1px)}
.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 42%,transparent),color-mix(in srgb,var(--secondary) 14%,transparent))!important;box-shadow:inset 2px 0 color-mix(in srgb,var(--primary) 55%,#fff 20%),0 8px 22px rgba(18,29,72,.14)!important}
.nav-item.active:after{content:"";position:absolute;right:10px;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.sidebar-quote{font-size:.81rem!important;padding:14px 14px 14px!important;opacity:.9!important;line-height:1.55!important}
.sidebar-footer{padding:6px 5px 2px!important}
.sidebar-collapse{top:20px!important;width:25px!important;height:28px!important;color:#8da0c3!important}
.sidebar.collapsed{width:70px!important}
.sidebar.collapsed+.sidebar-overlay+.main{margin-left:70px!important}
.sidebar.collapsed .brand{padding:0!important;justify-content:center!important}
.sidebar.collapsed .brand img{width:38px!important;object-fit:cover!important;object-position:left!important}

.main{background:transparent!important}
.topbar{height:var(--topbar-h)!important;min-height:60px!important;background:rgba(4,12,27,.60)!important;border-bottom:1px solid rgba(180,199,235,.09)!important;-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 5px)) saturate(1.28)!important;backdrop-filter:blur(calc(var(--glass-blur) + 5px)) saturate(1.28)!important;padding:0 clamp(16px,1.7vw,26px)!important;gap:9px!important}
.global-search{height:40px!important;width:min(480px,42vw)!important;border-radius:11px!important;background:rgba(7,19,38,.56)!important;border:1px solid rgba(167,189,228,.12)!important;color:#8fa2c4!important;font-size:.86rem!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
.global-search:hover{border-color:rgba(167,189,228,.20)!important;background:rgba(9,22,43,.66)!important;color:#a6b7d6!important}
.global-search kbd{font-size:.59rem!important;color:#7486a9!important}
.top-action,.icon-btn,.mobile-menu{width:36px!important;height:36px!important;border-radius:10px!important;background:rgba(11,25,49,.56)!important;border-color:rgba(170,191,229,.11)!important}
.user-chip{min-width:158px!important;padding:4px 7px!important;border:1px solid transparent!important}
.user-chip:hover{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.055)!important}
.avatar-img{width:34px!important;height:34px!important}
.user-chip strong{font-size:.80rem!important;font-weight:700!important}.user-chip small{font-size:.66rem!important}
.dropdown{background:rgba(7,18,37,.91)!important;border-color:rgba(187,207,244,.16)!important;border-radius:14px!important;padding:7px!important;-webkit-backdrop-filter:blur(24px) saturate(1.25)!important;backdrop-filter:blur(24px) saturate(1.25)!important;box-shadow:0 26px 70px rgba(0,0,0,.34)!important}
.dropdown a,.dropdown button{font-size:.74rem!important;border-radius:9px!important;padding:9px 10px!important}

.content{max-width:var(--content-max-width)!important;padding:24px clamp(18px,2vw,30px) 36px!important}
.app-footer{font-size:.74rem!important;opacity:.82!important;padding:12px clamp(18px,2vw,30px)!important}

/* -------- Type rhythm -------- */
.page-head{margin-bottom:18px!important;align-items:flex-end!important;gap:18px!important}
.page-head h1{font-size:clamp(1.78rem,2.25vw,2.18rem)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:800!important;margin:0 0 6px!important}
.page-head p{font-size:.91rem!important;line-height:1.55!important;color:#93a5c7!important;max-width:780px!important}
.eyebrow{font-size:.63rem!important;letter-spacing:.15em!important;color:#7e91b7!important;margin-bottom:6px!important}
.panel-title{margin-bottom:12px!important;gap:12px!important}.panel-title h2{font-size:1.13rem!important;letter-spacing:-.025em!important}.panel-title h3{font-size:1rem!important;letter-spacing:-.018em!important}.panel-title p{font-size:.79rem!important;line-height:1.45!important}
.section-heading h2{font-size:1.28rem!important;letter-spacing:-.025em!important}.section-heading p{font-size:.79rem!important;line-height:1.5!important}
.field label{font-size:.79rem!important;font-weight:650!important;color:#9badd0!important}.field label span,.field small{font-size:.71rem!important}
.input,.select,.textarea{font-size:.86rem!important}
.btn{font-size:.83rem!important;letter-spacing:-.005em!important}.btn-sm{font-size:.76rem!important}
.badge,.project-pill{font-size:.70rem!important}

/* -------- Liquid glass component standard -------- */
.panel,.glass-card,.stat-card,.project-card,.mini-card,.calendar-workspace,.settings-nav,.notes-folders,.notes-list-pane,.note-editor-pane,.kanban-col,.task-card,.today-item,.plan-item,.routine-card,.risk-card,.account-row,.recurring-row,.quick-log,.review-box,.chart-card,.life-pulse-card{
  background:
   linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0) 26%),
   linear-gradient(145deg,rgba(14,31,59,var(--glass-opacity)),rgba(6,18,37,calc(var(--glass-opacity)*.77)))!important;
  border:1px solid rgba(184,204,241,var(--glass-border-alpha))!important;
  box-shadow:var(--glass-shadow)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))!important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))!important;
}
.panel,.stat-card,.project-card,.mini-card,.life-pulse-card{position:relative;overflow:hidden}
.panel:before,.stat-card:before,.project-card:after,.mini-card:before,.life-pulse-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 20%,transparent 78%,rgba(255,255,255,.018));opacity:.48}
.panel:hover,.project-card:hover,.life-pulse-card:hover{border-color:rgba(190,211,248,calc(var(--glass-border-alpha) + .07))!important}
.panel{padding:var(--panel-padding)!important;border-radius:var(--card-radius)!important}
.grid{gap:13px!important}

/* -------- Buttons / inputs -------- */
.btn{height:38px!important;padding:0 13px!important;border-radius:10px!important;font-weight:700!important;background:rgba(20,39,70,.64)!important;border:1px solid rgba(177,197,234,.11)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease!important}
.btn:hover{transform:translateY(-1px)!important;border-color:rgba(185,205,243,.20)!important}.btn:active{transform:translateY(0)!important}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 1px rgba(255,255,255,.16)!important}
.btn-ghost{background:rgba(255,255,255,.025)!important}.btn-danger{background:rgba(251,83,115,.09)!important;border-color:rgba(251,83,115,.16)!important}
.input,.select,.textarea{height:var(--control-h)!important;border-radius:10px!important;background:rgba(5,15,32,.56)!important;border:1px solid rgba(166,187,227,.13)!important;color:var(--text)!important;padding-inline:11px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important}
.textarea{height:auto!important;min-height:96px!important;padding:10px 11px!important;line-height:1.56!important}
.input:hover,.select:hover,.textarea:hover{border-color:rgba(171,193,232,.20)!important}.input:focus,.select:focus,.textarea:focus{border-color:color-mix(in srgb,var(--primary) 55%,#bcd4ff 20%)!important;box-shadow:var(--focus-ring)!important}
input[type="range"].range{appearance:none;height:4px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 60%,#263453),rgba(70,88,123,.55));outline:0!important}
input[type="range"].range::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--primary);box-shadow:0 2px 9px rgba(0,0,0,.28);cursor:pointer}
input[type="range"].range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--primary);box-shadow:0 2px 9px rgba(0,0,0,.28);cursor:pointer}

/* -------- Dashboard -------- */
.life-hero.page-head{padding-top:2px!important}
.life-pulse-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important;margin-bottom:13px!important}
.life-pulse-card{padding:13px 14px!important;min-height:91px!important;border-radius:14px!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important}
.life-pulse-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)!important}
.life-pulse-card>span{font-size:.76rem!important;color:#899bbb!important;gap:6px!important}.life-pulse-card>span i{font-size:1rem!important;color:#b29bff!important}.life-pulse-card strong{font-size:1.34rem!important;line-height:1.08!important;letter-spacing:-.04em!important;margin-top:8px!important}.life-pulse-card small{font-size:.72rem!important;color:#7589ad!important;margin-top:4px!important}
.life-dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,.76fr)!important;gap:13px!important;align-items:start!important}.smart-stack{gap:13px!important}.today-command{min-height:100%!important}
.today-list{gap:7px!important}.today-item{padding:9px 10px 9px 12px!important;border-radius:11px!important;background:rgba(255,255,255,.026)!important}.today-item:hover{background:rgba(255,255,255,.046)!important;box-shadow:none!important}.today-main strong{font-size:.88rem!important;cursor:pointer}.today-main small{font-size:.74rem!important}.check-btn{width:20px!important;height:20px!important}
.smart-insight{padding:10px 11px!important;border-radius:11px!important}.smart-insight strong{font-size:.84rem!important}.smart-insight p{font-size:.74rem!important;line-height:1.5!important}.smart-mark{font-size:1.25rem!important}
.timeline-row{grid-template-columns:56px 1fr!important}.timeline-row time{font-size:.72rem!important}.timeline-event{padding:8px 10px!important}.timeline-event strong{font-size:.83rem!important}.timeline-event small{font-size:.72rem!important}
.life-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:13px!important}.routine-mini,.risk-mini{font-size:.74rem!important}.routine-mini strong,.risk-mini strong{font-size:.82rem!important}.routine-mini small,.risk-mini small{font-size:.72rem!important}.money-snapshot{gap:9px!important}.money-snapshot>div{padding:10px!important}.money-snapshot span{font-size:.71rem!important}.money-snapshot strong{font-size:.93rem!important}
.compact-projects.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.project-card{padding:13px!important;border-radius:13px!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important}.project-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)!important}.project-card h3{font-size:.88rem!important;margin:10px 0 7px!important}.project-icon{width:38px!important;height:38px!important;border-radius:11px!important}.project-progress-row,.project-metrics{font-size:.72rem!important}.project-progress{height:5px!important}
.note-dashboard-list a{padding:9px 8px!important;border-radius:9px!important}.note-dashboard-list strong{font-size:.82rem!important}.note-dashboard-list small{font-size:.72rem!important}.week-strip span{font-size:.72rem!important}.week-strip strong{font-size:.90rem!important}

/* -------- Kanban -------- */
.kanban-board{gap:10px!important;scrollbar-gutter:stable both-edges!important;padding-bottom:10px!important}.kanban-col{width:274px!important;min-width:274px!important;padding:10px!important;border-radius:14px!important}.kanban-head{padding:2px 2px 8px!important}.kanban-head strong{font-size:.85rem!important}.kanban-head span{font-size:.64rem!important}.kanban-list{gap:8px!important}.task-card{padding:10px!important;border-radius:10px!important;transition:transform .15s ease,border-color .15s ease!important}.task-card:hover{transform:translateY(-1px);border-color:rgba(184,205,244,.22)!important}.task-card h4{font-size:.84rem!important}.task-card p{font-size:.72rem!important;line-height:1.45!important}.task-card-meta{gap:5px!important}.task-card .badge{font-size:.62rem!important}

/* -------- Notes: Apple-like but AVANZA -------- */
.notes-page .content{max-width:none!important;padding:14px!important}.notes-shell{grid-template-columns:190px 310px minmax(0,1fr)!important;gap:9px!important;height:calc(100vh - var(--topbar-h) - 28px)!important;min-height:660px!important}.notes-folders,.notes-list-pane,.note-editor-pane{border-radius:15px!important;overflow:hidden!important}.notes-folders{width:auto!important;padding:13px!important}.notes-list-pane{width:auto!important}.notes-pane-head h2{font-size:1.02rem!important}.folder-item{height:38px!important;border-radius:9px!important;font-size:.76rem!important}.folder-item b{font-size:.64rem!important}.notes-help{font-size:.72rem!important;padding:10px!important}.notes-search{height:38px!important;margin:10px!important;border-radius:10px!important}.notes-search input{font-size:.77rem!important}.notes-list{padding:0 7px 9px!important;scrollbar-gutter:stable!important}.note-list-item{padding:10px 10px!important;border-radius:10px!important;margin-bottom:3px!important}.note-list-item strong{font-size:.84rem!important}.note-list-item p{font-size:.74rem!important;margin:4px 0!important}.note-list-item small{font-size:.64rem!important}.note-editor{padding:18px 22px!important}.note-toolbar{min-height:34px!important}.autosave-state{font-size:.71rem!important}.note-title-input{font-size:clamp(1.55rem,2.1vw,2.05rem)!important;padding:15px 0 10px!important}.note-meta-row{gap:6px!important;padding-bottom:10px!important}.note-meta-control,.note-tags{height:36px!important;min-height:36px!important;font-size:.77rem!important}.note-format-bar{padding:7px 0!important}.note-format-bar button{width:30px!important;height:29px!important}.note-format-bar span{font-size:.64rem!important}.note-content-input{font-size:.91rem!important;line-height:1.72!important;padding-top:7px!important}.note-editor-footer{font-size:.64rem!important}

/* -------- Calendar -------- */
.calendar-page .content{max-width:none!important;padding:20px clamp(15px,1.8vw,28px) 34px!important}.calendar-workspace{min-height:720px!important;padding:14px!important;border-radius:16px!important;overflow:hidden!important}.calendar-toolbar-tip{font-size:.75rem!important;margin-bottom:9px!important;padding:8px 10px!important;border-radius:10px!important;background:rgba(56,189,248,.045)!important;border:1px solid rgba(56,189,248,.08)!important}.fc{font-size:calc(.82rem * var(--calendar-scale))!important}.fc .fc-toolbar{gap:8px!important;margin-bottom:12px!important}.fc .fc-toolbar-title{font-size:calc(1.02rem * var(--calendar-scale))!important;font-weight:750!important}.fc .fc-button{font-size:calc(.70rem * var(--calendar-scale))!important;padding:6px 9px!important;border-radius:8px!important;background:rgba(18,37,67,.74)!important;border-color:rgba(180,201,238,.12)!important;text-transform:none!important}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;border-color:transparent!important}.fc-theme-standard td,.fc-theme-standard th,.fc-theme-standard .fc-scrollgrid{border-color:rgba(155,178,219,.10)!important}.fc .fc-col-header-cell{background:rgba(255,255,255,.018)!important}.fc .fc-col-header-cell-cushion{font-size:calc(.71rem * var(--calendar-scale))!important;padding:8px 5px!important;letter-spacing:.03em!important}.fc .fc-timegrid-slot-label-cushion{font-size:calc(.65rem * var(--calendar-scale))!important}.fc .fc-timegrid-slot{height:calc(2.24em * var(--calendar-scale))!important}.fc .fc-timegrid-axis-cushion{font-size:.58rem!important}.fc .fc-event{padding:3px 5px!important;border-radius:7px!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important}.av-event-inner strong{font-size:calc(.71rem * var(--calendar-scale))!important}.av-event-inner small{font-size:calc(.62rem * var(--calendar-scale))!important}.calendar-bottom-grid{gap:12px!important;margin-top:12px!important}.reminder-grid{gap:7px!important}.reminder-item{padding:9px!important;border-radius:10px!important}.reminder-main strong{font-size:.82rem!important}.reminder-main small{font-size:.72rem!important}.apple-integration-card p{font-size:.73rem!important;line-height:1.5!important}

/* -------- Settings / Theme Studio -------- */
.settings-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:13px!important}.settings-nav{padding:7px!important;border-radius:14px!important}.settings-nav a{min-height:38px!important;font-size:.69rem!important;padding:8px 9px!important;border-radius:9px!important}.settings-section{padding:17px!important;margin-bottom:12px!important;border-radius:16px!important}.settings-content{gap:12px!important}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.theme-option{padding:11px!important;border-radius:11px!important;min-height:82px!important}.theme-option i{font-size:1.22rem!important}.theme-option strong{font-size:.72rem!important}.theme-option small{font-size:.66rem!important}.settings-tip{gap:11px!important;padding:11px!important}.settings-tip strong{font-size:.77rem!important}.settings-tip p{font-size:.68rem!important}.sound-grid,.integration-settings-grid{gap:10px!important}.sound-card,.integration-setting-card{padding:13px!important}.switch-row{padding:10px 0!important}.switch-row strong{font-size:.75rem!important}.switch-row small{font-size:.66rem!important}
.theme-preset-bar{gap:6px!important;justify-content:flex-start!important}.preset-chip{height:31px!important;border-radius:9px!important;font-size:.63rem!important;padding:0 9px!important;background:rgba(255,255,255,.025)!important}.preset-chip.active,.preset-chip:hover{background:color-mix(in srgb,var(--primary) 16%,transparent)!important;border-color:color-mix(in srgb,var(--primary) 34%,transparent)!important}
.theme-studio-grid{grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr)!important;gap:13px!important}.theme-controls-stack{gap:10px!important}.studio-group{padding:13px!important;border-radius:13px!important;background:rgba(255,255,255,.014)!important;border-color:rgba(184,205,242,.10)!important}.studio-group-head{gap:9px!important;margin-bottom:11px!important}.studio-group-head>span{width:27px!important;height:27px!important;border-radius:8px!important;font-size:.65rem!important}.studio-group-head strong{font-size:.85rem!important}.studio-group-head small{font-size:.72rem!important}.palette-grid{gap:8px!important}.color-control{padding:9px!important;border-radius:10px!important;grid-template-columns:1fr 31px!important}.color-control span{font-size:.74rem!important}.color-control b{font-size:.57rem!important}.color-control input[type=color]{width:31px!important;height:28px!important;border-radius:8px!important;overflow:hidden!important}.glass-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:0!important}.branding-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0!important}.asset-upload-card{border-radius:12px!important}.asset-preview{height:112px!important}.asset-upload-card>div:last-child{padding:10px!important}.asset-upload-card strong{font-size:.77rem!important}.asset-upload-card small{font-size:.71rem!important}.asset-position-select{height:34px!important;font-size:.68rem!important}
.theme-live-sticky{top:calc(var(--topbar-h) + 12px)!important;gap:9px!important}.studio-preview-label span{font-size:.66rem!important}.studio-preview-label small{font-size:.56rem!important}.theme-preview-shell{height:356px!important;border-radius:16px!important;grid-template-columns:65px 1fr!important}.theme-preview-sidebar{padding:11px 7px!important;gap:9px!important}.preview-brand img{width:38px!important}.theme-preview-sidebar>i{width:31px!important;height:31px!important;border-radius:8px!important;font-size:.8rem!important}.theme-preview-main{grid-template-rows:42px 1fr!important}.theme-preview-content{padding:12px!important}.theme-preview-hero small{font-size:7px!important}.theme-preview-hero strong{font-size:17px!important}.preview-stats{gap:6px!important;margin:10px 0!important}.preview-stats span{height:52px!important}.preview-grid{gap:6px!important}.preview-grid article{height:135px!important;padding:9px!important}.preview-grid b{font-size:9px!important}.preview-grid i{height:20px!important;margin-top:6px!important}.theme-preview-note{font-size:.58rem!important;padding:9px!important}.theme-studio-actions{bottom:9px!important;margin-top:12px!important;padding:9px!important;border-radius:12px!important;background:rgba(5,15,32,.82)!important}

/* -------- Modals / overlays -------- */
.modal{padding:18px!important;z-index:400!important}.modal-backdrop{background:rgba(1,6,15,.70)!important;-webkit-backdrop-filter:blur(7px) saturate(.95)!important;backdrop-filter:blur(7px) saturate(.95)!important}.modal-card{border-radius:17px!important;padding:17px!important;box-shadow:0 32px 110px rgba(0,0,0,.50),inset 0 1px rgba(255,255,255,.045)!important}.modal-head{margin-bottom:13px!important}.modal-head h2{font-size:1.14rem!important;letter-spacing:-.025em!important}.modal-head p{font-size:.76rem!important;line-height:1.5!important}.close-btn,.close-drawer,.focus-close{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important;cursor:pointer!important}.close-btn:hover,.close-drawer:hover,.focus-close:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}.modal-actions{margin-top:14px!important;padding-top:11px!important}.task-editor{grid-template-columns:minmax(0,1.5fr) minmax(315px,.70fr)!important}.task-editor-main,.task-editor-side{padding:17px!important}.task-editor-title{font-size:1.42rem!important}.rich-editor{font-size:.87rem!important}.checklist-row span{font-size:.76rem!important}.comment-body p{font-size:.73rem!important}

/* -------- Focus / accessibility -------- */
.focus-fab{right:20px!important;bottom:22px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;font-size:.72rem!important;box-shadow:0 14px 38px rgba(0,0,0,.26)!important}.accessibility-fab{right:20px!important;bottom:74px!important;width:42px!important;height:42px!important;border-radius:13px!important;font-size:1.08rem!important}.accessibility-panel{right:20px!important;bottom:126px!important;width:min(320px,calc(100vw - 24px))!important;padding:14px!important;border-radius:15px!important}.accessibility-panel .panel-title h3{font-size:.84rem!important}.accessibility-panel .field{margin-bottom:11px!important}.accessibility-panel .field label{font-size:.72rem!important}.focus-card{width:min(540px,calc(100vw - 28px))!important;padding:26px!important;border-radius:22px!important}.focus-clock{font-size:calc(clamp(4rem,7vw,5.6rem) * var(--focus-ui-scale))!important}.focus-cycle,.focus-stretch,.focus-settings-link{font-size:.75rem!important}

/* -------- Global quick action launcher -------- */
.quick-action-modal{width:min(760px,calc(100vw - 28px))!important;padding:18px!important}
.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.quick-action-card{min-height:76px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:11px 12px;border-radius:13px;border:1px solid rgba(184,205,243,.10);background:rgba(255,255,255,.024);color:var(--text);text-align:left;text-decoration:none;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.quick-action-card:hover{transform:translateY(-1px);background:rgba(255,255,255,.052);border-color:rgba(184,205,243,.19)}
.quick-action-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.18rem;border:1px solid rgba(255,255,255,.055)}
.quick-action-icon.purple{background:rgba(124,58,237,.16);color:#bd9cff}.quick-action-icon.amber{background:rgba(251,191,36,.12);color:#ffd26c}.quick-action-icon.cyan{background:rgba(56,189,248,.13);color:#72dcff}.quick-action-icon.green{background:rgba(52,211,153,.12);color:#65e6b4}.quick-action-icon.pink{background:rgba(244,114,182,.12);color:#ff98cf}.quick-action-icon.blue{background:rgba(96,165,250,.14);color:#92c5ff}
.quick-action-card strong{display:block;font-size:.84rem;line-height:1.25}.quick-action-card small{display:block;margin-top:3px;font-size:.70rem;line-height:1.4;color:#7f93b8}.quick-action-card>i{color:#7084aa}.quick-action-card kbd{font:600 .59rem/1 Montserrat,sans-serif;padding:5px 6px;border-radius:7px;color:#8296bb;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.quick-action-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:11px;padding-top:11px;border-top:1px solid rgba(184,205,243,.08);font-size:.69rem;color:#7f93b8}.quick-action-footer a{color:#a993ff;font-weight:700}
[data-theme="light"] .quick-action-card{background:rgba(255,255,255,.54);border-color:rgba(55,79,118,.11);color:#17243d}[data-theme="light"] .quick-action-card:hover{background:rgba(255,255,255,.82)}[data-theme="light"] .quick-action-card small{color:#667b9d}[data-theme="light"] .quick-action-card kbd{color:#5f7291;background:rgba(75,97,132,.06);border-color:rgba(55,79,118,.10)}
@media(max-width:650px){.quick-action-grid{grid-template-columns:1fr}.quick-action-card{min-height:70px}.quick-action-modal{padding:14px!important}.quick-action-footer{align-items:flex-start;flex-direction:column}}

/* -------- Product polish 3.4: readable microcopy + tactile states -------- */
.panel-title,.section-heading{position:relative;z-index:1}
.panel-title h2,.panel-title h3,.section-heading h2,.page-head h1{color:#f6f8ff!important;text-wrap:balance}
.tiny-btn{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.028)!important;border:1px solid rgba(183,204,242,.09)!important;transition:.15s ease!important}
.tiny-btn:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(183,204,242,.18)!important;transform:translateY(-1px)}
.empty-slot,.empty-state p{font-size:.76rem!important;line-height:1.55!important;color:#8296ba!important}
.today-accent{width:3px!important;border-radius:999px!important;align-self:stretch!important;opacity:.92}
.rule-progress small,.dashboard-rule-row{font-size:.77rem!important}.dashboard-rule-row{min-height:38px!important;border-radius:10px!important}
.dashboard-rule-row:hover{background:rgba(255,255,255,.035)!important}
.timeline-mini{gap:7px!important}.timeline-row{align-items:start!important}
.stat-card span{font-size:.76rem!important}.stat-card strong{font-size:1.34rem!important}.stat-card small{font-size:.70rem!important}
.project-card,.task-card,.today-item,.dashboard-rule-row,.note-list-item,.folder-item{will-change:transform}
@media(hover:hover){.task-card:hover,.note-list-item:hover,.folder-item:hover{transform:translateY(-1px)!important}}
/* -------- Light theme -------- */
[data-theme="light"]{--bg:#eef3fb!important;--bg-2:#f7faff!important;--bg-3:#e7eef8!important;--text:#16243d!important;--muted:#5e7192!important;--muted-2:#7b8aa4!important;--card-edge:rgba(57,80,116,.13);--glass-highlight:rgba(255,255,255,.78);--glass-shadow:0 16px 38px rgba(41,62,95,.09),0 1px 0 rgba(255,255,255,.92) inset}
[data-theme="light"] body{background:radial-gradient(900px 520px at 86% -7%,rgba(56,189,248,.12),transparent 70%),radial-gradient(780px 520px at 8% 105%,rgba(124,58,237,.10),transparent 70%),#eef3fb!important}
[data-theme="light"] body:before{opacity:.16;background-image:radial-gradient(rgba(33,55,91,.16) .45px,transparent .45px)}
[data-theme="light"] .topbar{background:rgba(247,250,255,.72)!important;border-bottom-color:rgba(56,78,112,.10)!important}
[data-theme="light"] .global-search,[data-theme="light"] .input,[data-theme="light"] .select,[data-theme="light"] .textarea{background:rgba(255,255,255,.62)!important;color:#17243d!important;border-color:rgba(55,79,118,.13)!important}
[data-theme="light"] .panel,[data-theme="light"] .glass-card,[data-theme="light"] .stat-card,[data-theme="light"] .project-card,[data-theme="light"] .mini-card,[data-theme="light"] .calendar-workspace,[data-theme="light"] .settings-nav,[data-theme="light"] .notes-folders,[data-theme="light"] .notes-list-pane,[data-theme="light"] .note-editor-pane,[data-theme="light"] .kanban-col,[data-theme="light"] .task-card,[data-theme="light"] .today-item,[data-theme="light"] .plan-item,[data-theme="light"] .routine-card,[data-theme="light"] .risk-card,[data-theme="light"] .life-pulse-card{background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.18) 35%),linear-gradient(145deg,rgba(255,255,255,.70),rgba(242,247,254,.58))!important;border-color:rgba(56,80,118,.12)!important;box-shadow:var(--glass-shadow)!important}
[data-theme="light"] .today-item,[data-theme="light"] .studio-group,[data-theme="light"] .sound-card,[data-theme="light"] .integration-setting-card{background:rgba(255,255,255,.34)!important}
[data-theme="light"] .btn{background:rgba(255,255,255,.54)!important;color:#1f304d!important;border-color:rgba(55,80,120,.12)!important}[data-theme="light"] .btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:#fff!important}
[data-theme="light"] .modal-card,[data-theme="light"] .dropdown,[data-theme="light"] .accessibility-panel,[data-theme="light"] .focus-card{background:rgba(248,251,255,.88)!important;color:#17243d!important;border-color:rgba(52,78,120,.14)!important}
[data-theme="light"] .page-head p,[data-theme="light"] .panel-title p,[data-theme="light"] .section-heading p{color:#607493!important}
[data-theme="light"] .sidebar{background:#08152c!important;color:#fff!important}
[data-theme="light"] .sidebar .nav-item{color:#aebddd!important}[data-theme="light"] .sidebar .nav-item.active,[data-theme="light"] .sidebar .nav-item:hover{color:#fff!important}
[data-theme="light"] .theme-preview-shell{box-shadow:0 20px 54px rgba(49,69,102,.15)!important}
[data-theme="light"] .main,[data-theme="light"] .content{color:#182640!important}
[data-theme="light"] .page-head h1,[data-theme="light"] .panel-title h2,[data-theme="light"] .panel-title h3,[data-theme="light"] .section-heading h2,[data-theme="light"] .modal-head h2,[data-theme="light"] .notes-pane-head h2,[data-theme="light"] .task-editor-title,[data-theme="light"] .project-card h3,[data-theme="light"] .today-main strong,[data-theme="light"] .timeline-event strong,[data-theme="light"] .routine-mini strong,[data-theme="light"] .risk-mini strong,[data-theme="light"] .note-dashboard-list strong,[data-theme="light"] .note-list-item strong,[data-theme="light"] .kanban-head strong,[data-theme="light"] .task-card h4,[data-theme="light"] .smart-insight strong{color:#17243d!important}
[data-theme="light"] .eyebrow,[data-theme="light"] .life-pulse-card>span,[data-theme="light"] .timeline-row time,[data-theme="light"] .project-progress-row,[data-theme="light"] .project-metrics,[data-theme="light"] .note-list-item small,[data-theme="light"] .week-strip span,[data-theme="light"] .field label,[data-theme="light"] .empty-slot,[data-theme="light"] .empty-state p{color:#667b9d!important}
[data-theme="light"] .life-pulse-card strong,[data-theme="light"] .money-snapshot strong,[data-theme="light"] .week-strip strong{color:#1b2a46!important}
[data-theme="light"] .today-main small,[data-theme="light"] .timeline-event small,[data-theme="light"] .routine-mini small,[data-theme="light"] .risk-mini small,[data-theme="light"] .note-dashboard-list small,[data-theme="light"] .smart-insight p,[data-theme="light"] .panel-title p,[data-theme="light"] .section-heading p,[data-theme="light"] .page-head p{color:#627796!important}
[data-theme="light"] .today-item,[data-theme="light"] .dashboard-rule-row,[data-theme="light"] .note-list-item,[data-theme="light"] .task-card{background:rgba(255,255,255,.52)!important;border-color:rgba(67,94,132,.11)!important}
[data-theme="light"] .today-item:hover,[data-theme="light"] .dashboard-rule-row:hover,[data-theme="light"] .note-list-item:hover,[data-theme="light"] .task-card:hover{background:rgba(255,255,255,.78)!important}
[data-theme="light"] .tiny-btn,[data-theme="light"] .top-action,[data-theme="light"] .icon-btn{background:rgba(255,255,255,.56)!important;color:#334765!important;border-color:rgba(61,84,122,.12)!important}
[data-theme="light"] .badge.neutral,[data-theme="light"] .project-pill{color:#5c6f8e!important}
[data-theme="light"] .app-footer{color:#60728f!important;border-top-color:rgba(55,79,118,.09)!important}
[data-theme="light"] .modal-backdrop{background:rgba(33,48,75,.28)!important}
[data-theme="light"] .modal-card .input,[data-theme="light"] .modal-card .select,[data-theme="light"] .modal-card .textarea{background:rgba(255,255,255,.72)!important}

/* -------- Scrollbars -------- */
*{scrollbar-width:thin;scrollbar-color:rgba(126,148,190,.32) transparent}
*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(124,58,237,.28),rgba(56,189,248,.24));border:2px solid transparent;background-clip:padding-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(124,58,237,.48),rgba(56,189,248,.42));border:2px solid transparent;background-clip:padding-box}

/* -------- Density local setting -------- */
html[data-ui-density="compact"]{--panel-padding:13px;--control-h:36px}
html[data-ui-density="compact"] .nav-item{height:38px!important}html[data-ui-density="compact"] .today-item{padding-top:7px!important;padding-bottom:7px!important}html[data-ui-density="compact"] .life-pulse-card{min-height:82px!important;padding:11px 12px!important}
html[data-ui-density="comfortable"]{--control-h:40px}
html[data-ui-density="relaxed"]{--panel-padding:19px;--control-h:43px}html[data-ui-density="relaxed"] .nav-item{height:44px!important}html[data-ui-density="relaxed"] .today-item{padding-top:11px!important;padding-bottom:11px!important}
html[data-high-contrast="1"]{--glass-border-alpha:.24!important}html[data-high-contrast="1"] .muted,html[data-high-contrast="1"] .subtle,html[data-high-contrast="1"] small{color:#aebfe0!important}
html[data-reduce-motion="1"] *,html[data-reduce-motion="1"] *:before,html[data-reduce-motion="1"] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
html[data-ui-width="compact"] .content{--content-max-width:1320px}html[data-ui-width="wide"] .content{--content-max-width:1600px}html[data-ui-width="full"] .content{--content-max-width:2200px}

/* -------- Responsive -------- */
@media(max-width:1450px){
  .life-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.life-pulse-grid .life-pulse-card:nth-child(4),.life-pulse-grid .life-pulse-card:nth-child(5){grid-column:span 1}
  .life-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-projects.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .theme-studio-grid{grid-template-columns:minmax(0,1fr) 350px!important}.glass-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  .life-dashboard-grid{grid-template-columns:1fr!important}.smart-stack{grid-template-columns:1fr 1fr!important;display:grid!important}.life-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.two-main-grid,.dashboard-grid,.project-layout{grid-template-columns:1fr!important}
  .theme-studio-grid{grid-template-columns:1fr!important}.theme-live-panel{order:-1!important}.theme-live-sticky{position:relative!important;top:auto!important}.theme-preview-shell{height:330px!important}.branding-assets-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .settings-layout{grid-template-columns:1fr!important}.settings-nav{position:relative!important;top:auto!important;display:flex!important;overflow:auto!important;white-space:nowrap!important;gap:4px!important}.settings-nav a{flex:0 0 auto!important}
  .notes-shell{grid-template-columns:175px 280px minmax(0,1fr)!important}
}
@media(max-width:900px){
  .content{padding:18px 15px 88px!important}.page-head{align-items:flex-start!important}.page-head h1{font-size:1.8rem!important}.page-head .actions{width:100%!important}.page-head .actions .btn{flex:1!important;min-width:145px!important}
  .life-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.life-mini-grid{grid-template-columns:1fr!important}.smart-stack{grid-template-columns:1fr!important}.compact-projects.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .notes-shell{grid-template-columns:170px minmax(0,1fr)!important;height:auto!important;min-height:calc(100vh - var(--topbar-h) - 28px)!important}.note-editor-pane{grid-column:1/-1!important;min-height:640px!important}.notes-list-pane{min-height:420px!important}
  .calendar-workspace{min-height:650px!important}
  .branding-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  :root{--base-font-size:14px}.content{padding:14px 10px 84px!important}.topbar{padding:0 10px!important;height:58px!important}.page-head{margin-bottom:14px!important}.page-head h1{font-size:1.58rem!important}.page-head p{font-size:.81rem!important}.page-head .actions{gap:7px!important}.page-head .actions .btn{min-width:0!important}
  .global-search{width:36px!important;height:36px!important;padding:0!important;justify-content:center!important}.global-search span,.global-search kbd{display:none!important}.user-chip{min-width:auto!important}.user-chip>div,.user-chip>i{display:none!important}.avatar-img{width:32px!important;height:32px!important}
  .life-pulse-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.life-pulse-card{min-height:82px!important;padding:11px!important}.life-pulse-card strong{font-size:1.18rem!important}.life-pulse-card small{font-size:.57rem!important}.life-pulse-grid .life-pulse-card:last-child{grid-column:1/-1!important}
  .panel{padding:13px!important}.panel-title h2{font-size:1rem!important}.panel-title h3{font-size:.88rem!important}.today-item{align-items:flex-start!important}.today-main strong{font-size:.73rem!important}.today-main small{white-space:normal!important;line-height:1.35!important}.compact-projects.project-grid{grid-template-columns:1fr!important}
  .modal{padding:7px!important;align-items:flex-end!important}.modal-card,.modal-small,.modal-medium,.modal-search,.modal-task{width:100%!important;max-width:none!important;max-height:94vh!important;border-radius:18px 18px 0 0!important}.task-editor{grid-template-columns:1fr!important}.task-editor-side{border-left:0!important;border-top:1px solid rgba(180,200,238,.10)!important}.task-editor-main,.task-editor-side{padding:14px!important}.task-editor-title{font-size:1.25rem!important}
  .accessibility-fab{right:12px!important;bottom:82px!important}.accessibility-panel{right:10px!important;bottom:133px!important;max-height:70vh!important;overflow:auto!important}.focus-fab{right:12px!important;bottom:20px!important}.focus-card{padding:19px 14px!important}.focus-clock{font-size:3.6rem!important}
  .notes-page .content{padding:8px 8px 82px!important}.notes-shell{display:block!important;min-height:0!important}.notes-folders{display:none!important}.notes-list-pane{width:100%!important;min-height:0!important;max-height:270px!important;margin-bottom:8px!important}.note-editor-pane{min-height:560px!important}.note-editor{padding:14px!important}.note-title-input{font-size:1.42rem!important}.note-meta-row{display:grid!important;grid-template-columns:1fr 1fr!important}.note-meta-control,.note-tags{width:100%!important;min-width:0!important}.note-content-input{font-size:.82rem!important;line-height:1.68!important}
  .calendar-page .content{padding:13px 8px 84px!important}.calendar-workspace{padding:8px!important;min-height:620px!important}.calendar-toolbar-tip{display:none!important}.fc .fc-toolbar{flex-wrap:wrap!important}.fc .fc-toolbar-chunk:nth-child(2){order:-1;width:100%;text-align:center}.fc .fc-toolbar-title{font-size:.94rem!important}.fc .fc-button{font-size:.59rem!important;padding:5px 7px!important}.fc .fc-timegrid-slot{height:2.15em!important}.calendar-bottom-grid{grid-template-columns:1fr!important}
  .theme-options{grid-template-columns:1fr!important}.theme-studio-grid{display:block!important}.theme-live-panel{margin-bottom:10px!important}.theme-preview-shell{height:270px!important;grid-template-columns:54px 1fr!important}.theme-preview-sidebar{padding-inline:5px!important}.preview-grid{grid-template-columns:1fr!important}.preview-grid article:nth-child(2){display:none!important}.palette-grid,.glass-control-grid,.branding-assets-grid,.form-grid.three-col,.three-col,.sound-grid,.switch-grid,.integration-settings-grid{grid-template-columns:1fr!important}.theme-studio-actions{bottom:74px!important}
}
@media(max-width:430px){
  .life-pulse-grid{grid-template-columns:1fr!important}.life-pulse-grid .life-pulse-card:last-child{grid-column:auto!important}.page-head .actions{display:grid!important;grid-template-columns:1fr 1fr!important}.page-head .actions .btn:nth-child(n+3){grid-column:1/-1!important}.stat-card{min-width:0!important}.theme-preview-shell{height:235px!important}.note-meta-row{grid-template-columns:1fr!important}
}
.layout-preset-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 12px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.018);border:1px solid rgba(184,205,242,.075)}
.layout-preset-row>span{font-size:.61rem;color:var(--muted);font-weight:700}.layout-preset-row>div{display:flex;gap:5px}.layout-chip{height:28px;padding:0 9px;border-radius:8px;border:1px solid rgba(179,199,235,.10);background:rgba(255,255,255,.025);color:#8ea1c3;font-size:.59rem;font-weight:700;cursor:pointer}.layout-chip:hover,.layout-chip.active{color:#fff;background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 32%,transparent)}
.spinner-inline{width:13px!important;height:13px!important;border-width:2px!important;display:inline-block!important;vertical-align:-2px!important;margin-right:2px!important}.is-refreshing{opacity:.72;transition:opacity .12s ease;pointer-events:none}
@media(max-width:520px){.layout-preset-row{align-items:flex-start;flex-direction:column}.layout-preset-row>div{width:100%}.layout-chip{flex:1}}