/* Aether account + admin portal — shared by account.html and admin.html */
.acc-wrap{max-width:1120px}
.acc-card{border:1px solid #23262b;background:#0b0b0c;border-radius:10px;padding:20px 20px;margin-bottom:18px}
.acc-card h2{margin:0 0 4px;font-size:17px;letter-spacing:-.03em}
.acc-card p.sub{margin:0 0 16px;color:#85878b;font-size:12px;line-height:1.65}
.acc-card h3{margin:0 0 10px;font-size:13px;letter-spacing:-.02em;color:#e8eaed}
.acc-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.acc-field > label{font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#85878b}
.acc-input{width:100%;background:#111214;border:1px solid #2a2e33;color:#fff;border-radius:5px;padding:11px 12px;font-size:12px;font-family:Manrope,Arial,sans-serif;outline:none;box-sizing:border-box}
.acc-input:focus{border-color:#5a5f66}
.acc-input::placeholder{color:#5e6167}
textarea.acc-input{min-height:84px;resize:vertical;line-height:1.6}
.acc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:6px;border:1px solid #fff;background:#fff;color:#000;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none}
.acc-btn.ghost{background:transparent;color:#fff;border-color:#333}
.acc-btn.danger{background:transparent;color:#ff6b6b;border-color:#4a2020}
.acc-btn.mini{padding:7px 11px;font-size:11px}
.acc-btn:disabled{opacity:.55;cursor:not-allowed}
.acc-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.acc-msg{margin-top:12px;font-size:11px;line-height:1.65;color:#9aa0a6;white-space:pre-wrap}
.acc-msg.err{color:#ff8a8a}
.acc-msg.ok{color:#7ee08a}
.acc-tabs{display:flex;gap:6px;margin:0 0 18px;flex-wrap:wrap}
.acc-tab{padding:8px 14px;border-radius:999px;border:1px solid #2a2e33;background:#0b0b0c;color:#c8c9cc;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit}
.acc-tab.active{background:#fff;color:#000;border-color:#fff}
.acc-table{width:100%;border-collapse:collapse;font-size:12px}
.acc-table th{text-align:left;font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#85878b;padding:8px 10px;border-bottom:1px solid #242529;white-space:nowrap}
.acc-table td{padding:10px;border-bottom:1px solid #1b1d20;color:#c8c9cc;vertical-align:top}
.acc-table tbody tr{cursor:pointer}
.acc-table tbody tr:hover td{background:rgba(255,255,255,.025)}
.acc-table.plain tbody tr{cursor:default}
.acc-table .mono{font-family:'DM Mono',monospace;font-size:11px;color:#9aa0a6}
.acc-scroll{overflow-x:auto;border:1px solid #23262b;border-radius:8px}
.acc-badge{display:inline-block;padding:2px 8px;border-radius:999px;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;border:1px solid #2a2e33;color:#9aa0a6;white-space:nowrap}
.acc-badge.paid{color:#7ee08a;border-color:#20492c}
.acc-badge.pending{color:#ffcc66;border-color:#4a3a15}
.acc-badge.failed{color:#ff8a8a;border-color:#4a2020}
.acc-chat{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding:14px;border:1px solid #23262b;border-radius:8px;background:#08080a}
.acc-bubble{max-width:78%;padding:9px 12px;border-radius:9px;font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-word}
.acc-bubble.customer{align-self:flex-start;background:#15171a;border:1px solid #242529;color:#e8eaed}
.acc-bubble.admin{align-self:flex-end;background:#1d2b22;border:1px solid #2b4433;color:#e6f3ea}
.acc-bubble .who{display:block;margin-bottom:5px;font:10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#7a7d82}
.acc-bubble .meta{display:block;margin-top:6px;font:10px 'DM Mono',monospace;color:#7a7d82}
.acc-empty{color:#7a7d82;font-size:12px;padding:18px;text-align:center}
.acc-kv{display:grid;grid-template-columns:160px 1fr;gap:8px 14px;font-size:12px;margin:0 0 16px}
.acc-kv dt{font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#85878b;padding-top:2px}
.acc-kv dd{margin:0;color:#e8eaed;white-space:pre-wrap;word-break:break-word}
.acc-hide{display:none !important}
@media (max-width:640px){ .acc-kv{grid-template-columns:1fr;gap:2px 0} .acc-kv dt{padding-top:10px} }