.records-page{min-height:70vh;background:radial-gradient(circle at 14% 0,rgba(53,234,215,.07),transparent 30%),var(--bg)}
.records-container{max-width:76rem}.records-hero{padding-top:clamp(2rem,5vw,4rem);padding-bottom:1rem}.records-hero h1{max-width:14ch;margin:.55rem 0 .85rem;font-size:clamp(3rem,7vw,6rem);line-height:.9}.records-lead{max-width:50rem;margin:0;color:var(--text-secondary);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.75}
.records-tabs{display:flex;overflow-x:auto;scrollbar-width:none;margin-top:1.5rem;border:1px solid var(--border);background:var(--black)}.records-tabs::-webkit-scrollbar{display:none}.records-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;border-right:1px solid var(--border);color:var(--text-secondary);font:700 .72rem/1 var(--font-mono);text-decoration:none}.records-tabs a:hover,.records-tabs a:focus-visible,.records-tabs a[aria-current="page"]{background:var(--panel-raised);color:var(--teal);outline:none}
.records-preview{margin-top:1rem}.records-body{padding-top:.75rem}.records-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.34fr);gap:.7rem;margin-bottom:.8rem}.records-field{display:grid;gap:.35rem}.records-field span{color:var(--text-muted);font:600 .66rem/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.records-field input,.records-field select{width:100%;min-height:48px;padding:.72rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--black);color:var(--text);font:inherit}.records-field input:focus-visible,.records-field select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.records-status{min-height:1.4rem;margin:.45rem 0 1rem;color:var(--text-muted);font:600 .7rem/1.4 var(--font-mono)}
.records-list,.records-sections{display:grid;gap:.8rem}.record-card{padding:clamp(1rem,2.5vw,1.4rem);border:1px solid var(--border);background:linear-gradient(155deg,rgba(53,234,215,.025),rgba(2,9,10,.45)),var(--panel)}.record-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.record-head h2,.record-head h3{margin:.25rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem)}.record-ref{display:block;color:var(--teal);font:600 .67rem/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.record-origin{display:inline-flex;margin-left:.45rem;color:var(--text-muted);font:600 .62rem/1.4 var(--font-mono);text-transform:uppercase}.record-status-pill{flex:none;padding:.35rem .55rem;border:1px solid var(--border-strong);color:var(--text-secondary);font:600 .64rem/1.2 var(--font-mono);text-transform:uppercase}.record-status-pill[data-tone="success"]{color:var(--success)}.record-status-pill[data-tone="warning"]{color:var(--warning)}.record-status-pill[data-tone="danger"]{color:var(--error)}.record-status-pill[data-tone="active"]{color:var(--teal)}
.record-meta,.record-note,.record-parts{margin:.75rem 0 0;color:var(--text-secondary);font-size:.84rem;line-height:1.65}.record-money{margin:.9rem 0 0;color:var(--teal);font:700 clamp(1.45rem,3vw,2.1rem)/1 var(--font-mono);letter-spacing:-.03em}.record-lines{display:grid;margin-top:.85rem;border-top:1px solid var(--border)}.record-line,.record-total{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.84rem}.record-line span{color:var(--text-secondary)}.record-total{margin-top:.15rem;border-bottom:0}.record-total b{color:var(--teal);font-size:1rem}.record-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.record-actions .button{min-height:42px}.button-danger{background:transparent;color:var(--error);border-color:rgba(255,114,114,.45)}.button-danger:hover{color:var(--error);background:rgba(255,114,114,.07);border-color:var(--error)}
.records-empty{padding:1.2rem;border:1px dashed var(--border);color:var(--text-secondary);font-size:.86rem}.records-note{margin-top:1rem}.records-section{padding:1rem;border:1px solid var(--border);background:var(--panel)}.records-section>h2{margin:.1rem 0 1rem;font-size:1.1rem}.records-section[hidden]{display:none}.activity-card .record-head{align-items:center}.activity-kind{display:inline-flex;padding:.3rem .5rem;border:1px solid var(--border);color:var(--teal);font:600 .62rem/1.2 var(--font-mono);text-transform:uppercase}.activity-card .record-actions{margin-top:.8rem}
.records-dialog{max-width:34rem}.records-dialog .record-money{margin:1rem 0}.records-dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}.records-dialog[data-tone="danger"]{border-color:rgba(255,114,114,.45)}
.records-inspection-card{border-style:dashed}.records-inspection-card .button{pointer-events:none;opacity:.65}.records-page[data-inspection="1"] [data-quote-action],.records-page[data-inspection="1"] [data-delete-build]{pointer-events:none;opacity:.55}
@media(max-width:48rem){.records-toolbar{grid-template-columns:1fr}.record-head{display:grid}.records-dialog-actions{display:grid}.records-dialog-actions .button{width:100%}}
@media(max-width:34rem){.records-hero h1{font-size:clamp(3rem,15vw,4.7rem)}.records-tabs a{padding-inline:.8rem}.record-actions{display:grid}.record-actions .button{width:100%}.record-line,.record-total{display:grid;gap:.2rem}}