/* Dashboard overrides on top of /style.css */
.app #view>h1{font-size:clamp(1.8rem,3.6vw,2.4rem);margin-bottom:.4em}
.app #view .card{max-width:none}
.app #view .card h2{margin-bottom:14px}
.app #view .card>p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.app #view button{margin:4px 6px 4px 0;min-height:40px;padding:9px 14px;font-size:.9rem}
.app #view .card>button{background:var(--surface);color:var(--ink);border-color:var(--line-strong);box-shadow:var(--shadow-sm);text-align:left;justify-content:flex-start}
.app #view .card>button:hover{background:var(--subtle)}
.app #view form{max-width:620px;display:grid;gap:12px}
.app #view form button{justify-self:start;background:var(--accent)}
.app #view form button:hover{background:#4338ca}
.app #view label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:4px;font-weight:450;padding:8px 0;border-bottom:1px solid var(--line)}
.app #view label:has(input[type=checkbox]) input{margin-top:3px}
.badge{background:var(--accent-soft);color:var(--accent-ink);padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:600}
progress{width:100%;height:10px;appearance:none;border:0;border-radius:99px;background:var(--muted-bg);overflow:hidden}
progress::-webkit-progress-bar{background:var(--muted-bg);border-radius:99px}
progress::-webkit-progress-value{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:99px}
progress::-moz-progress-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:99px}
svg{width:100%;max-height:260px}
.site-header svg,.btn svg{width:26px;height:26px;max-height:none}
#status:not(:empty){background:var(--warn-soft);color:#6b3a00;border:1px solid #f6d9ae;padding:10px 14px;border-radius:var(--r);margin:0 0 16px}
.site-nav #logout{margin-left:6px;min-height:36px;padding:7px 12px;font-size:.88rem}
@media (max-width:560px){.app .brand span{display:none}.app .site-nav a{padding:8px 8px}}
@media (max-width:340px){.app .site-header .wrap{height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.app .site-nav{flex-wrap:wrap}}
.site-nav .btn.btn-ghost,.site-nav .btn.btn-ghost:hover{color:var(--ink)}
.site-nav .btn.btn-ghost:hover{background:var(--subtle)}
.app #view .card>p>button{background:var(--surface);color:var(--bad);border-color:#f0c4c2;box-shadow:none;min-height:32px;padding:5px 10px;font-size:.82rem}
.app #view .card>p>button:hover{background:var(--bad-soft)}
.app svg text{fill:#5d5d6b;font-family:var(--font)}