/* Premium glassmorphism theme — token-driven so light (default) and dark share one rule set. Overrides visual properties only; positioning/transitions/responsive rules stay in their original files. Toggle by adding/removing `theme-dark` on (see app.js themeBtn handler). */ :root{ --g-bg:radial-gradient(1200px 800px at 15% -10%,#eae4ff 0%,transparent 60%),radial-gradient(1000px 700px at 100% 0%,#e2f0ff 0%,transparent 55%),linear-gradient(160deg,#f8f7fc 0%,#eef0fa 45%,#f5f1fc 100%); --g-ink:#171827;--g-muted:#666d80;--g-muted2:#8a90a3; --g-line:rgba(30,20,70,.1); --g-surface:rgba(255,255,255,.55);--g-surface-strong:rgba(255,255,255,.72);--g-surface-soft:rgba(255,255,255,.4); --g-shadow:0 20px 55px rgba(80,70,150,.13);--g-shadow-lg:0 30px 80px rgba(80,70,150,.18); --g-accent:#6256e8;--g-accent2:#7c5cff;--g-accent-text:#5647d4;--g-accent-soft:rgba(98,86,232,.1);--g-accent-soft2:rgba(98,86,232,.18); --g-glow:0 10px 30px rgba(98,86,232,.25); --g-input-bg:rgba(255,255,255,.65);--g-placeholder:#9aa0b0; --g-ring-hole:#fdfcff;--g-heading-grad:linear-gradient(135deg,#171827,#6256e8); --g-success-bg:rgba(23,166,115,.12);--g-success-text:#0e8a5c; --g-warning-bg:rgba(224,138,37,.14);--g-warning-text:#a8630e; --g-danger-bg:rgba(217,45,79,.1);--g-danger-text:#c81f4c; --g-info-bg:rgba(45,150,208,.13);--g-info-text:#1c7fab; } html.theme-dark{ --g-bg:radial-gradient(1200px 800px at 15% -10%,#1b1042 0%,transparent 60%),radial-gradient(1000px 700px at 100% 0%,#150a33 0%,transparent 55%),linear-gradient(160deg,#05030d 0%,#0f0a24 45%,#0a0118 100%); --g-ink:#f3f1fb;--g-muted:#a29cc4;--g-muted2:#8781a8; --g-line:rgba(255,255,255,.09); --g-surface:rgba(255,255,255,.05);--g-surface-strong:rgba(12,8,32,.85);--g-surface-soft:rgba(255,255,255,.03); --g-shadow:0 20px 60px rgba(0,0,0,.35);--g-shadow-lg:0 30px 90px rgba(0,0,0,.55); --g-accent:#8b5cf6;--g-accent2:#7c5cff;--g-accent-text:#c9baff;--g-accent-soft:rgba(139,92,246,.15);--g-accent-soft2:rgba(139,92,246,.22); --g-glow:0 0 40px rgba(139,92,246,.28); --g-input-bg:rgba(255,255,255,.05);--g-placeholder:#6f6a91; --g-ring-hole:#0d0a1f;--g-heading-grad:linear-gradient(135deg,#fff,#c9baff); --g-success-bg:rgba(30,180,130,.15);--g-success-text:#7ee8bd; --g-warning-bg:rgba(230,160,50,.15);--g-warning-text:#f0be6e; --g-danger-bg:rgba(220,80,120,.15);--g-danger-text:#f79bb5; --g-info-bg:rgba(45,170,220,.15);--g-info-text:#7fd4f2; } html,body{background:var(--g-bg);color:var(--g-ink);background-attachment:fixed;transition:background .25s ease,color .25s ease} *{transition:background-color .18s ease,border-color .18s ease,color .18s ease} /* Sidebar */ .os-nav{background:var(--g-surface-strong);backdrop-filter:blur(24px);border:1px solid var(--g-line);box-shadow:var(--g-shadow-lg)} .os-brand b{color:var(--g-ink)}.os-brand small{color:var(--g-muted2)}.os-brand em{background:var(--g-accent-soft);color:var(--g-accent-text);border-color:var(--g-accent-soft2)} .branch{background:var(--g-surface);border:1px solid var(--g-line);color:var(--g-ink)}.branch small{color:var(--g-muted)} .os-nav nav label{color:var(--g-muted2)} .os-nav nav a{color:var(--g-muted)}.os-nav nav a:hover{color:var(--g-ink);background:var(--g-surface)} .os-nav nav a.active{color:#fff;background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));border-color:transparent;box-shadow:var(--g-glow)} .os-nav nav a.active svg{color:#fff} .nav-support{background:linear-gradient(135deg,var(--g-accent-soft),var(--g-accent-soft2));border:1px solid var(--g-accent-soft2)} .nav-support b{color:var(--g-ink)}.nav-support small{color:var(--g-muted)}.nav-support>span{color:var(--g-success-text)} .sidebar-logout{background:var(--g-danger-bg);border-color:rgba(217,45,79,.25);color:var(--g-danger-text)}.sidebar-logout:hover{background:rgba(217,45,79,.18);border-color:rgba(217,45,79,.4)} .user-dock{border-top-color:var(--g-line)}.user-dock b{color:var(--g-ink)}.user-dock small{color:var(--g-muted2)}.user-dock button{color:var(--g-muted)} #inventoryBadge{background:linear-gradient(135deg,#f0a83b,#e0872a);color:#1a1206} /* Topbar */ .os-topbar{background:var(--g-surface-soft);backdrop-filter:blur(20px);border-bottom:1px solid var(--g-line)} .breadcrumbs{color:var(--g-muted2)}.breadcrumbs b{color:var(--g-ink)} .nav-trigger{background:var(--g-surface);border-color:var(--g-line);color:var(--g-ink)} .command-search{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .command-search kbd,.create-sale kbd{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .business-date{border-left-color:var(--g-line)}.business-date small{color:var(--g-muted2)}.business-date b{color:var(--g-ink)} .top-icon{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .top-icon:hover,.intro-actions>button:hover{background:var(--g-accent-soft);border-color:var(--g-accent-soft2);color:var(--g-accent-text)} .create-sale{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));box-shadow:var(--g-glow)} .create-sale:hover{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));filter:brightness(1.08);box-shadow:var(--g-glow)} #themeBtn i[data-lucide]{color:var(--g-muted)} /* Dashboard */ .page-intro h1{background:var(--g-heading-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .page-intro p{color:var(--g-muted)}.live-label{color:var(--g-accent-text)} .control-row{background:var(--g-surface);border:1px solid var(--g-line);box-shadow:none} .control-row>b{color:var(--g-muted2)}.control-row a{color:var(--g-ink);border-left-color:var(--g-line)}.control-row a>span{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));color:#fff;box-shadow:0 6px 16px rgba(98,86,232,.35)}.control-row a small{color:var(--g-muted2)}.control-row a{transition:.18s}.control-row a:hover{background:var(--g-accent-soft)} .metric,.data-card,.workspace-card,.workspace-metrics article,.attention{background:var(--g-surface)!important;backdrop-filter:blur(20px);border:1px solid var(--g-line)!important;box-shadow:var(--g-shadow)} .primary-metric{background:linear-gradient(135deg,var(--g-accent-soft2),var(--g-surface))!important} .metric-icon{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));color:#fff;box-shadow:0 8px 18px rgba(98,86,232,.35)}.metric-icon.cyan{background:linear-gradient(135deg,#0ea5c4,#38bdf8);color:#fff;box-shadow:0 8px 18px rgba(14,165,196,.35)}.metric-icon.amber{background:linear-gradient(135deg,#d97706,#f6ad55);color:#fff;box-shadow:0 8px 18px rgba(217,119,6,.35)}.metric-icon.rose{background:linear-gradient(135deg,#d92d4f,#fb7185);color:#fff;box-shadow:0 8px 18px rgba(217,45,79,.35)}.primary-metric .metric-icon{background:#ffffff18;color:#fff;box-shadow:none} .metric>p{color:var(--g-muted2)}.metric h2{color:var(--g-ink)}.metric footer{color:var(--g-muted)}.metric footer b{color:var(--g-ink)} .trend{background:var(--g-success-bg);color:var(--g-success-text)}.trend.warn{background:var(--g-warning-bg);color:var(--g-warning-text)}.trend.neutral{background:var(--g-surface);color:var(--g-muted)} .data-card header span{color:var(--g-muted2)}.data-card header h3{color:var(--g-ink)} .chart-kpi h2{color:var(--g-ink)}.chart-kpi p{color:var(--g-muted)} .dashboard-empty-chart{color:var(--g-muted)}.dashboard-empty-chart svg{color:var(--g-accent)}.daily-bar-col i{background:var(--g-line)}.daily-bar-col:hover i{background:var(--g-accent2)}.daily-bar-col i.today{background:var(--g-accent)} .chart-ring>div:after{background:var(--g-ring-hole)} .chart-ring b{color:var(--g-ink)}.chart-ring small{color:var(--g-muted2)} .mix-list>div{border-bottom-color:var(--g-line)}.mix-list b{color:var(--g-ink)}.mix-list small{color:var(--g-muted2)} .transactions th{color:var(--g-muted2);border-bottom-color:var(--g-line)}.transactions td{color:var(--g-muted);border-bottom-color:var(--g-line)}.transactions td b{color:var(--g-ink)} .customer-dot.purple{background:var(--g-accent-soft);color:var(--g-accent-text)} .transactions .success{background:var(--g-success-bg);color:var(--g-success-text)}.transactions .pending{background:var(--g-warning-bg);color:var(--g-warning-text)} .alert-item{border-bottom-color:var(--g-line)}.alert-item>span{background:var(--g-warning-bg);color:var(--g-warning-text)}.alert-item.critical>span{background:var(--g-danger-bg);color:var(--g-danger-text)} .alert-item b{color:var(--g-ink)}.alert-item small{color:var(--g-muted2)}.alert-item a{color:var(--g-muted)} .db-empty{color:var(--g-muted)!important} /* Module list/form pages */ .workspace-head span{color:var(--g-accent-text)}.workspace-head h1{color:var(--g-ink)}.workspace-head p{color:var(--g-muted)} .ghost-action{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .ghost-action:hover{background:var(--g-accent-soft);border-color:var(--g-accent-soft2);color:var(--g-accent-text)} .main-action{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));box-shadow:var(--g-glow);color:#fff} .main-action:hover{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));filter:brightness(1.08);box-shadow:var(--g-glow);transform:translateY(-1px)} .workspace-metrics article b{color:var(--g-ink)}.workspace-metrics small{color:var(--g-muted2)} .workspace-metrics article>span{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));color:#fff;box-shadow:0 8px 18px rgba(98,86,232,.35)}.workspace-metrics article>span.mint{background:linear-gradient(135deg,#0f9d68,#34d399);color:#fff;box-shadow:0 8px 18px rgba(15,157,104,.35)}.workspace-metrics article>span.peach{background:linear-gradient(135deg,#d97706,#f6ad55);color:#fff;box-shadow:0 8px 18px rgba(217,119,6,.35)}.workspace-metrics article>span.sky{background:linear-gradient(135deg,#0ea5c4,#38bdf8);color:#fff;box-shadow:0 8px 18px rgba(14,165,196,.35)}.workspace-metrics article{transition:transform .18s,box-shadow .18s}.workspace-metrics article:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,40,58,.14)} .workspace-metrics article em.review{color:var(--g-warning-text)} .list-search{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)}.list-search input{color:var(--g-ink)}.list-search input::placeholder{color:var(--g-placeholder)} .list-tools>button{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .view-switch{background:var(--g-surface-soft);display:flex;align-items:center}.view-switch button{color:var(--g-muted2);display:grid;place-items:center}.view-switch button.active{background:var(--g-accent-soft2);color:var(--g-accent-text);box-shadow:none} .chart-tabs{background:var(--g-surface-soft)}.chart-tabs button{color:var(--g-muted2)}.chart-tabs button.active{background:var(--g-accent-soft2);color:var(--g-accent-text);box-shadow:none} .segmented{background:var(--g-surface-soft)}.segmented button{color:var(--g-muted2)}.segmented button.active{background:var(--g-accent-soft2);color:var(--g-accent-text);box-shadow:none} .workspace-table th{background:var(--g-surface-soft);color:var(--g-muted2);border-bottom-color:var(--g-line)} .workspace-table td{color:var(--g-muted);border-bottom-color:var(--g-line)} .workspace-table tbody tr:hover,.record-card:hover{background:var(--g-surface-soft)} .entity span{background:var(--g-accent-soft);color:var(--g-accent-text)}.entity b{color:var(--g-ink)}.entity small{color:var(--g-muted2)} .state{background:var(--g-surface-soft);color:var(--g-muted)}.state.attention-state{background:var(--g-warning-bg);color:var(--g-warning-text)} .record-edit,.record-delete{background:var(--g-surface)!important;border-color:var(--g-line)!important;color:var(--g-muted)!important} .record-edit:hover{background:var(--g-accent-soft)!important;color:var(--g-accent-text)!important;border-color:var(--g-accent-soft2)!important} .record-delete:hover{background:var(--g-danger-bg)!important;color:var(--g-danger-text)!important;border-color:rgba(217,45,79,.3)!important} .record-card{background:var(--g-surface);border-color:var(--g-line)} .record-card>header>span{background:var(--g-accent-soft);color:var(--g-accent-text)} .record-card>b{color:var(--g-ink)}.record-card>small{color:var(--g-muted2)} .record-card ul li{color:var(--g-muted)}.record-card ul li b{color:var(--g-ink)} .list-footer{color:var(--g-muted)}.list-footer .pagination button{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted2)}.list-footer .pagination button:hover:not(:disabled):not(.active){background:var(--g-surface);border-color:var(--g-accent);color:var(--g-accent)}.list-footer .pagination button.active{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));border-color:transparent;color:#fff} .onboarding-card{background:var(--g-surface-strong)!important;backdrop-filter:blur(24px);border:1px solid var(--g-line)}.onboarding-card h3{color:var(--g-ink)}.onboarding-card p{color:var(--g-muted)}.onboarding-step{background:var(--g-accent-soft);color:var(--g-accent-text)}.onboarding-progress i{background:var(--g-line)}.onboarding-progress i.active{background:linear-gradient(90deg,var(--g-accent),var(--g-accent2))}.onboarding-progress i.done{background:var(--g-accent-soft2)}.onboarding-card footer #onboardingSkip{color:var(--g-muted2)}.onboarding-card footer .confirm-ok{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2))}.help-dialog .help-body p{background:var(--g-accent-soft);color:var(--g-ink);border-left-color:var(--g-accent)}.field-picker.help-dialog>header{border-bottom-color:var(--g-line)}.help-footer .confirm-ok{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2))} .form-backdrop{background:rgba(20,15,50,.35);backdrop-filter:blur(6px)} html.theme-dark .form-backdrop{background:rgba(3,1,10,.6)} .form-drawer{background:var(--g-surface-strong);backdrop-filter:blur(24px);border-left:1px solid var(--g-line)} .form-drawer header{background:var(--g-surface-soft);border-bottom-color:var(--g-line)} .form-drawer h2{color:var(--g-ink)}.form-drawer header p{color:var(--g-muted)} .form-drawer .close-form{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .form-section h3{color:var(--g-ink)}.form-section>p{color:var(--g-muted2)} .form-grid label>span{color:var(--g-muted)} .form-grid input,.form-grid select,.form-grid textarea{background:var(--g-input-bg);border-color:var(--g-line);color:var(--g-ink)} .form-grid input::placeholder,.form-grid textarea::placeholder{color:var(--g-placeholder)} .form-drawer footer{background:var(--g-surface-soft);border-top-color:var(--g-line)} .form-drawer .cancel-form{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .form-drawer button[type=submit]{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));box-shadow:var(--g-glow)} .line-items h3{color:var(--g-ink)}.line-empty{color:var(--g-muted)} .module-lines-table th{color:var(--g-muted2)}.module-lines-table td{color:var(--g-muted);border-bottom-color:var(--g-line)} /* POS */ .bill-type-panel>div>span{color:var(--g-muted2)}.bill-type-panel h3{color:var(--g-ink)} .bill-type-switch{background:transparent}.bill-type-switch button{background:transparent;border-color:var(--g-line);color:var(--g-muted)}.bill-type-switch button.active{background:var(--g-accent-soft2);color:var(--g-accent-text);border-color:var(--g-accent-soft2)} .bill-mode-notice{background:var(--g-success-bg);border:1px solid rgba(23,166,115,.25)}.bill-mode-notice b{color:var(--g-success-text)}.bill-mode-notice small{color:var(--g-muted)} .pos-search{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .category-pills button{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)}.category-pills button.active{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));color:#fff} .product-card{background:var(--g-surface);border:1px solid var(--g-line)}.product-card:hover{border-color:var(--g-accent-soft2)} .product-info b{color:var(--g-ink)}.product-info small{color:var(--g-muted2)}.product-info strong{color:var(--g-accent-text)} .cart{background:var(--g-surface-strong);backdrop-filter:blur(24px);border-left:1px solid var(--g-line)} .cart-doc-badge{background:var(--g-accent-soft2);color:var(--g-accent-text)} .cart-head h3{color:var(--g-ink)}.cart-head p{color:var(--g-muted2)} .customer-select{background:var(--g-surface);border-color:var(--g-line)}.customer-select b{color:var(--g-ink)}.customer-select small{color:var(--g-muted2)} .cart-line b{color:var(--g-ink)}.cart-line small{color:var(--g-muted2)}.line-rate-inline{color:var(--g-muted2)}.line-rate-inline input{color:var(--g-ink);background:var(--g-surface);border-color:var(--g-line)}.line-rate-inline input:hover{border-color:var(--g-accent);background:var(--g-surface)}.line-rate-inline input:focus{background:var(--g-surface);color:var(--g-ink);border-color:var(--g-accent)}.qty input.qty-input{background:var(--g-surface);border-color:var(--g-line);color:var(--g-ink)}.serials-block small{color:var(--g-muted2)}.serials-block input{color:var(--g-ink);background:var(--g-surface);border-color:var(--g-line)}.serials-block input:hover,.serials-block input:focus{border-color:var(--g-accent);background:var(--g-surface)}.discount-inline input{color:var(--g-ink);background:var(--g-surface);border-color:var(--g-line)}.discount-inline input:hover,.discount-inline input:focus{border-color:var(--g-accent);background:var(--g-surface)} .bill-summary div{color:var(--g-muted)}.bill-summary b{color:var(--g-ink)}.grand-total{color:var(--g-ink)} .payment-modes p{color:var(--g-muted2)}.payment-modes button{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)}.payment-modes button.active{background:var(--g-accent-soft2);color:var(--g-accent-text);border-color:var(--g-accent-soft2)} .checkout{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));box-shadow:var(--g-glow)} .mobile-cart-bar{background:var(--g-surface-strong);border-color:var(--g-line);color:var(--g-ink)} .mobile-cart-bar small{color:var(--g-muted2)} /* Filter & period dropdowns */ .module-filter-panel,.module-period-menu{background:var(--g-surface-strong)!important;border:1px solid var(--g-line)!important;box-shadow:var(--g-shadow-lg)!important;backdrop-filter:blur(24px)} .module-filter-panel header b{color:var(--g-ink)}.module-filter-panel header small{color:var(--g-muted2)} .module-filter-panel header button{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .module-filter-panel label>span{color:var(--g-muted)} .module-filter-panel select,.module-filter-panel input{background:var(--g-input-bg);border-color:var(--g-line);color:var(--g-ink)} .module-filter-panel footer{border-top-color:var(--g-line)} .module-filter-panel footer button{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .module-filter-panel footer button:last-child{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));color:#fff;border-color:transparent;box-shadow:var(--g-glow)} .module-period-menu button{background:transparent;color:var(--g-muted)} .module-period-menu button:hover{background:var(--g-accent-soft);color:var(--g-accent-text)} .list-tools>button.active-filter{border-color:var(--g-accent-soft2);background:var(--g-accent-soft);color:var(--g-accent-text)} .list-tools>button.active-filter>span{background:var(--g-accent);color:#fff} /* Popovers, dialogs, palettes */ .popover-menu,.command-palette,.activity-panel,.confirm-dialog,.field-picker,.qty-rate-dialog{background:var(--g-surface-strong)!important;backdrop-filter:blur(24px);border:1px solid var(--g-line)!important;box-shadow:var(--g-shadow-lg)!important} .popover-menu label{color:var(--g-muted2)} .popover-menu button,.popover-menu a{color:var(--g-muted)}.popover-menu button:hover,.popover-menu a:hover{background:var(--g-accent-soft);color:var(--g-accent-text)} .popover-menu hr,.command-palette>header,.command-palette>footer,.activity-panel>header,.activity-tabs,.activity-panel>footer{border-color:var(--g-line)!important;background:transparent!important} .branch-menu button>span{background:var(--g-accent-soft);color:var(--g-accent-text)}.branch-menu b{color:var(--g-ink)}.branch-menu small{color:var(--g-muted2)} .profile-summary{border-bottom-color:var(--g-line)}.profile-summary b{color:var(--g-ink)}.profile-summary small{color:var(--g-muted2)} .profile-menu .logout{color:var(--g-danger-text)} .support-menu label{color:var(--g-muted2)}.support-menu b{color:var(--g-ink)}.support-menu small{color:var(--g-muted2)} .command-palette>header svg{color:var(--g-accent)}.command-palette>header input{background:transparent;color:var(--g-ink)} .command-results>label{color:var(--g-muted2)}.command-results>a{color:var(--g-ink)}.command-results>a:hover{background:var(--g-accent-soft);color:var(--g-accent-text)} .command-results>a>span{background:var(--g-accent-soft);color:var(--g-accent-text)}.command-results>a small{color:var(--g-muted2)} .activity-panel h2{color:var(--g-ink)}.activity-panel header p{color:var(--g-muted2)}.close-form,.activity-panel header button,.period-popover header button,.picker-close,.record-edit-panel header button{display:grid;place-items:center} .mobile-cart-close{place-items:center} .activity-panel header button{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .activity-tabs button{color:var(--g-muted2)}.activity-tabs button.active{background:var(--g-accent-soft2);color:var(--g-accent-text)} .activity-item{background:var(--g-surface-soft);border-color:var(--g-line)}.activity-item.unread{border-color:var(--g-accent-soft2);background:var(--g-accent-soft)} .activity-item b{color:var(--g-ink)}.activity-item p{color:var(--g-muted)}.activity-item small{color:var(--g-muted2)} .activity-item>span{background:var(--g-warning-bg);color:var(--g-warning-text)}.activity-item.message>span{background:var(--g-info-bg);color:var(--g-info-text)}.activity-item.payment>span{background:var(--g-success-bg);color:var(--g-success-text)} .activity-panel>footer button,.activity-panel>footer a{color:var(--g-accent-text)} .confirm-dialog .confirm-icon{background:var(--g-danger-bg);color:var(--g-danger-text)} .confirm-dialog h3{color:var(--g-ink)}.confirm-dialog p{color:var(--g-muted)} .confirm-dialog .confirm-cancel{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .field-picker .picker-title{color:var(--g-ink)}.field-picker .picker-close{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .field-picker .picker-search-wrap{background:var(--g-surface);border-color:var(--g-line)}.field-picker .picker-search{background:transparent;color:var(--g-ink)}.field-picker .picker-search-wrap svg{color:var(--g-muted2)} .field-picker .picker-item:hover{background:var(--g-accent-soft)}.field-picker .picker-item b{color:var(--g-ink)}.field-picker .picker-item small{color:var(--g-muted2)} .field-picker .picker-item.picker-freetext{border-bottom-color:var(--g-line)}.field-picker .picker-item.picker-freetext b{color:var(--g-accent-text)} .qty-rate-dialog input{background:var(--g-input-bg);border-color:var(--g-line);color:var(--g-ink)} .account-dialog label>span{color:var(--g-muted)} .account-dialog input{background:var(--g-input-bg);border:1px solid var(--g-line);color:var(--g-ink)} .account-dialog input:focus{border-color:var(--g-accent);box-shadow:0 0 0 3px var(--g-accent-soft2)} .account-dialog hr{border-top:1px solid var(--g-line)} .account-dialog .account-hint{color:var(--g-muted2)} .account-dialog .account-error{color:var(--g-danger-text)} .account-dialog footer{border-top:1px solid var(--g-line)} .shortcuts-list li{color:var(--g-ink);border-bottom-color:var(--g-line)} .shortcuts-list kbd{background:var(--g-surface);border:1px solid var(--g-line);color:var(--g-muted)} .form-grid label.invalid input,.form-grid label.invalid select,.form-grid label.invalid textarea{border-color:var(--g-danger-text)!important;box-shadow:0 0 0 3px rgba(217,45,79,.15)} .form-grid .field-error{color:var(--g-danger-text)} /* Reporting period popover */ .period-popover{background:var(--g-surface-strong)!important;border:1px solid var(--g-line)!important;box-shadow:var(--g-shadow-lg)!important;backdrop-filter:blur(24px)} .period-popover header h3{color:var(--g-ink)}.period-popover header p{color:var(--g-muted2)} .period-popover header button{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .period-presets button{background:var(--g-surface);border-color:var(--g-line);color:var(--g-muted)} .period-presets button.active{background:var(--g-accent-soft2);color:var(--g-accent-text);border-color:var(--g-accent-soft2)} .period-fields label>span{color:var(--g-muted2)}.period-fields input{background:var(--g-input-bg);border-color:var(--g-line);color:var(--g-ink)} .period-popover footer button{color:var(--g-muted)} .period-popover #cancelPeriod{background:var(--g-surface);border-color:var(--g-line)} .period-popover #applyPeriod{background:linear-gradient(135deg,var(--g-accent),var(--g-accent2));color:#fff;box-shadow:var(--g-glow)} /* Toast */ .toast{background:var(--g-surface-strong);backdrop-filter:blur(20px);border:1px solid var(--g-line);box-shadow:var(--g-shadow-lg);color:var(--g-ink)}