/* The platform switch (board pick 03 B): the platform's name is the button; the same on the three platforms. */
/* ── the platform switch (picked B): the platform's name is the button, under / beside the logo, same on all three ── */
.sw { position: relative; display: inline-block; }
.sw-box { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 12px; border-radius: 10px; cursor: pointer; text-align: left; font: inherit; }
.sw-box .k { font: 700 10px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; padding: 2px 6px; border-radius: 4px; background: #D5F098; color: #201A21; }
.sw-box .nm { flex: 1; font-family: Figtree, 'Geist', system-ui, sans-serif; font-weight: 600; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sw-box .cv { font-size: 11px; opacity: .7; }
/* on a dark side menu (Video production, Admin console) */
.sw.dark { display: block; align-self: stretch; width: auto; margin: 0; }
.sw.dark .sw-box { background: #2B242C; border: 1px solid #3A323B; color: #fff; }
.sw.dark .sw-box:hover { border-color: #4A4150; }
/* on Eden's light header (Control Tower) */
.sw.light .sw-box { background: var(--surface); border: 1px solid var(--border); color: var(--ink); padding: 6px 10px; }
.sw.light .sw-box .nm { font-size: 13px; }
.sw-menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 60; width: 360px; padding: 10px; border-radius: 14px; background: #fff; color: #201A21; border: 1px solid #E6E3E7; box-shadow: 0 16px 44px -12px rgba(32, 26, 33, .38), 0 2px 8px rgba(32, 26, 33, .08); font-family: Figtree, 'Geist', system-ui, sans-serif; }
.sw-menu .t { font: 500 10.5px 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; color: #6D5F6F; padding: 2px 8px 8px; }
.sw-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) 18px; gap: 4px 12px; align-items: center; padding: 9px 8px; border-radius: 10px; color: inherit; text-decoration: none; cursor: pointer; }
.sw-row:hover { background: #F6F6F6; }
.sw-row.cur { background: #F7FBEE; box-shadow: inset 0 0 0 1px #BFE1A0; }
.sw-row .ic { width: 34px; height: 34px; display: block; }
.sw-row .ic svg { display: block; width: 34px; height: 34px; }
.sw-row b { display: block; font-size: 14px; font-weight: 600; }
.sw-row small { display: block; font-size: 12px; color: #6D5F6F; line-height: 1.35; }
.sw-row u { display: block; text-decoration: none; font: 10.5px 'JetBrains Mono', ui-monospace, monospace; color: #A39BA4; margin-top: 2px; }
.sw-row em { font-style: normal; color: #3A7D2C; font-weight: 700; text-align: center; }
.sw-row svg { color: #6D5F6F; }
.sw-foot { margin: 8px 8px 2px; padding-top: 8px; border-top: 1px solid #E6E3E7; font-size: 11.5px; color: #6D5F6F; }
.sw-row .ic { width: 34px; height: 34px; display: block; }
.sw-row .ic svg { display: block; width: 34px; height: 34px; }
.sw-menu[hidden] { display: none; }
@media (max-width: 760px) { .sw-menu { position: fixed !important; left: 12px !important; right: 12px; top: 64px !important; width: auto; } }