/* Cuentas: entrar / registrarse, avisos y comparar */
.auth { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 16px; overflow: auto;
  background: radial-gradient(900px 500px at 80% -10%, rgba(212,255,26,.10), transparent 60%), var(--bg); }
.auth-card { width: min(440px, 100%); background: var(--panel); border: 1px solid var(--line); padding: 28px; clip-path: var(--cut); }
.auth-card .logo { padding: 0 0 14px; }
.auth-form { display: grid; gap: 12px; margin-top: 14px; }
.auth-form .fld input { background: var(--panel2); color: var(--text); border: 1px solid var(--line); padding: 11px 12px; font: 500 15px var(--body); }
.auth-form .fld input:focus { border-color: var(--volt); outline: none; }
.auth-card > .pill { margin-top: 14px; }
#banner { max-width: 1180px; margin: 0 auto; padding: 0 16px; }
.banner-note { margin-top: 12px; }
.note a, .hint a { color: var(--volt); }
.top-in { gap: 14px; }
nav button { padding-left: 9px; padding-right: 9px; letter-spacing: .08em; }
.logout { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; background: none; border: 1px solid var(--line); color: var(--mute);
  padding: 8px 12px; font: 700 14px var(--display); letter-spacing: .1em; text-transform: uppercase; transition: color .15s, border-color .15s; }
.logout:hover { color: var(--text); border-color: var(--mute); }
.logout[hidden] { display: none; }
.logout svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.syncbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.cmp-chart .chart { height: 220px; }
.filters > .hint { margin: 6px 0 0; }
#admin th, #admin td, #compare th:first-child { text-align: left; }
.reg-row input[type="text"] { background: var(--panel2); color: var(--text); border: 1px solid var(--line); padding: 8px 10px; font: 500 14px var(--body); flex: 1 1 200px; min-width: 0; }