/* App screens: layered on the design system in /assets/style.css */
.app-main{padding:var(--s8) var(--s5) var(--s16);min-height:70vh}.inline{display:inline;margin:0}
.app-main>h1:first-child,.app-main>.toolbar:first-child h1{margin-bottom:var(--s2)}
.app-main>.card+.card,.app-main>.card+.grid,.app-main>.grid+.card,.app-main>.kpis+.card,.app-main>.kpis+.grid,.app-main>.card+.kpis,.app-main>.grid+.grid{margin-top:var(--s5)}
.app-main h2{font-size:var(--fs-lg);margin-top:var(--s8)}.app-main .card h2{margin-top:0}
.app-main ul{padding-left:1.2em}.app-main li{margin:2px 0}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:var(--s5)}.toolbar h1{margin:0}
.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 var(--s4);align-items:end}
td form{display:inline-flex;gap:6px;align-items:center}td select,td input{width:auto;padding:6px 8px;min-height:40px}
.day{margin:var(--s6) 0 var(--s2);font-size:var(--fs-md)}.empty{color:var(--muted);padding:var(--s8);text-align:center;border:1px dashed var(--line2);border-radius:var(--r-lg);background:var(--bg2)}
.chatpage .msgs{min-height:360px;max-height:60vh}.chatform{display:flex;gap:8px;margin-top:10px}.chatform input{flex:1}
.bar{fill:var(--brand-500)}
.wizard{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0!important;margin:0 0 var(--s4)}.wizard li{padding:4px 12px;border-radius:var(--r-full);border:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted);background:var(--card)}
.wizard li[aria-current]{border-color:var(--brand-500);color:var(--text);font-weight:600;box-shadow:0 0 0 3px var(--ring)}.wizard li.done a{color:var(--ok-text)}
.choice{cursor:pointer;display:block;transition:border-color .15s}.choice:hover{border-color:var(--brand-400)}.choice small{color:var(--muted)}
.ticket-open{color:var(--warn);font-weight:600}
.checklist{list-style:none;padding:0!important}.checklist li{padding:10px 0;border-bottom:1px solid var(--line)}
.conn fieldset{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3) var(--s4)}label.inline{display:inline-flex;gap:6px;align-items:center;font-weight:400}
.auth{max-width:440px;margin:var(--s10) auto;padding:var(--s8)}.auth h1{font-size:var(--fs-xl)}.auth .btn[type=submit]{width:100%;margin-top:var(--s4)}
.auth .authlogo{display:flex;justify-content:center;margin-bottom:var(--s4)}.auth .authlogo svg{width:44px;height:44px}