/* ASH web — giriş ve yönetim sayfaları (renkler base.css token'larından). */
* { box-sizing: border-box; }
html, body { margin: 0; }
body { min-height: 100vh; background: var(--bg); color: var(--text); font: 0.8rem/1.5 var(--font); }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: var(--accent); }
.dim { color: var(--text-dim); }
.faint { color: var(--text-faint); }
.icon { width: 1rem; height: 1rem; flex-shrink: 0; }
.btn { text-decoration: none; }
.btn-sm { height: 1.7rem; padding: 0 0.65rem; font-size: 0.72rem; }
.btn:disabled { opacity: 0.55; cursor: default; }

/* ---------- Giriş ---------- */
.gate { min-height: 100vh; display: grid; place-items: center; padding: 1rem; }
.gate-box { width: min(19rem, 100%); display: grid; gap: 0.9rem; }
.gate-mark { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; letter-spacing: 0.02em; }
.gate-mark .icon { color: var(--accent); width: 1.2rem; height: 1.2rem; }
.gate h1 { margin: 0; font-size: 1.15rem; font-weight: 600; }
.gate p { margin: 0; }
.gate form { display: grid; gap: 0.55rem; }
.gate .btn { justify-content: center; }
.gate-err { min-height: 1.2em; color: var(--danger); font-size: 0.72rem; }
.gate-switch { justify-self: start; }
.gate .segmented { justify-self: start; }

/* ---------- Yönetim ---------- */
.admin { max-width: 52rem; margin: 0 auto; padding: 1.2rem 1rem 4rem; display: grid; gap: 1.1rem; }
.admin-top { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.admin-top h1 { margin: 0; font-size: 1.05rem; font-weight: 600; margin-right: auto; display: flex; align-items: center; gap: 0.45rem; }
.admin-top h1 .icon { color: var(--accent); }
.panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.9rem 1rem; display: grid; gap: 0.7rem; }
.panel > header { display: flex; align-items: center; gap: 0.5rem; }
.panel > header h2 { margin: 0; font-size: 0.85rem; font-weight: 600; margin-right: auto; display: flex; align-items: center; gap: 0.4rem; }
.panel > header h2 .icon { color: var(--text-dim); }
.rows { display: grid; gap: 0.15rem; }
.row { display: flex; align-items: center; gap: 0.6rem; padding: 0.4rem 0.5rem; border-radius: var(--radius-sm); }
.row:hover { background: var(--surface-2); }
.row-main { flex: 1; min-width: 0; display: grid; }
.row-main b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row-main span { color: var(--text-faint); font-size: 0.7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row.is-dead .row-main b { color: var(--text-faint); text-decoration: line-through; }
.pill { font-size: 0.66rem; padding: 0.05rem 0.45rem; border-radius: 999px; background: var(--surface-3); color: var(--text-dim); white-space: nowrap; }
.pill.is-ok { background: var(--ok-soft); color: var(--ok); }
.pill.is-bad { background: var(--danger-soft); color: var(--danger); }
.empty { color: var(--text-faint); padding: 0.3rem 0.5rem; }
.form { display: grid; gap: 0.7rem; }
.form-row { display: grid; grid-template-columns: 7rem 1fr; gap: 0.6rem; align-items: center; }
.form-row > label:first-child { color: var(--text-dim); }
.form-actions { display: flex; gap: 0.5rem; justify-content: flex-end; flex-wrap: wrap; }
.checks { display: flex; flex-wrap: wrap; gap: 0.3rem 0.9rem; }
.check { display: inline-flex; align-items: center; gap: 0.35rem; cursor: pointer; }
.check input { accent-color: var(--accent); margin: 0; }
.chips { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.chip { height: 1.6rem; padding: 0 0.65rem; border-radius: 999px; border: 1px solid var(--border-strong); background: transparent; color: var(--text-dim); cursor: pointer; font-size: 0.72rem; }
.chip[aria-pressed="true"] { background: var(--accent-soft); border-color: var(--accent); color: var(--text); }
.copy { display: flex; gap: 0.4rem; }
.copy .field { font-family: ui-monospace, monospace; font-size: 0.72rem; }
.meter { height: 0.4rem; border-radius: 999px; background: var(--surface-3); overflow: hidden; }
.meter > i { display: block; height: 100%; background: var(--accent); }
.meter.is-warn > i { background: var(--warn); }
.meter.is-bad > i { background: var(--danger); }
.stats { display: flex; gap: 1.2rem; flex-wrap: wrap; color: var(--text-dim); }
.stats b { color: var(--text); font-weight: 500; }
dialog { background: var(--surface); color: var(--text); border: 1px solid var(--border-strong); border-radius: var(--radius); padding: 1rem 1.1rem; width: min(30rem, calc(100vw - 2rem)); box-shadow: var(--shadow); }
dialog::backdrop { background: rgb(0 0 0 / 0.55); }
dialog h3 { margin: 0 0 0.8rem; font-size: 0.9rem; font-weight: 600; }
details > summary { cursor: pointer; color: var(--text-dim); }
.log { font-size: 0.7rem; color: var(--text-dim); display: grid; gap: 0.1rem; max-height: 14rem; overflow: auto; }
.log span { color: var(--text-faint); margin-right: 0.5rem; }
dialog.is-wide { width: min(42rem, calc(100vw - 2rem)); }
.visits { display: grid; gap: 0.8rem; max-height: 62vh; overflow: auto; }
.visit-day { display: grid; gap: 0.1rem; }
.visit-day > h4 { margin: 0; padding: 0.15rem 0; font-size: 0.7rem; font-weight: 500; color: var(--text-faint); position: sticky; top: 0; background: var(--surface); z-index: 1; }
.visit { display: grid; grid-template-columns: 2.4rem 1rem 1fr; gap: 0.5rem; align-items: center; padding: 0.2rem 0; }
.visit > time { color: var(--text-faint); font-size: 0.7rem; font-variant-numeric: tabular-nums; }
.visit > .icon { color: var(--text-dim); }
.visit-body { min-width: 0; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.visit-sub { min-width: 0; flex: 1; color: var(--text-faint); font-size: 0.7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.strip { display: flex; gap: 0.25rem; flex-wrap: wrap; align-items: center; }
.thumb { width: 2.2rem; height: 2.2rem; border-radius: var(--radius-sm); object-fit: cover; background: var(--surface-3); display: block; flex-shrink: 0; }
@media (max-width: 34rem) { .form-row { grid-template-columns: 1fr; gap: 0.25rem; } }