/* KabataanOS sign-in screens, account menu and dialogs */
.kos-auth{position:fixed;inset:0;z-index:200;background:var(--bg,#eef1f6);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 24px;overflow:auto}
.kos-auth[hidden]{display:none}
body.kos-locked{overflow:hidden}
.kos-card{width:100%;max-width:420px;background:var(--surface,#fff);border:1px solid var(--line,#dde3ec);border-radius:14px;padding:22px 22px 18px;box-shadow:0 10px 30px rgba(15,30,60,.08)}
.kos-card.wide{max-width:860px}
.kos-card h1{font-size:20px;margin:14px 0 4px}
.kos-brand{display:flex;gap:10px;align-items:center}
.kos-brand b{display:block;font-size:15px}.kos-brand small{display:block;color:var(--muted,#667);font-size:11.5px;line-height:1.3}
.kos-msg{border-radius:8px;padding:8px 10px;margin:10px 0;font-size:13px}
.kos-msg.bad{background:#fdecec;color:#9b1c1c}.kos-msg.ok{background:#e3f6ec;color:#0d7a4f}
.kos-qr{display:flex;justify-content:center;margin:10px 0}.kos-qr img{background:#fff;padding:8px;border-radius:8px;border:1px solid var(--line,#dde3ec)}
.kos-secret{display:block;word-break:break-all;margin-top:6px;padding:6px 8px;background:var(--bg,#eef1f6);border-radius:6px}
.kos-steps{padding-left:18px;margin:8px 0}
.kos-orgs{display:grid;gap:8px;margin-top:10px}.kos-org{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px}
.kos-chip{position:relative;margin-left:auto}
.kos-menu{position:absolute;left:0;top:calc(100% + 4px);min-width:230px;background:var(--surface,#fff);border:1px solid var(--line,#dde3ec);border-radius:10px;box-shadow:0 10px 30px rgba(15,30,60,.15);padding:4px;z-index:120;display:flex;flex-direction:column}
.kos-menu[hidden]{display:none}
.kos-menu button,.kos-menu a{all:unset;cursor:pointer;padding:8px 10px;border-radius:6px;font-size:14px}
.kos-menu button:hover,.kos-menu a:hover{background:var(--bg,#eef1f6)}
.kos-dlg{position:fixed;inset:0;z-index:150;background:rgba(10,20,40,.45);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow:auto}
.kos-dlg[hidden]{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .kos-msg.bad{background:#3b1414;color:#fca5a5}:root:not([data-theme="light"]) .kos-msg.ok{background:#123d2c;color:#6ee7b0}}
input[type=email],input[type=password],.kos-card input:not([type]){width:100%;border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:7px 9px;font-size:14px;color:var(--ink);min-width:0;box-sizing:border-box}
#kos-code{font-size:20px;letter-spacing:.3em;text-align:center;font-family:var(--mono,ui-monospace,monospace)}
.brand .kos-chip{margin:2px 0 0 -8px}
.brand .kos-chip>button{padding:3px 8px;font-size:12px}