.eba-record { color: var(--dash-ink); font-size: var(--record-body-size); min-width: 0; }
.eba-record *, .eba-record *::before, .eba-record *::after { box-sizing: border-box; }
.eba-record__breadcrumb { display:flex; flex-wrap:wrap; gap:var(--record-space-sm); margin-bottom:var(--record-space-lg); color:var(--dash-muted); }
.eba-record__breadcrumb a { display:inline-flex; align-items:center; min-height:var(--record-touch); color:var(--record-blue-text); font-weight:700; text-decoration:none; }
.eba-record__breadcrumb > span { align-self:center; overflow-wrap:anywhere; }
.eba-record__hero { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:space-between; gap:var(--record-space-xl); padding:var(--record-space-2xl); border-radius:var(--record-radius-lg); background:linear-gradient(115deg,var(--record-hero-start),var(--record-hero-end)); color:var(--record-hero-text); box-shadow:var(--dash-shadow); }
.eba-record__hero::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:radial-gradient(ellipse at top right,var(--record-hero-glass),transparent 60%); pointer-events:none; }
.eba-record__hero { animation:eba-record-reveal var(--dash-motion) both; }
@keyframes eba-record-reveal { from { opacity:0; transform:translateY(var(--record-space-sm)); } to { opacity:1; transform:translateY(0); } }
.eba-record__identity { display:flex; align-items:center; gap:var(--record-space-lg); min-width:0; }
.eba-record__avatar { width:var(--record-avatar); height:var(--record-avatar); flex:none; border-radius:var(--record-radius-lg); border:var(--record-focus-width) solid var(--record-hero-line); object-fit:cover; background:var(--dash-surface); }
.eba-record__eyebrow,.eba-record__kicker { display:block; font-size:var(--record-small-size); font-weight:800; letter-spacing:.11em; text-transform:uppercase; line-height:1.6; }
.eba-record__eyebrow { color:var(--record-hero-accent); }
.eba-record .eba-record__hero h1 { color:var(--record-hero-text); font-weight:800; font-size:clamp(1.65rem,2.8vw,var(--record-title-size)); line-height:1.2; margin:var(--record-space-xs) 0 var(--record-space-sm); overflow-wrap:anywhere; }
.eba-record__hero p { margin:0; max-width:48ch; line-height:1.6; color:var(--record-hero-muted); overflow-wrap:anywhere; }
.eba-record__reference { display:inline-flex; align-items:center; gap:var(--record-space-sm); margin-top:var(--record-space-md); font-size:var(--record-small-size); background:var(--record-hero-glass); border:var(--record-hairline) solid var(--record-hero-line); border-radius:var(--record-radius-sm); padding:var(--record-space-xs) var(--record-space-sm); }
.eba-record__actions { display:flex; flex-direction:column; flex:none; gap:var(--record-space-sm); }
.eba-record__action { display:inline-flex; justify-content:center; align-items:center; gap:var(--record-space-sm); min-height:var(--record-touch); padding:var(--record-space-sm) var(--record-space-lg); border-radius:var(--record-radius-sm); border:var(--record-hairline) solid transparent; font-weight:700; text-decoration:none; line-height:1.5; transition:background var(--dash-motion),box-shadow var(--dash-motion),transform var(--dash-motion); text-align:center; }
.eba-record__action--white { color:var(--record-hero-start); background:var(--record-hero-text); }
.eba-record__action--glass { color:var(--record-hero-text); background:var(--record-hero-glass); border-color:var(--record-hero-line); }
.eba-record__action--primary { color:var(--record-hero-text); background:var(--record-hero-start); }
.eba-record__action--outline { color:var(--record-blue-text); background:var(--dash-surface); border-color:var(--dash-border); }
.eba-record__action--quiet { color:var(--dash-muted); background:var(--dash-canvas); }
.eba-record__action:hover { transform:translateY(-.125rem); box-shadow:var(--dash-shadow-hover); }
.eba-record__action--white:hover { background:var(--record-hero-muted); color:var(--record-hero-start); }
.eba-record__action--glass:hover { color:var(--record-hero-text); border-color:var(--record-hero-text); }
.eba-record__action--primary:hover { color:var(--record-hero-text); background:var(--record-hero-end); }
.eba-record__action--outline:hover,.eba-record__action--quiet:hover { color:var(--dash-ink); background:var(--dash-blue-wash); }
.eba-record__metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--record-space-md); margin:var(--record-space-lg) 0; }
.eba-record__metric { display:flex; align-items:center; gap:var(--record-space-md); padding:var(--record-space-lg); border:var(--record-hairline) solid var(--dash-border); border-radius:var(--record-radius-sm); text-align:left; background:linear-gradient(125deg,var(--dash-surface),var(--dash-blue-wash)); color:var(--record-blue-text); transition:transform var(--dash-motion),box-shadow var(--dash-motion); }
.eba-record__metric--teal { background:linear-gradient(125deg,var(--dash-surface),var(--dash-teal-wash)); color:var(--record-teal-text); }
.eba-record__metric--violet { background:linear-gradient(125deg,var(--dash-surface),var(--dash-violet-wash)); color:var(--record-violet-text); }
.eba-record__metric-icon { display:grid; place-items:center; width:var(--record-touch); height:var(--record-touch); border-radius:var(--record-radius-sm); background:var(--dash-surface); flex:none; }
.eba-record__metric > span:nth-child(2) { display:grid; flex:1; min-width:0; gap:var(--record-space-xs); }
.eba-record__metric strong { font-size:1.75rem; line-height:1; }
.eba-record__metric span span { font-size:var(--record-small-size); font-weight:700; }
.eba-record__metric > i { font-size:var(--record-small-size); }
.eba-record__metric:hover { transform:translateY(-.125rem); box-shadow:var(--dash-shadow-hover); }
.eba-record__tabs { display:flex; flex-wrap:wrap; gap:var(--record-space-xs); padding:var(--record-space-sm); margin:var(--record-space-xl) 0 var(--record-space-lg); border-radius:var(--record-radius-sm); border:var(--record-hairline) solid var(--dash-border); background:var(--dash-surface); }
.eba-record__tab { display:flex; align-items:center; justify-content:center; gap:var(--record-space-sm); min-height:var(--record-touch); padding:var(--record-space-sm) var(--record-space-md); border:0; border-radius:var(--record-radius-sm); background:transparent; color:var(--dash-muted); font-weight:700; font-size:var(--record-small-size); transition:background var(--dash-motion),color var(--dash-motion); }
.eba-record__tab:hover { background:var(--dash-canvas); color:var(--dash-ink); }
.eba-record__tab.active { color:var(--record-blue-text); background:var(--dash-blue-wash); }
.eba-record__overview { display:grid; grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr); gap:var(--record-space-lg); align-items:start; }
.eba-record__panel { min-width:0; padding:var(--record-space-xl); border:var(--record-hairline) solid var(--dash-border); border-radius:var(--record-radius-lg); background:var(--dash-surface); box-shadow:var(--dash-shadow); }
.eba-record__panel h2 { font-size:var(--record-section-size); font-weight:800; color:var(--dash-ink); margin:var(--record-space-xs) 0 var(--record-space-lg); }
.eba-record__panel h3 { font-size:1rem; color:var(--dash-ink); font-weight:700; }
.eba-record__kicker { color:var(--record-blue-text); }
.eba-record__facts-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--record-space-lg); margin:var(--record-space-lg) 0 0; }
.eba-record__facts .eba-record__facts-grid { grid-template-columns:1fr; }
.eba-record__facts-grid dt { color:var(--dash-muted); font-size:var(--record-small-size); font-weight:500; margin-bottom:var(--record-space-xs); }
.eba-record__facts-grid dd { margin:0; color:var(--dash-ink); font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.eba-record__details { margin-top:var(--record-space-lg); padding-top:var(--record-space-md); border-top:var(--record-hairline) solid var(--dash-border); }
.eba-record__details summary { min-height:var(--record-touch); padding:var(--record-space-sm) 0; color:var(--record-blue-text); cursor:pointer; font-weight:700; }
.eba-record__details summary:hover { text-decoration:underline; }
.eba-record__note { display:flex; gap:var(--record-space-sm); align-items:flex-start; padding:var(--record-space-md); margin-top:var(--record-space-lg); border-radius:var(--record-radius-sm); background:var(--dash-canvas); color:var(--dash-muted); font-size:var(--record-small-size); line-height:1.6; }
.eba-record__note i { padding-top:var(--record-space-xs); color:var(--record-blue-text); }
.eba-record__note p { margin:0; }
.eba-record__overview .eba-timeline { margin-top:0; }
.eba-record__hero-reference { display:block; font-size:1.15rem; font-weight:500; margin-top:var(--record-space-sm); }
.eba-record__hero-amount { display:grid; gap:var(--record-space-xs); text-align:right; flex:none; padding:var(--record-space-lg); border:var(--record-hairline) solid var(--record-hero-line); background:var(--record-hero-glass); border-radius:var(--record-radius-sm); }
.eba-record__hero-amount span { color:var(--record-hero-muted); font-size:var(--record-small-size); }
.eba-record__hero-amount strong { font-size:2.25rem; line-height:1.25; overflow-wrap:anywhere; }
.eba-record__hero-amount .eba-record__action { width:100%; font-size:var(--record-body-size); margin-top:var(--record-space-sm); }
.eba-record__bill-layout { display:grid; grid-template-columns:minmax(0,1fr) var(--record-aside); gap:var(--record-space-lg); margin-top:var(--record-space-xl); align-items:start; }
.eba-record__invoice-brand { display:flex; align-items:center; justify-content:space-between; gap:var(--record-space-lg); padding-bottom:var(--record-space-xl); border-bottom:var(--record-hairline) solid var(--dash-border); }
.eba-record__invoice-brand img { width:12rem; height:3.5rem; object-fit:contain; object-position:left; background:var(--record-hero-text); border-radius:var(--record-radius-sm); padding:var(--record-space-xs); }
.eba-record__invoice-brand > span { color:var(--dash-muted); font-size:var(--record-small-size); text-align:right; }
.eba-record__invoice-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; gap:var(--record-space-md); padding:var(--record-space-xl) 0; }
.eba-record__invoice-heading h2 { margin:var(--record-space-xs) 0 0; overflow-wrap:anywhere; }
.eba-record__invoice-heading strong { display:block; margin-top:var(--record-space-xs); }
.eba-record__recipient { padding:var(--record-space-lg); background:var(--dash-canvas); border-radius:var(--record-radius-sm); }
.eba-record__recipient h3 { margin:var(--record-space-xs) 0 var(--record-space-sm); }
.eba-record__recipient p { margin:0; color:var(--dash-muted); line-height:1.6; overflow-wrap:anywhere; }
.eba-record__stay { padding-bottom:var(--record-space-lg); }
.eba-record__line-items { margin-top:var(--record-space-xl); }
.eba-record__table-scroll { overflow-x:auto; border:var(--record-hairline) solid var(--dash-border); border-radius:var(--record-radius-sm); }
.eba-record__table { width:100%; min-width:var(--record-table); border-collapse:collapse; font-size:var(--record-small-size); }
.eba-record__table th,.eba-record__table td { padding:var(--record-space-md); text-align:right; border-bottom:var(--record-hairline) solid var(--dash-border); }
.eba-record__table thead { background:var(--dash-canvas); color:var(--dash-muted); }
.eba-record__table th:first-child { text-align:left; width:48%; }
.eba-record__table tbody th { font-weight:600; }
.eba-record__table tbody tr:last-child > * { border-bottom:0; }
.eba-record__table td { font-variant-numeric:tabular-nums; white-space:nowrap; }
.eba-record__scroll-help { display:none; color:var(--dash-muted); font-size:var(--record-small-size); }
.eba-record__total { display:flex; align-items:center; justify-content:space-between; gap:var(--record-space-lg); background:var(--dash-blue-wash); color:var(--record-blue-text); padding:var(--record-space-lg); margin-top:var(--record-space-lg); border-radius:var(--record-radius-sm); font-weight:700; }
.eba-record__total strong { font-size:1.5rem; }
.eba-record__bill-aside .eba-record__action { width:100%; margin-top:var(--record-space-sm); }
.eba-record__bill-aside .eba-record__facts-grid { grid-template-columns:1fr; }
.eba-record__muted { color:var(--dash-muted); line-height:1.6; }
.eba-record :is(a,button,summary,[tabindex]):focus-visible { outline:var(--record-focus-width) solid var(--record-focus); outline-offset:var(--record-focus-width); }
.eba-record__hero :is(a,button):focus-visible { outline-color:var(--record-hero-text); }
.eba-record :is(.eba-record__action,.eba-record__metric,.eba-record__tab):active { transform:translateY(0); }
.eba-record :is(.eba-record__action,.eba-record__metric,.eba-record__tab):disabled { opacity:.55; cursor:not-allowed; transform:none; }
@media(max-width:64rem) {
    .eba-record__hero { padding:var(--record-space-xl); }
    .eba-record__bill-layout { grid-template-columns:minmax(0,1fr); }
    .eba-record__bill-aside { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--record-space-sm) var(--record-space-lg); }
    .eba-record__bill-aside > :is(h2,p,.eba-record__kicker,.eba-record__note,.eba-record__facts-grid) { grid-column:1/-1; }
    .eba-record__metric { padding:var(--record-space-md); gap:var(--record-space-sm); }
}
@media(max-width:48rem) {
    .eba-record__hero { flex-direction:column; align-items:stretch; gap:var(--record-space-lg); }
    .eba-record__identity { align-items:flex-start; }
    .eba-record__actions { flex-direction:row; flex-wrap:wrap; }
    .eba-record__actions .eba-record__action { flex:1; }
    .eba-record__metrics { gap:var(--record-space-sm); }
    .eba-record__metric { flex-direction:column; text-align:center; }
    .eba-record__metric > i { display:none; }
    .eba-record__metric strong { font-size:1.5rem; }
    .eba-record__overview { grid-template-columns:minmax(0,1fr); }
    .eba-record__facts .eba-record__facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .eba-record__facts .eba-record__facts-grid > div:last-child { grid-column:1/-1; }
    .eba-record__tab { flex:1 1 40%; }
    .eba-record__hero-amount { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; text-align:left; }
    .eba-record__hero-amount strong { font-size:1.75rem; }
    .eba-record__invoice-brand { flex-direction:column; align-items:flex-start; gap:var(--record-space-sm); }
    .eba-record__scroll-help { display:block; }
}
@media(max-width:24rem) {
    .eba-record__hero,.eba-record__panel { padding:var(--record-space-lg); }
    .eba-record__identity { flex-direction:column; }
    .eba-record__avatar { width:var(--record-touch); height:var(--record-touch); border-radius:var(--record-radius-sm); }
    .eba-record__metric-icon { display:none; }
    .eba-record__bill-aside { grid-template-columns:minmax(0,1fr); }
    .eba-record__facts-grid { gap:var(--record-space-md); }
}
@media(prefers-reduced-motion:reduce) { .eba-record__hero { animation:none; } .eba-record :is(.eba-record__action,.eba-record__metric,.eba-record__tab) { transition:none; } .eba-record .tab-pane.fade { transition:none; } }