.cadastros-page {
    width: min(1500px, 100%);
    margin: 0 auto;
    padding: 24px;
    display: grid;
    gap: 18px;
}

.cad-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    padding: 25px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, rgba(79,140,255,.10), rgba(17,26,39,.88) 52%, rgba(245,158,11,.055));
    box-shadow: var(--shadow-sm);
}

.cad-intro h1 { margin-top: 7px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.035em; }
.cad-intro p { max-width: 780px; margin-top: 7px; color: var(--text-soft); }
.cad-intro-actions { display: flex; gap: 9px; flex-wrap: wrap; }
.cad-intro-actions .btn { white-space: nowrap; }

.section-kicker {
    display: block;
    margin-bottom: 4px;
    color: var(--text-muted);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .12em;
}

.cad-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.cad-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 108px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: rgba(17,26,39,.78);
}

.cad-stat-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    font-size: 18px;
}
.icon-client { color: #8bb3ff; background: rgba(79,140,255,.13); }
.icon-account { color: #f7c45e; background: rgba(245,158,11,.12); }
.icon-auto { color: #72dfa0; background: rgba(34,197,94,.12); }
.cad-stat span { display:block; color:var(--text-soft); font-size:11px; font-weight:700; }
.cad-stat strong { display:block; margin-top:1px; font-size:25px; letter-spacing:-.035em; }
.cad-stat small { display:block; color:var(--text-muted); font-size:10px; }

.cad-panel {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: rgba(17,26,39,.76);
    box-shadow: var(--shadow-sm);
}

.cad-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 18px;
    padding: 19px 20px;
    border-bottom: 1px solid var(--border);
}
.cad-panel-header h2 { display:flex; align-items:center; gap:8px; font-size:17px; }
.cad-panel-header p { margin-top:3px; color:var(--text-muted); font-size:11px; }
.cad-panel-actions { display:flex; align-items:center; gap:9px; }
.cad-panel-actions .btn { white-space:nowrap; }
.cad-search { position:relative; min-width:240px; }
.cad-search i { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:var(--text-muted); font-size:11px; }
.cad-search input { padding-left:31px; }

.cad-table-wrap { overflow:auto; max-height:430px; }
.cad-table { width:100%; border-collapse:collapse; font-size:12px; }
.cad-table th { position:sticky; top:0; z-index:2; padding:11px 12px; text-align:left; background:#121c2a; border-bottom:1px solid var(--border); color:var(--text-muted); font-size:9px; text-transform:uppercase; letter-spacing:.055em; white-space:nowrap; }
.cad-table td { padding:12px; border-bottom:1px solid rgba(148,163,184,.075); vertical-align:middle; }
.cad-table tbody tr:hover { background:rgba(79,140,255,.04); }
.cad-table .align-right { text-align:right; }
.cad-name { display:flex; flex-direction:column; gap:2px; }
.cad-name strong { font-size:12px; }
.cad-name span, .cad-contact span { color:var(--text-muted); font-size:10px; }
.cad-contact { display:flex; flex-direction:column; gap:2px; }
.cad-status { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border-radius:99px; font-size:9px; font-weight:800; }
.cad-status.active { color:#86efac; background:var(--success-soft); }
.cad-status.inactive { color:#fca5a5; background:var(--danger-soft); }
.cad-actions { display:flex; justify-content:flex-end; gap:6px; }
.cad-icon-btn { width:31px; height:31px; display:grid; place-items:center; border:1px solid var(--border); border-radius:8px; background:rgba(255,255,255,.025); color:var(--text-soft); }
.cad-icon-btn:hover { color:#fff; border-color:var(--border-strong); background:rgba(255,255,255,.06); }
.cad-icon-btn.edit:hover { color:var(--primary); }
.cad-icon-btn.toggle:hover { color:var(--warning); }
.cad-empty { padding:28px !important; text-align:center; color:var(--text-muted); }

.cad-note { display:flex; align-items:flex-start; gap:11px; padding:15px 17px; border:1px solid rgba(79,140,255,.16); border-radius:var(--radius-md); background:rgba(79,140,255,.055); color:var(--primary); }
.cad-note div { display:flex; flex-direction:column; gap:2px; }
.cad-note strong { color:var(--text); font-size:12px; }
.cad-note span { color:var(--text-muted); font-size:11px; }
.cad-modal-content { width:min(620px,100%); }

@media (max-width: 980px) {
    .cad-stats { grid-template-columns:1fr; }
    .cad-panel-header { align-items:stretch; flex-direction:column; }
    .cad-panel-actions { width:100%; }
    .cad-search { min-width:0; flex:1; }
}

@media (max-width: 640px) {
    .cadastros-page { padding:14px; }
    .cad-intro { align-items:stretch; flex-direction:column; padding:19px; }
    .cad-intro-actions { display:grid; grid-template-columns:1fr 1fr; }
    .cad-panel-actions { align-items:stretch; flex-direction:column; }
    .cad-panel-actions .btn { width:100%; }
    .cad-search { width:100%; }
}

.text-muted { color: var(--text-muted); }
.cad-row-inactive { opacity: .58; }