/* The Palit in-browser wallet frame (2026-10-27-browserwallet). Matches the Preview's dark look. */
:root { color-scheme: dark; --bg: #0b0a0c; --card: #151317; --line: #2a262d; --text: #F8F3F8; --muted: #B4A9B4; --accent: #c9a7ff; --warn: #ffcf70; --bad: #ff8a8a; --good: #8be0a8; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font: 14px/1.5 "Segoe UI", "Helvetica Neue", Arial, sans-serif; }
main { padding: 16px; max-width: 640px; }
h2 { font-size: 17px; font-weight: 600; margin: 0 0 8px; }
p { margin: 0 0 10px; }
.muted { color: var(--muted); }
.small { font-size: 12px; }
.row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 10px 0; }
button { font: inherit; border: 1px solid var(--line); background: #221f25; color: var(--text); border-radius: 8px; padding: 8px 14px; cursor: pointer; }
button.primary { background: var(--accent); color: #140f1a; border-color: var(--accent); font-weight: 600; }
button:disabled { opacity: .5; cursor: default; }
input[type=password], input[type=text], textarea { font: inherit; width: 100%; background: #0f0e11; color: var(--text); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; }
textarea { min-height: 84px; resize: vertical; }
label { display: block; margin: 8px 0 4px; color: var(--muted); }
label.check { display: flex; gap: 8px; align-items: flex-start; color: var(--text); }
.banner { border: 1px solid var(--warn); background: #2a2210; color: var(--warn); border-radius: 8px; padding: 8px 10px; margin: 0 0 12px; }
.err { color: var(--bad); min-height: 1.2em; }
.ok { color: var(--good); }
.addr { font-family: Consolas, "SF Mono", monospace; font-size: 12px; word-break: break-all; background: #0f0e11; border: 1px solid var(--line); border-radius: 6px; padding: 6px 8px; }
.words { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 10px 0; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.words div { background: #0f0e11; border: 1px solid var(--line); border-radius: 6px; padding: 6px 8px; font-family: Consolas, "SF Mono", monospace; }
.words span { color: var(--muted); margin-right: 6px; }
@media (max-width: 420px) { .words { grid-template-columns: repeat(2, 1fr); } }
@media print { body { display: none !important; } }

/* 2026-10-30-storepay: a store payment shows full addresses; they wrap, never get cut off. */
.confirm li { overflow-wrap: anywhere; }