/* Dark theme for /feedback.html. Applies only under html[data-theme="dark"], which
   components/preferences.js sets. The block between the sentinels is
   generated by scripts/build_dark_theme.mjs; never edit it by hand. Anything
   after it is hand-written and wins at equal specificity. */

/* DARK_THEME:GENERATED:START */
/* Generated by scripts/build_dark_theme.mjs. Do not edit by hand. */
html[data-theme="dark"]{--bg:#192030;--bg2:#171d2c;--bg3:#1d2639;--surface:#171d2c;--surface2:#1d2639;--border:#212a40;--accent:#7bb3f4;--accent2:#8abff5;--text:#c4d1d9;--muted:#afbac0;--white:#d2e7f5;--success:#7cf4cc;--warning:#f59e0b;--danger:#dc2626}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .hero-grid-bg{background-image:linear-gradient(rgba(14,103,208,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(14,103,208,0.07) 1px, transparent 1px)}
html[data-theme="dark"] .hero-badge{background:rgba(14,103,208,0.1);border:1px solid rgba(14,103,208,0.3);color:var(--accent)}
html[data-theme="dark"] h1{color:var(--white)}
html[data-theme="dark"] .hero-desc{color:var(--muted)}
html[data-theme="dark"] .fb-card{background:var(--surface);border:1px solid var(--border)}
html[data-theme="dark"] .fb-card:hover{box-shadow:0 18px 50px rgba(14,103,208,0.1)}
html[data-theme="dark"] .fb-card-issue{border-top:3px solid var(--danger)}
html[data-theme="dark"] .fb-card-issue:hover{border-color:var(--danger)}
html[data-theme="dark"] .fb-card-test{border-top:3px solid var(--success)}
html[data-theme="dark"] .fb-card-test:hover{border-color:var(--success)}
html[data-theme="dark"] .fb-card-icon-issue{background:rgba(220,38,38,0.1);color:var(--danger)}
html[data-theme="dark"] .fb-card-icon-test{background:rgba(16,185,129,0.1);color:var(--success)}
html[data-theme="dark"] .fb-card h2{color:var(--white)}
html[data-theme="dark"] .fb-card p{color:var(--muted)}
html[data-theme="dark"] .fb-card-cta{color:var(--accent)}
html[data-theme="dark"] .fb-card-issue .fb-card-cta{color:var(--danger)}
html[data-theme="dark"] .fb-card-test .fb-card-cta{color:var(--success)}
html[data-theme="dark"] .fb-modal-overlay{background:rgba(15,23,42,0.55)}
html[data-theme="dark"] .fb-modal-panel{background:var(--surface);box-shadow:0 30px 80px rgba(0,0,0,0.25)}
html[data-theme="dark"] .fb-close{background:rgba(23,29,44,0.95);border:1px solid var(--border);color:var(--muted)}
html[data-theme="dark"] .fb-modal-head h3{color:var(--white)}
html[data-theme="dark"] .fb-modal-head p{color:var(--muted)}
html[data-theme="dark"] .fb-field label{color:var(--text)}
html[data-theme="dark"] .fb-field label .req{color:var(--danger)}
html[data-theme="dark"] .fb-field input,html[data-theme="dark"] .fb-field textarea,html[data-theme="dark"] .fb-field select{background:var(--bg2);border:1px solid var(--border);color:var(--white)}
html[data-theme="dark"] .fb-field input:focus,html[data-theme="dark"] .fb-field textarea:focus,html[data-theme="dark"] .fb-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(14,103,208,0.12)}
html[data-theme="dark"] .fb-radio{border:1px solid var(--border)}
html[data-theme="dark"] .fb-radio:hover{border-color:var(--accent);background:var(--surface2)}
html[data-theme="dark"] .fb-radio input:checked + span{color:var(--white)}
html[data-theme="dark"] .fb-star{background:transparent;border:1px solid var(--border);color:var(--muted)}
html[data-theme="dark"] .fb-star:hover,html[data-theme="dark"] .fb-star.selected{background:rgba(245,158,11,0.1);border-color:var(--warning);color:var(--warning)}
html[data-theme="dark"] .fb-star.selected{color:var(--warning)}
html[data-theme="dark"] .fb-check{color:var(--text)}
html[data-theme="dark"] .fb-btn{border:none}
html[data-theme="dark"] .fb-btn-primary{background:var(--accent);color:#fff}
html[data-theme="dark"] .fb-btn-primary:hover:not(:disabled){background:var(--accent2)}
html[data-theme="dark"] .fb-btn-issue{background:var(--danger)}
html[data-theme="dark"] .fb-btn-issue:hover:not(:disabled){background:#b91c1c}
html[data-theme="dark"] .fb-btn-test{background:var(--success)}
html[data-theme="dark"] .fb-btn-test:hover:not(:disabled){background:#0d9669}
html[data-theme="dark"] .fb-btn-secondary{background:transparent;color:var(--muted);border:1px solid var(--border)}
html[data-theme="dark"] .fb-error{background:#381c1c;border:1px solid #5d2e2e;color:#eb8c8c}
html[data-theme="dark"] .fb-success-tick{background:rgba(16,185,129,0.12)}
html[data-theme="dark"] .fb-success-tick svg{color:var(--success)}
html[data-theme="dark"] .fb-success h3{color:var(--white)}
html[data-theme="dark"] .fb-success p{color:var(--muted)}
/* DARK_THEME:GENERATED:END */