/* area-home.css, Home da Área do Vet (21/10/2026): painel com faixa de status, tabela de serviços e coluna direita. */
.app-main.wide{padding:34px 36px 60px}
.hd-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.hello{margin:0}.hello-sub{margin:4px 0 0}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;border:1px solid var(--line2);font-size:12px;color:var(--muted);white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.ok{color:var(--mint);border-color:rgba(127,215,159,.4)}.pill.wait{color:var(--amb);border-color:rgba(229,180,84,.4)}.pill.plain::before{display:none}
.mono{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.box{background:var(--s1);border:1px solid var(--line);border-radius:12px}
.box>.bhd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.box>.bhd h2{font-size:15px;font-weight:600;margin:0}.box>.bhd a{font-size:13px}
.strip{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 22px}
.strip>div{padding:16px 20px;border-left:1px solid var(--line)}.strip>div:first-child{border-left:0}
.strip b{display:block;font-family:'Geist',sans-serif;font-size:24px;font-weight:500;letter-spacing:-.02em;margin:4px 0 2px;color:#fff}
.strip span.s{font-size:13px;color:var(--muted)}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.hstack{display:grid;gap:20px}.htwo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rail{position:sticky;top:20px;display:grid;gap:20px}
table.svc{width:100%;border-collapse:collapse}
table.svc th{text-align:left;font-weight:400;padding:10px 18px}
table.svc td{padding:12px 18px;border-top:1px solid var(--line);vertical-align:middle}
table.svc tr.r:hover td{background:rgba(255,255,255,.025)}
.svc .row{display:flex;align-items:center;gap:12px}.svc h3{font-size:14px;font-weight:600;margin:0}.svc .d{color:var(--muted);font-size:13px}
.ic{width:30px;height:30px;border-radius:8px;border:1px solid var(--line2);display:grid;place-items:center;font-family:'Geist';font-weight:600;font-size:13px;color:var(--mint);flex:none}
.tbtn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:7px 13px;font-family:'Geist',sans-serif;font-weight:500;font-size:13.5px;border:1px solid var(--line2);background:transparent;color:#fff;white-space:nowrap;cursor:pointer;text-decoration:none;line-height:1.4}
.tbtn:hover{border-color:var(--mint)}.tbtn.p{background:var(--mint);color:#04231c;border-color:var(--mint)}
.li{text-decoration:none;display:block;padding:12px 18px;border-top:1px solid var(--line);color:inherit}
.li:first-of-type{border-top:0}a.li:hover{background:rgba(255,255,255,.025)}
.li h3{font-size:14px;font-weight:600;margin:2px 0 0;color:#fff}.li .d{color:var(--muted);font-size:13px}
.chk{display:flex;gap:12px;padding:12px 18px;border-top:1px solid var(--line);align-items:flex-start}
.chk h3{font-size:14px;font-weight:600;margin:0;color:#fff}.chk .d{color:var(--muted);font-size:13px}
.cb{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line2);flex:none;margin-top:1px;display:grid;place-items:center}
.cb.d2{background:var(--mint);border-color:var(--mint)}.cb.d2::after{content:"";width:5px;height:9px;border:solid #04231c;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.mini-bar{height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden;margin:8px 0 6px}.mini-bar i{display:block;height:100%;background:var(--mint);width:0}
.tl{position:relative;padding:18px 18px 4px 40px;margin:0}
.tl li{list-style:none;position:relative;padding:0 0 18px}
.tl li::before{content:"";position:absolute;left:-22px;top:5px;width:9px;height:9px;border-radius:50%;border:2px solid var(--line2);background:#06172A}
.tl li::after{content:"";position:absolute;left:-18px;top:16px;bottom:-4px;width:1px;background:var(--line)}
.tl li:last-child::after{display:none}.tl li.done::before{background:var(--mint);border-color:var(--mint)}.tl li.cur::before{border-color:var(--mint)}
.tl h3{font-size:14px;font-weight:600;margin:0;color:#fff}.tl .d{color:var(--muted);font-size:13px}
@media(max-width:1100px){.hgrid{grid-template-columns:1fr}.rail{position:static}.htwo{grid-template-columns:1fr}}
@media(max-width:900px){
 .app-main.wide{padding:24px 16px 40px}
 .strip{grid-template-columns:1fr 1fr}.strip>div:nth-child(3){border-left:0}.strip>div:nth-child(n+3){border-top:1px solid var(--line)}
 table.svc,table.svc tbody{display:block}table.svc thead{display:none}
 table.svc tr.r{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 16px;border-top:1px solid var(--line)}
 table.svc tr.r td{border:0;padding:0}table.svc tr.r td:first-child{flex:1 1 100%}table.svc tr.r td:last-child{margin-left:auto}
 table.svc td.hide-m{display:none}.tbtn{min-height:40px}
}