/* UI029. Load after account.css / dock panels. Record axes do not affect ledger rows. */
.account-records {--records-accent:#f284ab;--records-ink:var(--account-text,#f4f3ef);--records-muted:var(--account-secondary,#a7afb5);min-width:0;}
.account-records .account-record-tabs {gap:28px;border-color:#ffffff0c;margin-top:20px;padding:0 2px;}
.account-records .account-record-tabs button {min-height:48px;font-size:17px;font-weight:600;color:var(--records-muted);}
.account-records .account-record-tabs button.selected {color:var(--records-ink);}
.account-records .account-record-tabs button.selected:after {height:3px;width:20px;left:calc(50% - 10px);bottom:3px;background:linear-gradient(90deg,#fa91b1,#ba9bed);box-shadow:0 1px 9px #ed83ad29;}
.account-record-zones {display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:18px 1px 20px;margin:0;}
.account-record-zones::-webkit-scrollbar {display:none;}
.account-records .account-record-zones button {flex:0 0 auto;min-height:36px;padding:7px 17px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff05;color:var(--records-muted);font-size:12px;line-height:1.5;white-space:nowrap;transition:background .2s,color .2s,border-color .2s;}
.account-records .account-record-zones button.selected {color:#ffcee0;border-color:#f5a0c054;background:linear-gradient(115deg,#f386ad1a,#b28ce81a);}
.account-record-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 10px;align-items:start;padding:0 1px 22px;}
.account-records .account-media-card {display:block;min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:left;color:var(--records-ink);border-radius:10px;touch-action:manipulation;}
.account-media-poster {display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:3/4;overflow:hidden;border:1px solid #ffffff0e;border-radius:10px;background:linear-gradient(145deg,#362e46,#1d202a);}
.account-media-poster:after {content:"";position:absolute;inset:50% 0 0;pointer-events:none;background:linear-gradient(transparent,#0d0b1359);}
.account-media-poster>img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.2,.7,.3,1);}
.account-media-placeholder {display:grid;place-items:center;height:100%;font-size:32px;font-weight:600;color:#c1a7d1;opacity:.6;}
.account-media-kind {position:absolute;right:7px;bottom:6px;z-index:1;padding:2px 5px;border-radius:4px;background:#16101c45;color:#fff4fa;font-size:9px;line-height:1.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.account-records .account-media-card>strong {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 3px;font-size:12px;line-height:1.55;font-weight:550;overflow-wrap:anywhere;}
.account-records .account-media-card>small {display:block;color:var(--records-muted);font-size:10px;line-height:1.5;}
.account-records :is(.account-media-card,button):focus-visible {outline:2px solid #d9b1fa;outline-offset:3px;}
.account-records .account-media-card:active .account-media-poster>img {transform:scale(1.025);}
@media (hover:hover) {.account-records .account-media-card:hover .account-media-poster>img {transform:scale(1.04);}}
@media (prefers-reduced-motion:reduce) {.account-records * {transition:none!important;}}