/* Fase 3: carregamento, vazios, animações sutis (todas desligadas por prefers-reduced-motion em 01-base.css) */
@keyframes entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes brilho{0%{background-position:100% 0}100%{background-position:-100% 0}}
@keyframes abre{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
main.entra{animation:entra .22s ease-out}
.dlg[open]{animation:abre .18s ease-out}
.esq{padding-top:28px;display:flex;flex-direction:column;gap:14px}
.esq-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.esq-b{border-radius:var(--r);background:linear-gradient(90deg,var(--linha) 25%,var(--azul-mclaro) 50%,var(--linha) 75%);background-size:300% 100%;animation:brilho 1.4s linear infinite;border:1px solid var(--cinza-claro)}
.esq-t{height:56px;width:min(420px,70%)}
.esq-k{height:78px}
.esq-l{height:44px}
.esq-c{height:44px;width:70%}
/* estado vazio: caixa tracejada, centralizada, com dica do que fazer */
.vazio{text-align:center;border:2px dashed var(--cinza-claro);border-radius:var(--r);background:var(--azul-gelo);padding:28px 16px;margin:8px 0}
.vazio::before{content:"∅";display:block;font-family:'Oswald',sans-serif;font-size:28px;color:var(--cinza-az);line-height:1;margin-bottom:6px}
.vazio:empty{display:none}