/* Platform console (public/platform.js). */
.plat-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; margin: 12px 0; }
.plat-form input:not([type="checkbox"]) { min-width: 220px; }
.plat-checks { display: flex; flex-wrap: wrap; gap: 6px 14px; max-width: 640px; }
.plat-check { display: inline-flex; gap: 6px; align-items: center; font-size: 13px; }
.plat-details { margin: 6px 0; }
.plat-details summary { cursor: pointer; color: var(--muted, #5d6478); }
.plat-details .btn { margin-top: 8px; }
.plat-details input:not([type="checkbox"]) { margin: 6px 0; min-width: 220px; }
.plat-notice { padding: 10px 12px; border-radius: 8px; background: rgba(89, 104, 219, 0.12); overflow-wrap: anywhere; }
.plat-token { display: grid; gap: 8px; padding: 12px; border: 1px solid rgba(89, 104, 219, 0.4); border-radius: 8px; margin-top: 10px; }
.plat-token code { overflow-wrap: anywhere; font-size: 13px; }
.plat-days { display: inline-flex; gap: 6px; align-items: center; }
@media (max-width: 640px) { .plat-form input:not([type="checkbox"]) { min-width: 0; width: 100%; } }
/* The console styles checkboxes as switches; the group pickers use plain checkboxes. */
.plat-checks input[type="checkbox"] { appearance: auto; -webkit-appearance: checkbox; width: 16px; height: 16px; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
.plat-check::before, .plat-check::after { content: none; }
.plat-check { color: inherit; }
.plat-checks input[type="checkbox"]::before, .plat-checks input[type="checkbox"]::after { content: none; display: none; }
.plat-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; background: rgba(89, 104, 219, 0.14); }
.plat-badge.held { background: rgba(220, 80, 80, 0.16); }
.plat-days select { min-width: 220px; }
.plat-token textarea, .plat-form textarea { width: 100%; min-height: 96px; font-size: 12px; }
.plat-form textarea { max-width: 720px; }