.environment-picker {border:1px solid #d6e4de;border-radius:14px;padding:14px;margin:4px 0 8px;background:#f5faf7;min-width:0}
.environment-picker-title {margin:0 0 10px;font-weight:700;color:#294b3b;font-size:14px}
.environment-picker-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.environment-picker-links a {display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 10px;border:1px solid #c7d9cf;border-radius:10px;text-decoration:none;font-weight:700;background:#fff;color:#25543e;box-sizing:border-box}
.environment-picker-links a[aria-current] {background:#087d53;color:#fff;border-color:#087d53}
.environment-picker-links a[data-environment="demo"][aria-current] {background:#815312;border-color:#815312;color:#fff}
.environment-picker-links a:focus-visible {outline:3px solid #2286d1;outline-offset:3px}
.environment-picker-links a[aria-disabled] {opacity:.55;cursor:default}
.environment-picker-help {margin:10px 0 0;color:#536a5d;font-size:13px;line-height:1.45}
.environment-badge {display:inline-flex;align-items:center;align-self:flex-start;flex-shrink:0;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;background:#e4f3eb;color:#0b603e;border:1px solid #badfc9}
html[data-environment="demo"] .environment-picker {background:#fffaf0;border-color:#e3cea8}
html[data-environment="demo"] .environment-badge {background:#fff2d6;color:#754810;border-color:#e0bb75}
@media(max-width:480px){.environment-picker{padding:12px}.environment-picker-help{font-size:12px}}