.theme-picker{font:inherit;border:1px solid #91b4a4;border-radius:6px;padding:7px;background:#fff;color:#17302f;max-width:170px}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#101a18;color:#e2ede6}html[data-theme=dark] .site-header,html[data-theme=dark] nav{background:#14231e;border-color:#354e41}html[data-theme=dark] .panel,html[data-theme=dark] .price-card,html[data-theme=dark] .catalog-panel,html[data-theme=dark] .compute-grid article{background:#182923;border-color:#354e41}html[data-theme=dark] .workflow-section,html[data-theme=dark] .steps article,html[data-theme=dark] .docs-banner,html[data-theme=dark] blockquote,html[data-theme=dark] .note,html[data-theme=dark] .payment-status,html[data-theme=dark] .flow div,html[data-theme=dark] .inline-success,html[data-theme=dark] .key-box{background:#20362c;color:#d3e6d9;border-color:#41634e}html[data-theme=dark] p,html[data-theme=dark] .muted,html[data-theme=dark] .fine-print,html[data-theme=dark] .panel-footnote,html[data-theme=dark] .example-note,html[data-theme=dark] .stats span,html[data-theme=dark] .faq-list p,html[data-theme=dark] label{color:#b2c5b9}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong,html[data-theme=dark] summary,html[data-theme=dark] .brand{color:#e2ede6}html[data-theme=dark] a,html[data-theme=dark] .eyebrow,html[data-theme=dark] #pricing table td:nth-child(2){color:#a9dfbe}html[data-theme=dark] .button,html[data-theme=dark] button{background:#b0e2c3;color:#143c29;border-color:#b0e2c3}html[data-theme=dark] .button.secondary,html[data-theme=dark] button.secondary{background:#21382d;color:#c5e9d1;border-color:#5b8169}html[data-theme=dark] input,html[data-theme=dark] select{background:#10231b;color:#e2ede6;border-color:#4c6a57}html[data-theme=dark] th{background:#223b2f;color:#dbebe0}html[data-theme=dark] td,html[data-theme=dark] th,html[data-theme=dark] details,html[data-theme=dark] .panel-heading,html[data-theme=dark] footer,html[data-theme=dark] .next-step{border-color:#354e41}html[data-theme=dark] .badge,html[data-theme=dark] .success-badge,html[data-theme=dark] .tag,html[data-theme=dark] .type-label{background:#294a36;color:#b8ebc9}html[data-theme=dark] footer{background:#14231e;color:#b2c5b9}html[data-theme=dark] nav a[aria-current=page]{background:#2c5940;color:#e2f5e8}html[data-theme=dark] .swagger-ui{filter:invert(.88) hue-rotate(140deg)}html[data-theme=dark] #notice{background:#3a3421;color:#eee0b6;border-color:#796b37}html[data-theme=dark] .cluster-grid strong{color:#bce8cb}html[data-theme=dark] .hero .hero-description,html[data-theme=dark] .hero-note{color:#d0e7db}

html[data-theme=dark] .steps code{color:#a9dfbe}html[data-theme=dark] .legend i{border:1px solid #6b927e}

.locale-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.locale-controls select{font-size:12px;margin:0}.header-inner{gap:14px}.header-inner nav{gap:18px}

/* Explicit light baseline and accessible keyboard focus across all surfaces. */
html[data-theme=light]{color-scheme:light}
.theme-control{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;white-space:nowrap}
.theme-control .theme-picker{margin:0;width:auto;min-width:110px}
.theme-picker:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #3c946d;outline-offset:3px}
html[data-theme=dark] :focus-visible{outline-color:#a9dfbe}
html[data-theme=dark] textarea{background:#10231b;color:#e2ede6;border-color:#4c6a57}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#96afa0;opacity:1}
html[data-theme=dark] pre:not(.swagger-ui pre){background:#10231b;color:#d5eadc;border-color:#354e41}
/* Internal administration uses the same palette without changing its data/actions. */
html[data-app=admin] .admin-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
html[data-app=admin] textarea{display:block;width:100%;max-width:100%;border:1px solid #b8ccc0;border-radius:6px;padding:10px 12px;font:inherit;background:#f9fbfa;color:#172f28;margin-bottom:15px}
html[data-app=admin] button.danger{background:#fae5e5;color:#932b35;border-color:#e2b4ba}
html[data-app=admin] header{border-color:#dce8e1;flex-wrap:wrap;gap:16px}
html[data-app=admin][data-theme=dark] section,html[data-app=admin][data-theme=dark] dialog{background:#182923;color:#e2ede6;border-color:#354e41;box-shadow:none}
html[data-app=admin][data-theme=dark] header,html[data-app=admin][data-theme=dark] .dash-trend{border-color:#354e41}
html[data-app=admin][data-theme=dark] .dash-cards>div{background:#20362c;border-color:#41634e}
html[data-app=admin][data-theme=dark] .dash-cards strong,html[data-app=admin][data-theme=dark] .stat{color:#bce8cb}
html[data-app=admin][data-theme=dark] table,html[data-app=admin][data-theme=dark] dialog{color:#e2ede6}
html[data-app=admin][data-theme=dark] details,html[data-app=admin][data-theme=dark] #dash-error,html[data-app=admin][data-theme=dark] .dash-cards span{color:#b2c5b9}
html[data-app=admin][data-theme=dark] textarea{background:#10231b;color:#e2ede6;border-color:#4c6a57}
html[data-app=admin][data-theme=dark] button.danger{background:#512c34;color:#ffd8dd;border-color:#965562}
html[data-app=admin][data-theme=dark] dialog::backdrop{background:#050e0bbf}
html[data-app=admin] #notice:empty{padding:0;background:none}
@media(max-width:600px){html[data-app=admin] .admin-header-actions{width:100%;justify-content:space-between}.theme-control{gap:5px}}
