/* Meu XML — painel inicial. */

.hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-8) 40px;overflow:hidden;border-radius:var(--r-xl);background:var(--chrome);color:var(--chrome-text)}
.hero::after{content:"";position:absolute;right:-90px;top:-150px;width:340px;height:340px;border:64px solid rgba(244,119,69,.08);border-radius:50%}
.hero>div{position:relative;z-index:1}
.hero .eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 12px;border-radius:var(--r-pill);background:var(--chrome-hover);color:var(--chrome-muted)}
.hero .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.hero h2{margin:var(--sp-4) 0 var(--sp-3);font-size:40px;line-height:1.05;letter-spacing:-.03em}
.hero h2 i{font-style:normal;color:var(--accent)}
.hero p{max-width:560px;margin:0;color:var(--chrome-muted);font-size:var(--fs-lg)}
.sync-status{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--chrome-line);border-radius:var(--r-lg);background:var(--chrome-hover)}
.sync-status strong,.sync-status small{display:block}
.sync-status small{margin-top:2px;color:var(--chrome-muted);font-size:var(--fs-xs)}
.pulse{flex:none;width:10px;height:10px;border-radius:50%;background:#45d59a;box-shadow:0 0 0 4px rgba(69,213,154,.18)}
:root[data-theme="dark"] .hero{background:var(--surface);border:1px solid var(--line)}

.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:var(--sp-5)}
.distribution{display:grid;gap:var(--sp-4)}
.dist-row{display:grid;grid-template-columns:64px minmax(0,1fr) 48px;align-items:center;gap:var(--sp-3);font-size:var(--fs-md)}
.dist-row>span{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.bar-nfe i{background:var(--accent)}
.bar-nfce i{background:var(--doc-nfce)}
.bar-cte i{background:var(--doc-cte)}
.bar-mdfe i{background:var(--doc-mdfe)}
.bar-nfse i{background:var(--doc-nfse)}

@media (max-width:1000px){.dashboard-grid{grid-template-columns:1fr}}
@media (max-width:720px){
  .hero{display:block;padding:var(--sp-6) var(--sp-5)}
  .hero h2{font-size:var(--fs-3xl)}
  .hero p{font-size:var(--fs-md)}
  .sync-status{display:none}
  #page-dashboard [data-open-alerts]{display:none}
}