/* 自動產生，請勿手改：node tools/make-dark-theme.js（來源：app.css、fee-audit.css）。
   品牌質感與例外修正寫在 tools/theme-dark.brand.css（會附加在後面）。 */
@media screen{
  /* ---- app.css ---- */
  html[data-theme="dark"]{--bg:#1f211b;--surface:#152032;--ink:#cfe2dc;--muted:#9dadc8;--line:#20304b;--green:#badbd0;--mint:#161c17;--red:#d59690;--amber:#e0bd85}
  html[data-theme="dark"] .topbar{background:#152032}
  html[data-theme="dark"] .brand b{color:#ffffff}
  html[data-theme="dark"] .eyebrow{color:#9dadc8}
  html[data-theme="dark"] .btn{background:#152032}
  html[data-theme="dark"] .btn.primary{color:#ffffff}
  html[data-theme="dark"] .stat{background:#152032}
  html[data-theme="dark"] .panel{background:#152032}
  html[data-theme="dark"] .filters{background:#152032}
  html[data-theme="dark"] .field label{color:#9dadc8}
  html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{border:1px solid #21324e;background:#152032}
  html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus{outline:2px solid #3c4741}
  html[data-theme="dark"] .check{color:#9dadc8}
  html[data-theme="dark"] th{background:#22241b;color:#9dadc8}
  html[data-theme="dark"] td{border-bottom:1px solid #32362e}
  html[data-theme="dark"] tbody tr:hover{background:#22261c}
  html[data-theme="dark"] .thumb{background:#1b1d17}
  html[data-theme="dark"] .pill{background:#1a1d19;color:#9dadc8}
  html[data-theme="dark"] .p1{background:#271411;color:#d49691}
  html[data-theme="dark"] .p2{background:#231c0e;color:#dcbb89}
  html[data-theme="dark"] .p3{background:#171c18;color:#a4c1b0}
  html[data-theme="dark"] .p4{background:#161a20;color:#a6b2bf}
  html[data-theme="dark"] .done{background:#151c16;color:#9dc8ac}
  html[data-theme="dark"] .notice.success{color:#9bcdb0}
  html[data-theme="dark"] .trade-chip{background:#152032;color:#9dadc8}
  html[data-theme="dark"] .trade-chip.selected{color:#ffffff}
  html[data-theme="dark"] .section-label span{color:#9dadc8}
  html[data-theme="dark"] .upload{background:#21281a}
  html[data-theme="dark"] .preview button{background:#152032}
  html[data-theme="dark"] dialog::backdrop{background:#2a593e66}
  html[data-theme="dark"] .description{color:#bdcdc3;background:#21231b}
  html[data-theme="dark"] .hero{background:#366757;color:#ffffff}
  html[data-theme="dark"] .hero .eyebrow{color:#9dadc8}
  html[data-theme="dark"] .hero-number{color:#9dadc8}
  html[data-theme="dark"] .entry{background:#152032}
  html[data-theme="dark"] .entry .arrow{color:#a4c1ae}
  html[data-theme="dark"] footer{color:#9dadc8}
  html[data-theme="dark"] .donut::before{background:#152032}
  html[data-theme="dark"] .donut-legend a{border-bottom:1px solid #1e2c45}
  html[data-theme="dark"] .hero-photo:after{background:linear-gradient(90deg,#366757 0%,transparent 34%,transparent 72%,#2c614b33 100%)}
  html[data-theme="dark"] .role-banner{border:1px solid #364039;background:#1a221a}
  html[data-theme="dark"] .case-number{color:#9dadc8}
  @media(max-width:600px){
    html[data-theme="dark"] .hero-photo:after{background:linear-gradient(180deg,#366757 0%,transparent 35%,#2c614b55 100%)}
  }
  html[data-theme="dark"]{--bg:#181c26;--surface:#152032;--ink:#cdd6eb;--muted:#9dadc8;--line:#2c323d;--green:#849fe1;--mint:#0e1930;--red:#dc8995;--amber:#e1bb84}
  html[data-theme="dark"] body{background:radial-gradient(circle at 8% 0%,#0e172f 0,transparent 28%),radial-gradient(circle at 92% 12%,#160e2f 0,transparent 24%),var(--bg)}
  html[data-theme="dark"] .topbar{background:#152032eb;border-bottom-color:#29303f}
  html[data-theme="dark"] .topbar nav a.active{color:#849fe1}
  html[data-theme="dark"] .eyebrow{color:#a1abc4}
  html[data-theme="dark"] .btn{border-color:#2b3341}
  html[data-theme="dark"] .btn.link{color:#849fe1}
  html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .entry{border-color:#2a313d}
  html[data-theme="dark"] .entry:hover{border-color:#2a354c}
  html[data-theme="dark"] .entry .arrow{color:#849fe1}
  html[data-theme="dark"] .filters{background:#152032}
  html[data-theme="dark"] .field label{color:#a7afbe}
  html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{border-color:#2c333f;background:#101936}
  html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus{outline-color:#1e2e52}
  html[data-theme="dark"] .check{color:#a7afbe}
  html[data-theme="dark"] th{background:#181d28;color:#a8afbd}
  html[data-theme="dark"] td{border-bottom-color:#292f39}
  html[data-theme="dark"] tbody tr:hover{background:#131b30}
  html[data-theme="dark"] .thumb{background:#161921}
  html[data-theme="dark"] .pill{background:#171b23;color:#a7afbe}
  html[data-theme="dark"] .p3{background:#0e172f;color:#8fa9d6}
  html[data-theme="dark"] .p4{background:#150e2f;color:#ac9dc8}
  html[data-theme="dark"] .done{background:#14221e;color:#9de2d2}
  html[data-theme="dark"] .notice.success{color:#9edfd5}
  html[data-theme="dark"] .trade-chip{border-color:#2b323e;color:#a5aec0}
  html[data-theme="dark"] .trade-chip:hover{border-color:#2a395b;color:#849fe1}
  html[data-theme="dark"] .section-label span{color:#9fabc6}
  html[data-theme="dark"] .upload{border-color:#2e3a54;background:linear-gradient(135deg,#0f1a34,#150e31)}
  html[data-theme="dark"] dialog{border-color:#2a3240}
  html[data-theme="dark"] dialog::backdrop{background:#1a2c6f80}
  html[data-theme="dark"] .description{color:#b7c3d8;background:#181d28}
  html[data-theme="dark"] .hero{background:linear-gradient(135deg,#16316b 0%,#1d3d7e 56%,#303277 100%)}
  html[data-theme="dark"] .hero-photo:after{background:linear-gradient(90deg,#1d3d7e 0%,transparent 38%,transparent 72%,#16316b38 100%)}
  html[data-theme="dark"] .stat strong{color:#b7c5e7}
  html[data-theme="dark"] .role-banner{border-color:#253048;background:linear-gradient(100deg,#0e1a30,#180e32)}
  html[data-theme="dark"] .role-banner strong,html[data-theme="dark"] .case-number{color:#849fe1}
  html[data-theme="dark"] .donut::before{background:#152032}
  html[data-theme="dark"] .donut-legend a{border-bottom-color:#292e3a}
  html[data-theme="dark"] .donut-legend a:hover span{color:#849fe1}
  @media(max-width:600px){
    html[data-theme="dark"] .hero-photo:after{background:linear-gradient(180deg,#1d3d7e 0%,transparent 38%,#16316b55 100%)}
  }
  html[data-theme="dark"] .stat label>.ui-icon{color:#86a1df;background:#0e1930}
  html[data-theme="dark"] .panel-title h2>.ui-icon,html[data-theme="dark"] .section-label>.ui-icon{color:#85a1e0;background:#0e1930}
  html[data-theme="dark"] .trade-chip>.ui-icon{color:#86a1df}
  html[data-theme="dark"] .trade-chip.selected>.ui-icon{color:#ffffff}
  html[data-theme="dark"] .btn.danger{border-color:#4a2e33;color:#d98c98;background:#340f14}
  html[data-theme="dark"] .btn.danger:hover{background:#2a1214}
  html[data-theme="dark"]{--bg:#111a29;--surface:#152032;--ink:#d0d8e5;--muted:#9dadc8;--line:#21314c;--green:#c4cede;--mint:#1f1b16;--red:#d68f97;--amber:#d5b290}
  html[data-theme="dark"] body{background:radial-gradient(circle at 86% 5%,#1b1814 0,transparent 27%),linear-gradient(180deg,#21201c,#111927)}
  html[data-theme="dark"] .topbar{border-bottom-color:#21314c}
  html[data-theme="dark"] .brand b{background:linear-gradient(145deg,#2a3e62,#375281 62%,#a26f3e)}
  html[data-theme="dark"] .topbar nav a.active{color:#d5b290}
  html[data-theme="dark"] .btn.primary{background:linear-gradient(135deg,#2a3f63,#354e7a)}
  html[data-theme="dark"] .btn.link{color:#d2b193}
  html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .entry{border-color:#21314c}
  html[data-theme="dark"] .entry:hover{border-color:#514639}
  html[data-theme="dark"] .entry:before{background:linear-gradient(#2c4166,#a26f3e)}
  html[data-theme="dark"] .entry h2>.ui-icon{background:linear-gradient(135deg,#2b4064,#375381 65%,#a26f3e)}
  html[data-theme="dark"] .entry .arrow,html[data-theme="dark"] .case-number,html[data-theme="dark"] .role-banner strong{color:#d4b191}
  html[data-theme="dark"] .stat label>.ui-icon,html[data-theme="dark"] .panel-title h2>.ui-icon,html[data-theme="dark"] .section-label>.ui-icon{color:#d2b193;background:#211b15}
  html[data-theme="dark"] .trade-chip>.ui-icon{color:#d3b292}
  html[data-theme="dark"] .trade-chip:hover{color:#d5b190}
  html[data-theme="dark"] .trade-chip.selected{background:linear-gradient(135deg,#2b4165,#385483)}
  html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus{outline-color:#4e4132}
  html[data-theme="dark"] .upload{background:linear-gradient(135deg,#27231b,#221c16)}
  html[data-theme="dark"] .hero{background:#273a5a}
  html[data-theme="dark"] .hero>div{background:linear-gradient(90deg,#273a5a 0%,#273a5a 72%,#273a5add 84%,transparent 100%)}
  html[data-theme="dark"] .hero .eyebrow{color:#d4b691}
  html[data-theme="dark"] .hero-photo:after{background:linear-gradient(90deg,#273a5a 0%,#273a5a88 15%,transparent 48%,transparent 100%)}
  html[data-theme="dark"] .stat strong{color:#cbd4e2}
  html[data-theme="dark"] .role-banner{border-color:#433b33;background:linear-gradient(100deg,#231e17,#1f1d1a)}
  html[data-theme="dark"] .donut-legend a:hover span{color:#d4b191}
  @media(max-width:600px){
    html[data-theme="dark"] .hero>div{background:linear-gradient(180deg,#273a5a 0%,#273a5a 78%,transparent 100%)}
    html[data-theme="dark"] .hero-photo:after{background:linear-gradient(180deg,#273a5a 0%,transparent 42%,#273a5a55 100%)}
  }
  html[data-theme="dark"] .photo-viewer::backdrop{background:#2c3144ef}
  html[data-theme="dark"] .photo-viewer figcaption{color:#ffffff}
  html[data-theme="dark"] .photo-viewer button{color:#ffffff;background:#15203220}
  html[data-theme="dark"] .photo-viewer button:hover{background:#15203235}
  @media(max-width:720px){
    html[data-theme="dark"] .table-wrap tr{background:#152032}
    html[data-theme="dark"] .table-wrap td{border-bottom:1px solid #38332e}
    html[data-theme="dark"] .dialog-top{background:#152032}
  }
  html[data-theme="dark"] .photo-action{border:1px solid #243553;background:#152032}
  html[data-theme="dark"] .photo-action>span{background:#1d1a16}
  html[data-theme="dark"] .photo-action.primary-photo{background:#2c4268;color:#ffffff}
  html[data-theme="dark"] .photo-action.primary-photo>span{background:#15203218}
  html[data-theme="dark"] .photo-picker-status{border-top:1px solid #3b3631}
  html[data-theme="dark"] .photo-picker-status span:first-child{color:#d1b194}
  html[data-theme="dark"] .preview figure{background:#0e1522}
  html[data-theme="dark"] .preview figcaption{background:#243553bb;color:#ffffff}
  html[data-theme="dark"] .preview button{border:1px solid #1a273d88}
  @media(max-width:600px){
    html[data-theme="dark"] .form-footer{background:#152032cc}
  }
  html[data-theme="dark"] .voice-card{border:1px solid #2a3345;background:linear-gradient(135deg,#0f1933,#1c0f35)}
  html[data-theme="dark"] .voice-status{background:#152032;border:1px solid #29303d;color:#a5aec0}
  html[data-theme="dark"] .ai-processing{border:1px solid #29334b;background:linear-gradient(135deg,#0f1f34,#180e31)}
  html[data-theme="dark"] .ai-processing-head{color:#9aaacb}
  html[data-theme="dark"] .ai-processing-count{color:#a5aec0}
  html[data-theme="dark"] .ai-processing-track{background:#111620}
  html[data-theme="dark"] .ai-processing p{color:#a4aec1}
  html[data-theme="dark"] .ai-processing-hint{color:#a7afbe}
  html[data-theme="dark"] .ai-processing-hint button{color:#97a6ce}
  html[data-theme="dark"] .voice-card details{background:#152032;border:1px solid #29303d}
  html[data-theme="dark"] .voice-card summary{color:#a0acc5}
  html[data-theme="dark"] .report-mode{border:1px solid #2f333a;background:#1c1e22}
  html[data-theme="dark"] .mode-option:hover{background:#152032}
  html[data-theme="dark"] .mode-option.active{border-color:#313c53;background:#152032}
  html[data-theme="dark"] .mode-option:focus-visible{outline:3px solid #2a3856}
  html[data-theme="dark"] .mode-icon{background:#161921;color:#a5aec0}
  html[data-theme="dark"] .mode-option.active .mode-icon{background:#374868;color:#ffffff}
  html[data-theme="dark"] .manual-mode-note{border:1px solid #3f3b34;background:#262219;color:#a0b0ca}
  html[data-theme="dark"] .voice-guide-image{border:1px solid #2b323e;background:#171c23}
  html[data-theme="dark"] .voice-sop li{border:1px solid #2b323e;background:#152032}
  html[data-theme="dark"] .voice-sop b{color:#afbcd6}
  html[data-theme="dark"] .voice-sop span{color:#9dadc8}
  html[data-theme="dark"] .ai-draft-summary{border:1px solid #3d473a;background:#1d2818}
  html[data-theme="dark"] .ai-draft-summary>strong{color:#aac9b5}
  html[data-theme="dark"] .pill.status-pending{background:#161b24;color:#a2afc3}
  html[data-theme="dark"] .pill.status-dispatch{background:#271d0b;color:#dfba86}
  html[data-theme="dark"] .pill.status-progress{background:#0d1b2c;color:#85aee0}
  html[data-theme="dark"] .pill.status-review{background:#170e2f;color:#ad9acb}
  html[data-theme="dark"] .pill.done{background:#13211a;color:#9de2c9}
  html[data-theme="dark"] .inline-description textarea{background:#181d28}
  html[data-theme="dark"] .case-number-title{color:#9dadc8}
  html[data-theme="dark"] .title-input{border:1px solid #21324e;background:#181d28}
  html[data-theme="dark"] .title-input:focus{outline:2px solid #3c4741;background:#152032}
  html[data-theme="dark"] .submission-dialog{border:1px solid #263143;background:#152032}
  html[data-theme="dark"] .submission-dialog::backdrop{background:#1e397980}
  html[data-theme="dark"] .submission-icon{background:#13211a;color:#9de2c9}
  html[data-theme="dark"] .submission-dialog.failed .submission-icon{background:#2c0f10;color:#d88d98}
  html[data-theme="dark"] .browser-fallback-dialog{border:1px solid #263143;background:#152032}
  html[data-theme="dark"] .browser-fallback-dialog::backdrop{background:#1e397980}
  html[data-theme="dark"] .browser-fallback-dialog .submission-icon{background:#111a28;color:#8ba8da}
  html[data-theme="dark"] .status-filter{border:1px solid #2f343d;background:#152032;color:#9dadc8}
  html[data-theme="dark"] .status-filter.selected{background:#2b4165;color:#ffffff}
  html[data-theme="dark"] .status-filter.status-pending.selected{background:#4f617d}
  html[data-theme="dark"] .clear-all-filters{border:1px solid #283142 !important;background:#0f1a34 !important;color:#96a9cf !important}
  html[data-theme="dark"] .clear-all-filters:hover{background:#0e1930 !important;border-color:#2c3850 !important}
  html[data-theme="dark"] .trade-chip .chip-selection{background:#152032;color:#8ea6d7}
  html[data-theme="dark"] .trade-chip.selected .ui-icon{color:#ffffff !important}
  html[data-theme="dark"] .trade-chip.selected b{color:#ffffff}
  html[data-theme="dark"] .status-filter.selected:before{background:#152032;color:#97a7ce}
  html[data-theme="dark"] .company-profile-body>p{color:#a3adc2}
  html[data-theme="dark"] .project-card{border:1px solid #29313f;background:linear-gradient(145deg,#101936,#0f1a33)}
  html[data-theme="dark"] .project-card h3{color:#b3c2df}
  html[data-theme="dark"] .project-card a{color:#849fe1}
  html[data-theme="dark"] .project-status{background:#141924;color:#a4afc1}
  html[data-theme="dark"] .project-status.current{background:#0d1b2c;color:#84aee1}
  html[data-theme="dark"] .project-status.planned{background:#1a0e2f;color:#ad9cc9}
  html[data-theme="dark"] .project-status.completed{background:#142019;color:#9dd6ba}
  html[data-theme="dark"] .priority-badge.p0{background:#1a1c20;border-color:#30353a;color:#9dadc8}
  html[data-theme="dark"] .priority-badge.p1{background:#30120e;border-color:#4e2924;color:#d8928d}
  html[data-theme="dark"] .priority-badge.p2{background:#2e230d;border-color:#5a4a27;color:#e6c189}
  html[data-theme="dark"] .priority-badge.p3{background:#16241a;border-color:#324938;color:#a8d8b7}
  html[data-theme="dark"] .priority-badge.p3 b{background:#4d8c60;color:#ffffff}
  html[data-theme="dark"] .priority-badge.p4{background:#151d27;border-color:#2d3845;color:#a1b4c4}
  html[data-theme="dark"] .priority-badge.p4 b{background:#4c5f6e;color:#ffffff}
  html[data-theme="dark"] .location-badge{background:#161d2c}
  html[data-theme="dark"] .location-badge.building-a{border-color:#1c3554;background:#0f1f32;color:#8aacdb}
  html[data-theme="dark"] .location-badge.building-a .location-icon{background:#0b1826;color:#86aedf}
  html[data-theme="dark"] .location-badge.building-b{border-color:#32204e;background:#1f0f34;color:#af97ce}
  html[data-theme="dark"] .location-badge.building-b .location-icon{background:#180c2b;color:#af97ce}
  html[data-theme="dark"] .location-badge.building-public{border-color:#31483d;background:#16281e;color:#9cd5bc}
  html[data-theme="dark"] .location-badge.building-public .location-icon{background:#101b15;color:#91d4b6}
  html[data-theme="dark"] .trade-badge{color:#a6b0bf}
  html[data-theme="dark"] .trade-icon{background:#161b24;color:#a4afc1}
  html[data-theme="dark"] .trade-badge small{color:#9dadc8}
  html[data-theme="dark"] .trade-badge.trade-masonry .trade-icon{background:#2a1c0c;color:#e0b085}
  html[data-theme="dark"] .trade-badge.trade-painting .trade-icon{background:#220e2f;color:#b599cc}
  html[data-theme="dark"] .trade-badge.trade-plumbing .trade-icon,html[data-theme="dark"] .trade-badge.trade-leak .trade-icon{background:#0d202d;color:#87bbde}
  html[data-theme="dark"] .trade-badge.trade-fire .trade-icon{background:#2d130d;color:#d59890}
  html[data-theme="dark"] .trade-badge.trade-carpentry .trade-icon{background:#291e0c;color:#dcb689}
  html[data-theme="dark"] .trade-badge.trade-ironwork .trade-icon{background:#171a1e;color:#9dadc8}
  html[data-theme="dark"] .trade-badge.trade-mechanical .trade-icon,html[data-theme="dark"] .trade-badge.trade-equipment .trade-icon{background:#0e1031;color:#9da2c8}
  html[data-theme="dark"] .trade-badge.trade-security .trade-icon{background:#12231d;color:#9ad9c6}
  html[data-theme="dark"] .advanced-filters{border:1px solid #29313f;background:linear-gradient(135deg,#101936,#0f1734)}
  html[data-theme="dark"] .advanced-filters summary{color:#a1b0cc}
  html[data-theme="dark"] .advanced-filters summary small{color:#a8b0bd}
  html[data-theme="dark"] .advanced-filter-icon{background:#0d152d;color:#91a4d4}
  html[data-theme="dark"] .advanced-filter-chevron{color:#a4adc1}
  html[data-theme="dark"] .advanced-filters[open]{background:#152032}
  html[data-theme="dark"] .advanced-filters[open] summary{border-bottom:1px solid #292f3c;background:#0f1834}
  html[data-theme="dark"] .priority-badge.p0{background:#1a1c20;border-color:#30353a;color:#9dadc8}
  html[data-theme="dark"] .priority-badge.p1{background:#30120e;border-color:#4e2924;color:#d8928d}
  html[data-theme="dark"] .priority-badge.p2{background:#2e230d;border-color:#5a4a27;color:#e6c189}
  html[data-theme="dark"] .priority-badge.p3{background:#16241a;border-color:#324938;color:#a8d8b7}
  html[data-theme="dark"] .priority-badge.p3 b{background:#4d8c60;color:#ffffff}
  html[data-theme="dark"] .priority-badge.p4{background:#151d27;border-color:#2d3845;color:#a1b4c4}
  html[data-theme="dark"] .priority-badge.p4 b{background:#4c5f6e;color:#ffffff}
  html[data-theme="dark"] .location-badge{background:#161d2c}
  html[data-theme="dark"] .location-badge.building-a{border-color:#1c3554;background:#0f1f32;color:#8aacdb}
  html[data-theme="dark"] .location-badge.building-a .location-icon{background:#0b1826;color:#86aedf}
  html[data-theme="dark"] .location-badge.building-b{border-color:#32204e;background:#1f0f34;color:#af97ce}
  html[data-theme="dark"] .location-badge.building-b .location-icon{background:#180c2b;color:#af97ce}
  html[data-theme="dark"] .location-badge.building-public{border-color:#31483d;background:#16281e;color:#9cd5bc}
  html[data-theme="dark"] .location-badge.building-public .location-icon{background:#101b15;color:#91d4b6}
  /* ---- fee-audit.css ---- */
  html[data-theme="dark"] #monthlyPanel .fa-cell.future-slot{background:#121417;color:#9dadc8}
  html[data-theme="dark"] .fa-drop{background:linear-gradient(135deg,#27231b,#221c16)}
  html[data-theme="dark"] .fa-drop:hover,html[data-theme="dark"] .fa-drop.over{background:#211c13}
  html[data-theme="dark"] .fa-source-localbond{background:#131d1d;color:#a3edef}
  html[data-theme="dark"] .fa-source-bank{background:#171b23;color:#a4aec1}
  html[data-theme="dark"] .fa-stat-green strong{color:#92dfb2}
  html[data-theme="dark"] .fa-stat-yellow strong{color:#f4c573}
  html[data-theme="dark"] .fa-stat-red strong{color:#dc9189}
  html[data-theme="dark"] .fa-stat-pending strong{color:#a5aec0}
  html[data-theme="dark"] .fa-legend{color:#a8b0bd}
  html[data-theme="dark"] .fa-dot{color:#ffffff}
  html[data-theme="dark"] .fa-fire{background:#2d4369;color:#ffffff}
  html[data-theme="dark"] .fa-matrix th{color:#a8afbd}
  html[data-theme="dark"] .fa-matrix th small{color:#9dadc8}
  html[data-theme="dark"] .fa-cell{color:#ffffff}
  html[data-theme="dark"] .fa-cell.st-yellow{color:#fbf1d4}
  html[data-theme="dark"] .fa-cell.empty-slot{background:#0e1522}
  html[data-theme="dark"] .fa-hint{background:#171b23;color:#a4aec1}
  html[data-theme="dark"] .fa-tag.st-green{background:#132018;color:#9ee4bb}
  html[data-theme="dark"] .fa-tag.st-yellow{background:#231c0a;color:#f5d089}
  html[data-theme="dark"] .fa-tag.st-red{background:#29120e;color:#de9087}
  html[data-theme="dark"] .fa-unpaid-row{border-bottom:1px solid #1e2c45}
  html[data-theme="dark"] .fa-unpaid-row b{color:#dc9189}
  html[data-theme="dark"] .fa-details summary{color:#a8b0bd}
  html[data-theme="dark"] .fa-payment{background:#23231e}
  html[data-theme="dark"] .fa-reasons{color:#f5d089}
  html[data-theme="dark"] .fa-table td.ok{color:#9ee4bb}
  html[data-theme="dark"] .fa-table td.bad{color:#e28c83}
  html[data-theme="dark"] .fa-edit-line .amt{color:#a8b0bd}
  html[data-theme="dark"] .fa-chip{background:#171b23}
  html[data-theme="dark"] .fa-gap{color:#a8b0bd}
  html[data-theme="dark"] .fa-over-text{color:#f5d089}
  html[data-theme="dark"] .fa-short-text{color:#dc9189}
  html[data-theme="dark"] .fa-chip-x{color:#9dadc8}
  html[data-theme="dark"] .fa-chip-x:hover{background:#29120e;color:#dc9189}
  html[data-theme="dark"] .fee-wide{--muted:#9dadc8}
  html[data-theme="dark"] .fee-wide .fa-note{color:#b1b9c5}
  html[data-theme="dark"] .fee-wide .stat label{color:#b8c0d1}
  html[data-theme="dark"] .fee-wide .stat span{color:#b1b9c5}
  html[data-theme="dark"] .fee-wide th{color:#b8c0d1}
  html[data-theme="dark"] .fee-wide .fa-matrix th{color:#b8c0d1}
  html[data-theme="dark"] .fa-size button{border:1px solid #313741;background:#152032;color:#b8c0d1}
  html[data-theme="dark"] .fa-size button[aria-pressed="true"]{background:#2a3f63;color:#ffffff}
  html[data-theme="dark"] .fee-wide .table-wrap th:last-child,html[data-theme="dark"] .fee-wide .table-wrap td:last-child{background:#152032}
  html[data-theme="dark"] .fee-wide .table-wrap th:last-child{background:#181d28}
  html[data-theme="dark"] .fee-wide .table-wrap tbody tr:hover td:last-child{background:#131b30}
  html[data-theme="dark"] .fee-wide #unitTable th:nth-child(1),html[data-theme="dark"] .fee-wide #unitTable td:nth-child(1){background:#152032}
  html[data-theme="dark"] .fee-wide #unitTable th:nth-child(2),html[data-theme="dark"] .fee-wide #unitTable td:nth-child(2){background:#152032}
  html[data-theme="dark"] .fee-wide #unitTable th:nth-child(1),html[data-theme="dark"] .fee-wide #unitTable th:nth-child(2){background:#181d28}
  html[data-theme="dark"] .fee-wide #unitTable tbody tr:hover td:nth-child(1),html[data-theme="dark"] .fee-wide #unitTable tbody tr:hover td:nth-child(2){background:#131b30}
  html[data-theme="dark"] .fee-wide #checkTable th:first-child,html[data-theme="dark"] .fee-wide #checkTable td:first-child{background:#152032}
  html[data-theme="dark"] .fee-wide #checkTable th:first-child{background:#181d28}
  html[data-theme="dark"] .fee-wide #checkTable tbody tr:hover td:first-child{background:#131b30}
  @media(max-width:720px){
    html[data-theme="dark"] .fee-wide .table-wrap td,html[data-theme="dark"] .fee-wide .table-wrap th{border-bottom:1px solid #32362e}
  }
}

/* ===== 手調的深色品牌層（深藍底、薄荷綠強調、發光卡片）=====
   風格參考 ryan_developer_profile.html：#090e1d 底、#111b30 卡片、#263451 邊線、#70f0cb 強調、#78a7ff 藍。
   這份會附加在自動產生的深色樣式之後（見 tools/make-dark-theme.js），所以可以覆寫它。 */
@media screen{
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#090e1d;--surface:#111b30;--ink:#eaf2ff;--muted:#9dabca;--line:#263451;
  --green:#70f0cb;--mint:#143c38;--red:#ff8a8a;--amber:#ffcb54;
  --accent:#70f0cb;--blue:#78a7ff;--panel:#111b30;--text:#eaf2ff
}
html[data-theme="dark"] body{
  background:radial-gradient(ellipse at 85% 12%,#192c51 0,transparent 35%),radial-gradient(ellipse at 0% 70%,#10273b 0,transparent 32%),#090e1d;
  background-attachment:fixed;color:#eaf2ff
}
html[data-theme="dark"] ::selection{background:#70f0cb;color:#092020}
html[data-theme="dark"] a{color:inherit}

/* 卡片：深藍漸層 + 細邊線 */
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .entry,html[data-theme="dark"] .filters,
html[data-theme="dark"] .role-banner,html[data-theme="dark"] .voice-card,html[data-theme="dark"] .fa-payment,
html[data-theme="dark"] .skill,html[data-theme="dark"] .work{
  background:linear-gradient(145deg,#152039e0,#10192bc9);border-color:#263451;box-shadow:0 18px 50px #0005
}
html[data-theme="dark"] .panel-title{border-bottom-color:#1c2944}
html[data-theme="dark"] .stat:after{background:#70f0cb10}
html[data-theme="dark"] .entry:hover,html[data-theme="dark"] .work:hover{border-color:#70f0cb88;box-shadow:0 18px 50px #70f0cb14}
html[data-theme="dark"] .entry:before{background:linear-gradient(#70f0cb,#78a7ff)}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#eaf2ff}
html[data-theme="dark"] .page-head p,html[data-theme="dark"] .subtext{color:#9dabca}

/* 小標籤：膠囊 + 發光點 */
html[data-theme="dark"] .eyebrow{
  display:inline-flex;align-items:center;gap:9px;border:1px solid #2e6d69;background:#143c38aa;color:#70f0cb;
  padding:6px 14px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:1.2px
}
html[data-theme="dark"] .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#70f0cb;box-shadow:0 0 14px #70f0cb}

/* 按鈕 */
html[data-theme="dark"] .btn{background:#0f1830;color:#eaf2ff;border-color:#263451;box-shadow:none;transition:.2s}
html[data-theme="dark"] .btn:hover{border-color:#70f0cb;transform:translateY(-1px)}
html[data-theme="dark"] .btn.primary{background:#70f0cb;color:#092020;border-color:#70f0cb;box-shadow:0 8px 26px #70f0cb30}
html[data-theme="dark"] .btn.primary:hover{background:#8af5d8}
html[data-theme="dark"] .btn.link{background:transparent;border-color:transparent;color:#70f0cb;box-shadow:none}
html[data-theme="dark"] .btn.danger{background:#2a1218;border-color:#6b2a35;color:#ff9a9a}
html[data-theme="dark"] .btn:disabled{opacity:.45}
html[data-theme="dark"] .btn:focus-visible,html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] button:focus-visible{outline:3px solid #70f0cb;outline-offset:2px}

/* 表單 */
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{
  background:#0b1326;color:#eaf2ff;border-color:#2c3b5b
}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#6f7fa3}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{outline:2px solid #70f0cb55;border-color:#70f0cb;box-shadow:0 0 0 4px #70f0cb14}
html[data-theme="dark"] option{background:#0b1326;color:#eaf2ff}
html[data-theme="dark"] input[type=checkbox],html[data-theme="dark"] input[type=radio]{accent-color:#70f0cb}

/* 表格 */
html[data-theme="dark"] th{background:#0f1830;color:#9dabca;border-bottom-color:#263451}
html[data-theme="dark"] td{border-bottom-color:#1c2944;color:#eaf2ff}
html[data-theme="dark"] tbody tr:hover{background:#14213d}
html[data-theme="dark"] .table-wrap{border-color:#263451}

/* 對話框 */
html[data-theme="dark"] dialog{background:#111b30;color:#eaf2ff;border-color:#263451;box-shadow:0 28px 90px #000a}
html[data-theme="dark"] dialog::backdrop{background:#030610cc}
html[data-theme="dark"] .dialog-top{background:#111b30;border-bottom-color:#263451}

/* 訊息 */
html[data-theme="dark"] .notice{color:#9dabca}
html[data-theme="dark"] .notice.error{color:#ff8a8a}
html[data-theme="dark"] .notice.success{color:#70f0cb}
html[data-theme="dark"] .empty{color:#9dabca}
html[data-theme="dark"] footer{color:#8495b5;border-top-color:#263451}

/* 管理費各頁的狀態色（在深底上要夠亮）*/
html[data-theme="dark"] .fa-stat-green strong{color:#70f0cb}
html[data-theme="dark"] .fa-stat-yellow strong,html[data-theme="dark"] .fa-over-text{color:#ffcb54}
html[data-theme="dark"] .fa-stat-red strong,html[data-theme="dark"] .fa-short-text{color:#ff8a8a}
html[data-theme="dark"] .fa-stat-pending strong{color:#78a7ff}
html[data-theme="dark"] .fa-cell.st-yellow,html[data-theme="dark"] .fa-dot.st-yellow{color:#2b2000}
html[data-theme="dark"] .fa-table td.ok{color:#70f0cb}
html[data-theme="dark"] .fa-table td.bad,html[data-theme="dark"] .num.bad{color:#ff8a8a}
html[data-theme="dark"] .fa-tag.st-green{background:#143c38;color:#70f0cb}
html[data-theme="dark"] .fa-tag.st-yellow{background:#3a2d0a;color:#ffcb54}
html[data-theme="dark"] .fa-tag.st-red{background:#3a1218;color:#ff8a8a}
html[data-theme="dark"] .fa-hint,html[data-theme="dark"] .fa-chip{background:#1b2a47;color:#bdd0e8;border:1px solid #2c3f63}
html[data-theme="dark"] .fa-drop{background:#0d1730;border-color:#2e6d69;color:#eaf2ff}
html[data-theme="dark"] .fa-drop:hover,html[data-theme="dark"] .fa-drop.over{border-color:#70f0cb;background:#10213a}
html[data-theme="dark"] .fa-size button{background:#0f1830;color:#eaf2ff;border-color:#263451}
html[data-theme="dark"] .fa-size button[aria-pressed="true"]{background:#70f0cb;color:#092020;border-color:#70f0cb}
html[data-theme="dark"] .fa-size>span{color:#9dabca}
}

/* 紅綠燈狀態色：深底上改用亮色塊 + 深色符號（對比比白字壓深綠高）*/
@media screen{
html[data-theme="dark"] .st-green{background:#3ddc97;color:#062a1d}
html[data-theme="dark"] .st-yellow{background:#ffcb54;color:#2b2000}
html[data-theme="dark"] .st-red{background:#ff7a7a;color:#2a0a0a}
html[data-theme="dark"] .fa-dot[style*="b5bdc8"]{background:#52627f!important;color:#fff}
html[data-theme="dark"] .fa-dot[style*="dce2e8"]{background:#2a3a58!important;color:#cdd9ee!important}
html[data-theme="dark"] #monthlyPanel .fa-cell.future-slot{background:#1c2944;color:#9dabca}
html[data-theme="dark"] .fa-cell.empty-slot{background:#14213d}
html[data-theme="dark"] .fa-cell .fa-fire{background:#0a1224;color:#70f0cb;box-shadow:0 0 0 1px #70f0cb88}
}

/* 固定在右側的操作欄（與固定在左側的戶別欄）：底色要跟表格其他欄一致，不能是另一塊灰色 */
@media screen{
html[data-theme="dark"] .fee-wide .table-wrap td:last-child{background:#101a30;box-shadow:-10px 0 12px -10px #000a}
html[data-theme="dark"] .fee-wide .table-wrap th:last-child{background:#0f1830}
html[data-theme="dark"] .fee-wide .table-wrap tbody tr:hover td:last-child{background:#14213d}
html[data-theme="dark"] .fee-wide #unitTable td:nth-child(1),html[data-theme="dark"] .fee-wide #unitTable td:nth-child(2),html[data-theme="dark"] .fee-wide #checkTable td:first-child{background:#101a30}
html[data-theme="dark"] .fee-wide #unitTable th:nth-child(1),html[data-theme="dark"] .fee-wide #unitTable th:nth-child(2),html[data-theme="dark"] .fee-wide #checkTable th:first-child{background:#0f1830}
html[data-theme="dark"] .fee-wide #unitTable tbody tr:hover td:nth-child(1),html[data-theme="dark"] .fee-wide #unitTable tbody tr:hover td:nth-child(2),html[data-theme="dark"] .fee-wide #checkTable tbody tr:hover td:first-child{background:#14213d}
}