/* dl-auth.v1.css — styles for the shared Domainless sign-in sheet.
 *
 * Split out of dl-auth.v1.js on 2026-08-10-231332. It used to be injected as an
 * inline <style>, which apps running `style-src 'self'` (the documents and
 * spreadsheets editors) silently refuse — the sheet rendered unstyled there.
 * Loaded by a RELATIVE <link href="/chrome/dl-auth.v1.css">, so it is always
 * same-origin: on domainless.fun for every app on the shell, and on
 * /authorize?popup=1 for cross-origin callers.
 *
 * Extracted verbatim from the JS constant — do not hand-retype it back.
 */
.dla-scrim{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,8,12,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dla-fade .16s ease-out}@keyframes dla-fade{from{opacity:0}to{opacity:1}}@keyframes dla-rise{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.dla-sheet{width:100%;max-width:404px;max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:16px;padding:24px;box-sizing:border-box;animation:dla-rise .2s cubic-bezier(.2,.8,.3,1);font:15px/1.5 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;position:relative;box-shadow:0 24px 64px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2)}.dla-sheet[data-t="light"]{background:#fdfcfa;color:#1a1a1f;border:1px solid #e4e0d8}.dla-sheet[data-t="dark"]{background:#16161c;color:#ececf2;border:1px solid #2e2e38}.dla-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:9px;border:0;background:transparent;font-size:21px;line-height:1;cursor:pointer;color:inherit;opacity:.5}.dla-x:hover{opacity:1}.dla-sheet[data-t="light"] .dla-x:hover{background:#eeeae2}.dla-sheet[data-t="dark"] .dla-x:hover{background:#26262f}.dla-brand{font-weight:800;font-size:19px;letter-spacing:-.02em;margin-bottom:2px}.dla-brand i{font-style:normal;color:#7aa2f7}.dla-brand u{text-decoration:none;color:#59b98a}.dla-reason{font-size:14px;opacity:.72;margin-bottom:18px}.dla-tabs{display:flex;gap:4px;padding:3px;border-radius:11px;margin-bottom:18px}.dla-sheet[data-t="light"] .dla-tabs{background:#efece5}.dla-sheet[data-t="dark"] .dla-tabs{background:#20202a}.dla-tabs button{flex:1;padding:9px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:inherit;opacity:.62;cursor:pointer}.dla-tabs button[aria-selected="true"]{opacity:1}.dla-sheet[data-t="light"] .dla-tabs button[aria-selected="true"]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.dla-sheet[data-t="dark"] .dla-tabs button[aria-selected="true"]{background:#33333f}.dla-f{display:block;margin-bottom:13px}.dla-f span{display:block;font-size:12.5px;font-weight:600;opacity:.7;margin-bottom:5px}.dla-f input{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:9px;font:16px system-ui,-apple-system,sans-serif;color:inherit;outline:0}.dla-sheet[data-t="light"] .dla-f input{background:#fff;border:1px solid #d9d4ca}.dla-sheet[data-t="dark"] .dla-f input{background:#0f0f14;border:1px solid #34343f}.dla-f input:focus{border-color:#7aa2f7;box-shadow:0 0 0 3px rgba(122,162,247,.22)}.dla-hint{font-size:12px;opacity:.55;margin-top:5px}.dla-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;opacity:.85;margin:2px 0 15px}.dla-check input{margin:2px 0 0;width:17px;height:17px;flex:none;accent-color:#7aa2f7}.dla-go{width:100%;padding:13px;border:0;border-radius:10px;background:#7aa2f7;color:#0b1020;font:inherit;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px}.dla-go:hover{filter:brightness(1.06)}.dla-go[disabled]{opacity:.6;cursor:default;filter:none}.dla-alt{margin-top:14px;text-align:center;font-size:13px;opacity:.72}.dla-link{background:0;border:0;padding:0;font:inherit;color:#7aa2f7;cursor:pointer;text-decoration:underline}.dla-err{font-size:13.5px;border-radius:9px;padding:10px 12px;margin-bottom:14px;background:rgba(214,66,66,.13);color:#a32020;border:1px solid rgba(214,66,66,.3)}.dla-sheet[data-t="dark"] .dla-err{color:#ff8f8f}.dla-note{font-size:13.5px;border-radius:9px;padding:10px 12px;margin-bottom:14px;background:rgba(89,185,138,.14);color:#1e5e3e;border:1px solid rgba(89,185,138,.32)}.dla-sheet[data-t="dark"] .dla-note{color:#7fd4a6}.dla-done{text-align:center;padding:14px 0 4px}.dla-done b{display:block;font-size:17px;margin-bottom:4px}.dla-tick{width:46px;height:46px;border-radius:50%;background:#59b98a;color:#fff;font-size:25px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.dla-foot{margin-top:16px;font-size:11.5px;opacity:.5;text-align:center;line-height:1.45}@media (max-width:420px){.dla-sheet{padding:20px 17px;border-radius:14px}}@media (prefers-reduced-motion:reduce){.dla-scrim,.dla-sheet{animation:none}}

/* Replaces two style="display:none" attributes, which the same CSP drops.
   Toggled with classList so nothing depends on inline style at all. */
.dla-hide{display:none !important}

/* 2026-09-30 — 2-step sign-in, recovery, and the "protect your account"
   step. Same rules as above: classes only, no inline styles (CSP). */
.dla-methods{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.dla-method{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:9px 12px;border-radius:10px;font:inherit;font-size:14px;text-align:left;cursor:pointer;color:inherit;box-sizing:border-box}
.dla-sheet[data-t="light"] .dla-method{background:#fff;border:1px solid #d9d4ca}
.dla-sheet[data-t="dark"] .dla-method{background:#0f0f14;border:1px solid #34343f}
.dla-method[aria-pressed="true"]{border-color:#7aa2f7;box-shadow:0 0 0 3px rgba(122,162,247,.22)}
.dla-method b{display:block;font-weight:600}
.dla-method small{display:block;font-size:12.5px;opacity:.68;overflow-wrap:anywhere}
.dla-ico{flex:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.dla-sheet[data-t="light"] .dla-ico{background:#e8eefc;color:#2f5bd3}
.dla-sheet[data-t="dark"] .dla-ico{background:#1e2640;color:#9ab8ff}
.dla-f input.dla-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:21px;letter-spacing:.34em;text-align:center}
.dla-f input.dla-bcode{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-align:center}
.dla-sec{width:100%;padding:12px;border-radius:10px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:inherit;margin-top:9px;background:transparent}
.dla-sheet[data-t="light"] .dla-sec{border:1px solid #d9d4ca}
.dla-sheet[data-t="dark"] .dla-sec{border:1px solid #3a3a46}
.dla-warn{font-size:13.5px;line-height:1.45;border-radius:9px;padding:10px 12px;margin:0 0 14px}
.dla-sheet[data-t="light"] .dla-warn{background:#fdf3dc;border:1px solid #e9cf8f;color:#5c4207}
.dla-sheet[data-t="dark"] .dla-warn{background:#2e2614;border:1px solid #5e4c1e;color:#f0d999}
.dla-done-sm{padding:4px 0 14px}
.dla-done-sm .dla-tick{width:38px;height:38px;font-size:20px;margin-bottom:8px}
.dla-addr{display:block;font-weight:700;overflow-wrap:anywhere}
.dla-alt a.dla-link{display:inline-block;margin-top:2px}

/* 2026-10-01 — readable secondary text in BOTH themes. Fading with opacity
   measured 1.87:1 for links ("Forgot your password?", "Back to sign in"),
   3.31 for the footer and 3.86 for hints on the LIGHT sheet (AA needs 4.5).
   Real colours per theme instead; every one measured >= 6:1. */
.dla-alt,.dla-hint,.dla-foot{opacity:1}
.dla-x{opacity:.72}
.dla-sheet[data-t="light"] .dla-link{color:#2c56c9}
.dla-sheet[data-t="dark"] .dla-link{color:#9db8ff}
.dla-sheet[data-t="light"] .dla-alt{color:#55555e}
.dla-sheet[data-t="dark"] .dla-alt{color:#a9a9b6}
.dla-sheet[data-t="light"] .dla-hint{color:#5d5d66}
.dla-sheet[data-t="dark"] .dla-hint{color:#a0a0ad}
.dla-sheet[data-t="light"] .dla-foot{color:#62626b}
.dla-sheet[data-t="dark"] .dla-foot{color:#9898a6}
.dla-tick{background:#2f8a5b}