/* Focused extensions to the existing FPV palette. */
:root{--fpv-surface:#fff;--fpv-ink:#17263b;--fpv-muted:#475569;--fpv-line:#cbd5e1;--fpv-accent:#155fc2}
:root[data-theme="dark"]{--fpv-surface:#172333;--fpv-ink:#edf3fa;--fpv-muted:#b8c8d9;--fpv-line:#47586d;--fpv-accent:#8ebfff}
[hidden]{display:none!important}
.fpv-setup,.fpv-active-drone,.fpv-notice{color:var(--fpv-ink);background:var(--fpv-surface);border:1px solid var(--fpv-line);border-radius:12px}
.fpv-setup{grid-column:1/-1;padding:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#public-tuner .home-pid-grid>.fpv-setup{grid-template-columns:minmax(0,1fr)}
.fpv-setup h3,.fpv-setup p{margin:0}.fpv-setup-intro,.fpv-field-help,#fpvDraftNote{color:var(--fpv-muted)}
.fpv-start-actions{display:flex;gap:10px;flex-wrap:wrap}.fpv-start-actions button{min-height:44px}
.fpv-profile-picker{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.fpv-profile-picker label{flex:1;min-width:200px;display:grid;gap:6px}
.fpv-active-drone{margin:0 24px 16px;padding:14px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;font-size:14px}
.fpv-active-drone p{width:100%;margin:0;color:var(--fpv-muted);font-size:13px}.fpv-active-drone strong{font-size:15px}.fpv-active-drone span{font-variant-numeric:tabular-nums}
.fpv-advanced{margin:18px 0;border-block:1px solid var(--fpv-line);padding:14px 0}.fpv-advanced summary{cursor:pointer;font-weight:700;min-height:32px;color:var(--fpv-ink)}.fpv-advanced[open] summary{margin-bottom:16px}
.fpv-field-help{display:block;grid-column:1/-1;font-size:12px;line-height:1.5;font-weight:400;max-width:65ch}
.fpv-nav-group{margin-block:8px 16px}.fpv-nav-group>p{font-size:12px;font-weight:700;color:var(--fpv-muted);margin:12px 10px 6px}
.fpv-nav-search{display:grid;gap:5px;padding:8px 4px 12px;font-size:13px;color:var(--fpv-ink)}.fpv-nav-search small{color:var(--fpv-muted);font-size:11px}.fpv-nav-search input{width:100%;min-width:0;background:var(--fpv-surface);color:var(--fpv-ink)}
.fpv-notice{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:12px 16px;margin-bottom:16px;overflow-wrap:anywhere}.fpv-notice button{background:transparent;color:var(--fpv-ink);min-width:36px;min-height:36px;padding:0}
.icon-btn svg{width:22px;height:22px}.fpv-setup button,.fpv-notice button{cursor:pointer}.fpv-setup button:focus-visible,.fpv-advanced summary:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--fpv-accent);outline-offset:3px}
::selection{background:#b8d8ff;color:#10263e}input,textarea{caret-color:var(--fpv-accent)}.nav-stack{scrollbar-color:var(--fpv-line) transparent;scrollbar-width:thin}
.fpv-setup button.ghost{justify-self:start;color:var(--fpv-muted);background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;padding:8px 0}
.fpv-setup button.primary{background:#155fc2;color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:700}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--fpv-surface:#172333;--fpv-ink:#edf3fa;--fpv-muted:#b8c8d9;--fpv-line:#47586d;--fpv-accent:#8ebfff}}
@media(max-width:700px){.fpv-active-drone{margin:0 12px 16px;padding:12px}.fpv-start-actions{display:grid;grid-template-columns:1fr;width:100%}.fpv-setup{padding:16px}.fpv-profile-picker{align-items:stretch;flex-direction:column}.form-panel input,.form-panel select,.fpv-nav-search input{font-size:16px}.form-panel .btn-row{gap:10px}.fpv-notice{font-size:14px}.home-pid-grid{gap:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
