.reference-page { max-width: var(--ofi-content-max); margin: 0 auto; padding: 18px 22px 32px; }
.reference-heading { display:flex; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.reference-heading__copy { min-width:0; }
.reference-heading h1 { margin:0; color:var(--ofi-text-strong); font-size:var(--ofi-font-size-title); font-weight:var(--ofi-font-weight-semibold); }
.reference-heading p { margin:4px 0 0; color:var(--ofi-text-muted); font-size:var(--ofi-font-size-sm); }
.reference-heading__actions { margin-left:auto; display:flex; gap:8px; flex-wrap:wrap; }
.reference-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.reference-grid-2 { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:12px; }
.reference-stack { display:grid; gap:12px; }
.reference-list { display:grid; gap:0; }
.reference-list__row { min-height:38px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; padding:5px 0; border-bottom:1px solid var(--ofi-border); }
.reference-list__row:last-child { border-bottom:0; }
.reference-list__title { color:var(--ofi-text-strong); font-weight:var(--ofi-font-weight-medium); }
.reference-list__meta { color:var(--ofi-text-muted); font-size:var(--ofi-font-size-xs); margin-top:2px; }
.reference-total { display:flex; align-items:center; justify-content:flex-end; gap:18px; min-height:44px; font-size:var(--ofi-font-size-md); }
.reference-total strong { min-width:100px; text-align:right; font-size:18px; font-weight:var(--ofi-font-weight-semibold); font-variant-numeric:tabular-nums; }
.reference-form-section { display:grid; gap:12px; }
.reference-form-section + .reference-form-section { margin-top:16px; padding-top:14px; border-top:1px solid var(--ofi-border); }
.reference-section-title { margin:0; font-size:var(--ofi-font-size-md); font-weight:var(--ofi-font-weight-semibold); color:var(--ofi-text-strong); }
.reference-status-line { display:flex; align-items:center; gap:8px; flex-wrap:wrap; color:var(--ofi-text-muted); font-size:var(--ofi-font-size-xs); }
.reference-empty-note { color:var(--ofi-text-muted); font-size:var(--ofi-font-size-sm); }
.reference-search { min-width:min(320px,100%); }
.reference-modal-grid { display:grid; gap:12px; }
.reference-readonly { display:grid; gap:8px; }
.reference-readonly__row { display:grid; grid-template-columns:130px 1fr; gap:12px; padding:5px 0; border-bottom:1px solid var(--ofi-border); }
.reference-readonly__row:last-child { border-bottom:0; }
.reference-readonly__label { color:var(--ofi-text-muted); font-size:var(--ofi-font-size-sm); }
.reference-readonly__value { color:var(--ofi-text-strong); }
.reference-lines-readonly { margin-top:10px; }
#f8-browser-gate { position:fixed; left:-9999px; width:1px; height:1px; overflow:hidden; }
@media (max-width: 980px) { .reference-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .reference-grid-2 { grid-template-columns:1fr; } }
@media (max-width: 620px) { .reference-page { padding:12px; } .reference-kpis { grid-template-columns:1fr; } .reference-heading__actions { width:100%; margin-left:0; } .reference-heading__actions .ofi-button { flex:1; } }
.reference-certification-matrix { display:grid; gap:0; }
.reference-certification-row { display:grid; grid-template-columns:minmax(220px,1fr) auto auto; gap:10px; align-items:center; min-height:42px; padding:6px 0; border-bottom:1px solid var(--ofi-border); }
.reference-certification-row:last-child { border-bottom:0; }
@media (max-width: 760px) { .reference-certification-row { grid-template-columns:1fr; align-items:start; } }