/* Selection-first cards inspired by the supplied reference. Presentation only; records and actions are unchanged. */
#legacy-root[data-view="dashboard"] .recordBrowser {
 --record-ink:#273548;
 --record-muted:#54657a;
 --record-line:#d9dee5;
 --record-accent:#243c5c;
 min-width:0;
 max-width:100%;
 margin:16px 0;
 color:var(--record-ink);
}
#legacy-root[data-view="dashboard"] .recordBrowser *,
#legacy-root[data-view="dashboard"] .recordTabs { box-sizing:border-box; }
#legacy-root[data-view="dashboard"] .recordBrowserToolbar { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
#legacy-root[data-view="dashboard"] .recordBrowserToolbar > label,
#legacy-root[data-view="dashboard"] .recordSearch { display:flex; flex:1; flex-direction:column; align-items:stretch; min-width:0; gap:6px; margin:0; color:var(--record-muted); font-size:13px; }
#legacy-root[data-view="dashboard"] .recordBrowserToolbar input,
#legacy-root[data-view="dashboard"] .recordSearch input { width:100%; max-width:100%; min-width:0; min-height:46px; padding:10px 13px; border:1px solid var(--record-line); border-radius:11px; background:#fff; color:var(--record-ink); font-size:16px; }
#legacy-root[data-view="dashboard"] .recordBrowserToolbar > :is(p,small,span) { margin:0; padding-bottom:12px; color:var(--record-muted); font-size:13px; }
#legacy-root[data-view="dashboard"] .recordBrowserLayout { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
#legacy-root[data-view="dashboard"] :is(.recordMaster,.recordDetail,.recordDetailBody) { min-width:0; max-width:100%; }
#legacy-root[data-view="dashboard"] .recordMaster { width:100%; max-width:900px; margin-inline:auto; padding:0; border:0; background:transparent; }
#legacy-root[data-view="dashboard"] .recordList { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:14px; margin:0; padding:0; list-style:none; }
#legacy-root[data-view="dashboard"] .recordChoice { display:flex; flex-direction:column; align-items:stretch; width:100%; min-width:0; min-height:180px; aspect-ratio:1.5; gap:8px; padding:18px; border:1.5px solid #424f61; border-radius:22px; background:#fff; color:var(--record-ink); text-align:start; white-space:normal; cursor:pointer; box-shadow:inset 0 0 0 2px #dfe3e9; }
#legacy-root[data-view="dashboard"] .recordChoice:nth-child(4n + 1) { background:#edf1f7; }
#legacy-root[data-view="dashboard"] .recordChoice:nth-child(4n + 2) { background:#edf4ff; }
#legacy-root[data-view="dashboard"] .recordChoice:hover { border-color:#1f3d64; box-shadow:inset 0 0 0 2px #b4bfce,0 4px 12px #2735480c; }
#legacy-root[data-view="dashboard"] .recordChoice:is(.is-selected,[aria-pressed="true"]) { border-color:#1f3d64; box-shadow:inset 0 0 0 2px #8e9fb6; }
#legacy-root[data-view="dashboard"] .recordChoiceMain { display:block; min-width:0; }
#legacy-root[data-view="dashboard"] .recordChoiceMain > strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0; color:inherit; font-size:16px; font-weight:700; line-height:1.6; overflow-wrap:anywhere; }
#legacy-root[data-view="dashboard"] .recordChoiceValue { display:block; min-width:0; max-width:100%; margin:6px 0; color:#183255; font-size:24px; font-weight:700; line-height:1.55; text-align:start; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#legacy-root[data-view="dashboard"] .recordChoiceValue .money-amount { white-space:normal; }
#legacy-root[data-view="dashboard"] .recordChoiceMeta { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-width:0; margin:0; color:var(--record-muted); font-size:13px; font-weight:400; line-height:1.8; overflow-wrap:anywhere; }
#legacy-root[data-view="dashboard"] .recordChoiceLink { display:block; margin-top:auto; padding-top:8px; color:#42556e; font-size:13px; font-weight:500; line-height:1.7; }
#legacy-root[data-view="dashboard"] .recordBrowser[data-selected="true"] > .recordBrowserLayout > .recordMaster { display:none; }
#legacy-root[data-view="dashboard"] .recordBrowser[data-selected="false"] > .recordBrowserLayout > .recordDetail { display:none; }
#legacy-root[data-view="dashboard"] .recordBrowser[data-selected="true"] > .recordBrowserToolbar { display:none; }
#legacy-root[data-view="dashboard"] .recordPagination { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 3px 3px; }
#legacy-root[data-view="dashboard"] .recordPagination button { min-width:44px; min-height:44px; padding:9px 11px; border:1px solid var(--record-line); border-radius:9px; background:#fff; color:var(--record-accent); font-size:13px; }
#legacy-root[data-view="dashboard"] .recordPagination :is(span,small) { color:var(--record-muted); font-size:12px; text-align:center; }
#legacy-root[data-view="dashboard"] .recordBrowser button:disabled { cursor:default; opacity:.5; }
#legacy-root[data-view="dashboard"] .recordDetail { border:1px solid var(--record-line); border-radius:15px; background:#fff; overflow:hidden; scroll-margin-top:90px; }
#legacy-root[data-view="dashboard"] .recordDetailHead { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:15px 18px; border-bottom:1px solid var(--record-line); background:#f8fbfc; }
#legacy-root[data-view="dashboard"] .recordDetailHead h3 { flex:1; min-width:0; margin:0; color:var(--record-ink); font-size:18px; line-height:1.6; overflow-wrap:anywhere; }
#legacy-root[data-view="dashboard"] .recordBack { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 12px; border:1px solid #cbdce5; border-radius:9px; background:#fff; color:var(--record-accent); font-size:13px; white-space:normal; }
#legacy-root[data-view="dashboard"] .recordDetailBody { padding:18px; }
#legacy-root[data-view="dashboard"] :is(.recordFields,.recordFacts,.recordDetailFields) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; margin:0; }
#legacy-root[data-view="dashboard"] :is(.recordFields,.recordFacts,.recordDetailFields) > div { min-width:0; margin:0; padding:13px 0; border-bottom:1px solid #e8eef1; }
#legacy-root[data-view="dashboard"] :is(.recordFields,.recordFacts,.recordDetailFields) dt { margin:0 0 6px; color:var(--record-muted); font-size:13px; font-weight:400; line-height:1.6; }
#legacy-root[data-view="dashboard"] :is(.recordFields,.recordFacts,.recordDetailFields) dd { min-width:0; margin:0; color:var(--record-ink); font-size:15px; line-height:1.8; overflow-wrap:anywhere; }
#legacy-root[data-view="dashboard"] :is(.recordFields,.recordFacts,.recordDetailFields) dd > small { display:block; margin:4px 0 0; color:var(--record-muted); font-size:13px; line-height:1.8; }
#legacy-root[data-view="dashboard"] :is(.recordFields,.recordFacts,.recordDetailFields) dd :is(.money-amount,strong) { white-space:normal; overflow-wrap:anywhere; }
#legacy-root[data-view="dashboard"] .recordDetailActions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:18px; }
#legacy-root[data-view="dashboard"] .recordDetailBody .rowActions { display:flex; flex-wrap:wrap; gap:8px; }
#legacy-root[data-view="dashboard"] .recordDetailBody :is(button,a.outline) { min-height:44px; }
#legacy-root[data-view="dashboard"] .recordEmpty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:240px; padding:30px 20px; color:var(--record-muted); text-align:center; background:linear-gradient(150deg,#fbfcfd,#f2f7f8); }
#legacy-root[data-view="dashboard"] .recordEmpty :is(h3,strong) { margin:0; color:var(--record-ink); font-size:17px; }
#legacy-root[data-view="dashboard"] .recordEmpty p { max-width:340px; margin:0; font-size:14px; line-height:1.9; }
#legacy-root[data-view="dashboard"] .recordNoResults { margin:0; padding:24px 14px; color:var(--record-muted); font-size:14px; line-height:1.9; text-align:center; }
#legacy-root[data-view="dashboard"] .recordTabs { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 16px; padding:5px; border:1px solid #dce6e9; border-radius:12px; background:#f3f7f9; }
#legacy-root[data-view="dashboard"] .recordTabs button { flex:1; min-width:0; min-height:44px; padding:10px 13px; border:1px solid transparent; border-radius:9px; background:transparent; color:#58707c; font-size:14px; white-space:normal; }
#legacy-root[data-view="dashboard"] .recordTabs button:is(.active,.is-active,.is-selected,[aria-selected="true"],[aria-pressed="true"]) { border-color:#c5dbe8; background:#fff; color:#075c96; font-weight:700; box-shadow:0 2px 6px #183d4c08; }
#legacy-root[data-view="dashboard"] :is(.recordBrowser,.recordTabs) :is(button,input,a):focus-visible { outline:3px solid #72aee0; outline-offset:3px; }
#legacy-root[data-view="dashboard"] .recordDetail:focus { outline:none; }
#legacy-root[data-view="dashboard"] .recordDetail:focus-visible { outline:3px solid #72aee0; outline-offset:3px; }
#legacy-root[data-view="dashboard"] .accountsPanel > .recordBrowser,
#legacy-root[data-view="dashboard"] .accountsPanel > .recordTabs { margin-inline:20px; }
#legacy-root[data-view="dashboard"] .accountsPanel > label { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 20px 14px; color:#637984; font-size:14px; }
#legacy-root[data-view="dashboard"] .accountsPanel > label > select { min-width:180px; min-height:44px; }
@media screen and (max-width:700px) {
 #legacy-root[data-view="dashboard"] .recordBrowser { margin-block:12px; }
 #legacy-root[data-view="dashboard"] .recordList { gap:10px; }
 #legacy-root[data-view="dashboard"] .recordChoice { min-height:165px; aspect-ratio:auto; gap:6px; padding:14px; border-radius:20px; }
 #legacy-root[data-view="dashboard"] .recordChoiceMain > strong { font-size:15px; }
 #legacy-root[data-view="dashboard"] .recordChoiceValue { font-size:21px; margin:4px 0; }
 #legacy-root[data-view="dashboard"] .recordChoiceMeta { font-size:12px; }
 #legacy-root[data-view="dashboard"] .recordChoiceLink { padding-top:6px; font-size:12px; }
 #legacy-root[data-view="dashboard"] .recordDetailHead { padding:12px; gap:10px; }
 #legacy-root[data-view="dashboard"] .recordDetailHead h3 { font-size:17px; }
 #legacy-root[data-view="dashboard"] .recordDetailBody { padding:14px; }
 #legacy-root[data-view="dashboard"] :is(.recordFields,.recordFacts,.recordDetailFields) { grid-template-columns:minmax(0,1fr); }
 #legacy-root[data-view="dashboard"] :is(.recordFields,.recordFacts,.recordDetailFields) > div { padding:12px 0; }
 #legacy-root[data-view="dashboard"] .recordDetailActions > button { flex:1; }
 #legacy-root[data-view="dashboard"] .accountsPanel > .recordBrowser,
 #legacy-root[data-view="dashboard"] .accountsPanel > .recordTabs { margin-inline:12px; }
 #legacy-root[data-view="dashboard"] .accountsPanel > label { margin-inline:12px; }
}
@media screen and (min-width:380px) and (max-width:430px) {
 #legacy-root[data-view="dashboard"] .recordChoice { padding:12px; }
 #legacy-root[data-view="dashboard"] .recordChoiceValue { font-size:19px; }
}
@media screen and (max-width:379px) {
 #legacy-root[data-view="dashboard"] .recordList { grid-template-columns:minmax(0,1fr); }
 #legacy-root[data-view="dashboard"] .recordChoice { min-height:165px; }
 #legacy-root[data-view="dashboard"] .recordDetailHead { align-items:flex-start; flex-direction:column; }
}
@media print {
 #legacy-root[data-view="dashboard"] :is(.recordBrowserToolbar,.recordMaster,.recordBack,.recordTabs,.recordDetailActions) { display:none!important; }
 #legacy-root[data-view="dashboard"] .recordBrowserLayout { display:block; }
 #legacy-root[data-view="dashboard"] .recordDetail { border:0; border-radius:0; overflow:visible; }
 #legacy-root[data-view="dashboard"] .recordDetailHead { background:transparent; }
 #legacy-root[data-view="dashboard"] .recordDetailBody { padding:12px 0; }
 #legacy-root[data-view="dashboard"] .recordBrowser[data-selected="false"] { display:none; }
}

/* Detail adapters retain the complete original record and all actions. */
#legacy-root[data-view="dashboard"] .recordTableAdapter { min-width:0; padding:0 18px 18px; }
#legacy-root[data-view="dashboard"] .generalAccountsBrowser { padding:0 20px 16px; }
#legacy-root[data-view="dashboard"] .recordDetailBody > article { display:grid; gap:12px; margin:0; }
#legacy-root[data-view="dashboard"] .recordDetailBody > article > strong { font-size:22px; line-height:1.7; overflow-wrap:anywhere; }
#legacy-root[data-view="dashboard"] .recordDetailBody > article > :is(small,p) { margin:0; line-height:1.8; }
@media screen and (max-width:700px) {
 #legacy-root[data-view="dashboard"] .recordTableAdapter { padding:0 12px 12px; }
 #legacy-root[data-view="dashboard"] .generalAccountsBrowser { padding:0 12px 12px; }
}