.df-records-overlay{min-height:calc(100vh - 82px)}.df-record-icon{font-size:20px;width:19px;text-align:center}.df-records-page{display:grid;gap:18px}.df-records-hero{display:flex;justify-content:space-between;align-items:center}.df-records-controls{display:grid;gap:14px}.df-record-search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:0 14px;background:var(--surface-soft)}.df-record-search input{border:0;background:transparent;width:100%;padding:13px 0;color:inherit;outline:0}.df-record-tabs{display:flex;gap:8px;flex-wrap:wrap}.df-record-tabs button{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-muted);padding:8px 12px;border-radius:999px;cursor:pointer}.df-record-tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.df-record-tabs small{margin-left:4px}.df-record-integrity{padding:12px 15px;border-radius:12px;background:rgba(40,190,135,.1);border:1px solid rgba(40,190,135,.24)}.df-record-list{display:grid;gap:14px}.df-record-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow-sm)}.df-record-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.df-record-card h3{margin:4px 0 0}.df-record-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--text-muted);font-size:.88rem;margin:10px 0}.df-record-source{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:10px 0}.df-record-source summary{cursor:pointer;font-weight:700}.df-record-source p{white-space:pre-wrap;margin:10px 0 0}.df-record-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin-top:12px}.df-record-fields>div{background:var(--surface-soft);border-radius:10px;padding:10px;display:grid;gap:4px;min-width:0}.df-record-fields span{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.df-record-fields strong{font-size:.9rem;overflow-wrap:anywhere}@media(max-width:720px){.df-records-hero{align-items:flex-start;gap:16px}.df-record-fields{grid-template-columns:1fr}}