/* Page-specific layout/state aliases over ui_design_system tokens. */
.verify-page { width:min(1100px,calc(100% - 32px)); margin-inline:auto; padding-block:var(--space-5); }
.verify-card { margin-block-end:var(--space-4); }
.verify-card h1 { margin:0 0 var(--space-4); color:var(--color-text); font-size:var(--font-size-2xl); }
.verify-card h2 { margin-block:0 var(--space-3); }
.toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-2); margin-block-end:var(--space-4); }
.toolbar label { color:var(--color-text-muted); font-size:var(--font-size-sm); font-weight:650; }
.field-control { min-height:44px; max-width:100%; padding:var(--space-2) var(--space-3); border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); color:var(--color-text); }
.status { margin-block:var(--space-3); padding:var(--space-3); border:1px solid transparent; border-radius:var(--radius-md); font-weight:550; }
.status.success { background:var(--color-success-soft); color:var(--color-success-on-soft); border-color:var(--color-success); }
.status.error { background:var(--color-danger-soft); color:var(--color-danger-on-soft); border-color:var(--color-danger); }
.status.loading { background:var(--color-warning-soft); color:var(--color-warning-on-soft); border-color:var(--color-warning); }
.resumo { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:var(--space-3); margin-block:var(--space-4); }
.resumo-item { min-width:0; padding:var(--space-4); border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); text-align:center; }
.resumo-num { font-size:var(--font-size-2xl); font-weight:750; color:var(--color-primary); overflow-wrap:anywhere; }
.lista-diffs { margin-top:var(--space-3); } .diff-section { margin-bottom:var(--space-4); }
.diff-item { margin-block:var(--space-2); padding:var(--space-3); border:1px solid var(--color-border); border-inline-start:4px solid var(--color-primary); border-radius:var(--radius-sm); background:var(--color-surface); overflow-wrap:anywhere; }
.diff-tipo-duplicata { border-inline-start-color:var(--color-success); } .diff-tipo-alterar { border-inline-start-color:var(--color-warning); } .diff-tipo-adicionar { border-inline-start-color:var(--color-info-on-soft); } .diff-tipo-remover { border-inline-start-color:var(--color-danger); }
pre { max-width:100%; max-height:400px; overflow:auto; padding:var(--space-4); border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-text); color:var(--color-surface); white-space:pre-wrap; overflow-wrap:anywhere; }
.badge-ok { display:inline-flex; align-items:center; min-height:25px; margin-inline-start:var(--space-2); padding:3px 9px; border:1px solid var(--color-success); border-radius:var(--radius-pill); background:var(--color-success-soft); color:var(--color-success-on-soft); font-size:var(--font-size-xs); font-weight:700; }
.btn-visto { min-height:40px; padding:var(--space-2) var(--space-3); border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); color:var(--color-text); cursor:pointer; font-size:var(--font-size-xs); font-weight:650; }
.btn-visto:hover { background:var(--color-neutral-soft); } .btn-visto:focus-visible { outline:var(--focus-ring); outline-offset:var(--focus-ring-offset); box-shadow:var(--focus-ring-halo); }
@media (max-width:480px) { .verify-page { width:calc(100% - 24px); padding-block:var(--space-4); } .toolbar { align-items:stretch; } .toolbar select, .toolbar button { width:100%; } .toolbar label { margin-top:var(--space-2); } }