:root { --adapta-ink: #202522; --adapta-accent: #18614c; --adapta-line: #d4ddd6; }
body { color: var(--adapta-ink); background: #f4f7f5; font-family: "Segoe UI", sans-serif; letter-spacing: 0; }
.adapta-header { display: flex; align-items: center; gap: 24px; padding: 18px 4%; background: #fff; border-bottom: 1px solid var(--adapta-line); }
.adapta-header a { color: var(--adapta-accent); font-weight: 700; text-decoration: none; }
.adapta-header span { margin-left: auto; color: #626b64; }
.adapta-main { max-width: 1440px; margin: 0 auto; padding: 28px 24px; }
.adapta-title, .adapta-section-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
h1 { font-size: 26px; margin: 0; } h2 { font-size: 20px; margin: 0; }
.adapta-title { margin-bottom: 22px; }
.adapta-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding: 16px 0 22px; }
.adapta-controls label { flex: 1 1 260px; font-size: 14px; }
.adapta-identification { display: flex; flex-wrap: wrap; gap: 24px; padding: 18px 0; border-top: 1px solid var(--adapta-line); border-bottom: 1px solid var(--adapta-line); }
dl { margin: 0; flex: 1 1 180px; overflow-wrap: anywhere; } dt { font-size: 12px; color: #626b64; } dd { margin: 4px 0 0; }
.adapta-totals { display: flex; flex-wrap: wrap; gap: 16px; padding: 20px 0; font-size: 14px; }
.adapta-section { padding: 20px 0; border-top: 1px solid var(--adapta-line); }
.adapta-section-heading { margin-bottom: 16px; }
.adapta-table { background: #fff; border-bottom: 1px solid var(--adapta-line); }
summary { padding: 14px 12px; cursor: pointer; overflow-wrap: anywhere; } summary span { margin-left: 12px; color: #626b64; font-size: 13px; }
.table { margin-bottom: 0; font-size: 13px; min-width: 850px; }
.table th { background: #edf2ee; font-weight: 600; }.table td { padding: 10px; max-width: 260px; overflow-wrap: anywhere; }
.table th:nth-child(2), .table td:nth-child(2) { min-width: 140px; }
.table th:nth-child(3), .table td:nth-child(3) { min-width: 110px; }
small { display: block; color: #626b64; margin-top: 5px; }
.adapta-state { display: inline-block; font-size: 12px; padding: 4px 7px; background: #edf2ee; border-radius: 3px; }
.adapta-state.blocked { color: #962e2e; background: #fae9e7; }.adapta-state.requiresvalidation { color: #775600; background: #fff2cd; }
.adapta-state.eligible { color: #18614c; background: #dceee4; }
.adapta-functional { display: block; margin-bottom: 16px; font-size: 14px; }
.adapta-sql { font-family: Consolas, monospace; font-size: 13px; height: 360px; white-space: pre; overflow: auto; }
.adapta-confirmation { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 18px 0; }.adapta-confirmation label { flex: 1 1 240px; }
.btn { border-radius: 4px; }.btn-primary { background: var(--adapta-accent); border-color: var(--adapta-accent); }
@media (max-width: 650px) { .adapta-main { padding: 20px 12px; }.adapta-header { gap: 14px; }.adapta-header span { display: none; }.adapta-controls button, .adapta-confirmation button { width: 100%; } }