/* Account Vault V8 enhancement suite — intentionally separate from previous CSS */
.av8-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.av8-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:23px;min-width:0;display:grid;gap:16px}
.av8-card h3{font-size:17px;letter-spacing:-.35px;color:var(--text);margin:0;font-weight:750}
.av8-card p{font-size:12px;line-height:1.75;margin:0;color:var(--subtle)}
.av8-formrow,.av8-options{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.av8-formrow label,.av8-generator label{display:grid;gap:7px;font-size:12px;font-weight:650;color:var(--subtle);flex:1;min-width:130px}
.av8-card input:not([type=checkbox]):not([type=file]),.av8-card select,.av8-table-tools select{min-height:42px;border:1px solid var(--border);border-radius:9px;padding:9px 11px;background:var(--input);color:var(--text);max-width:100%;font:inherit}
.av8-card input[type=file]{font-size:12px;max-width:100%;width:100%;color:var(--subtle)}
.av8-options{align-items:center;padding:12px;background:var(--surface-alt);border-radius:10px;gap:14px}
.av8-options label{display:flex;align-items:center;min-width:auto;flex:none;gap:7px}
.av8-generator,.av8-preview{display:grid;gap:15px}
.av8-result{display:flex;align-items:center;gap:8px;border:1px dashed var(--border);border-radius:10px;padding:10px;min-width:0}
.av8-result output{font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word;flex:1;font-size:13px;color:var(--text)}
.av8-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.av8-stats div{border:1px solid var(--border);border-radius:11px;padding:13px 8px;display:grid;gap:8px;text-align:center}
.av8-stats strong{font-size:22px;color:var(--text)}.av8-stats span{font-size:11px;color:var(--muted)}
.av8-health-list{display:grid;max-height:320px;overflow:auto}.av8-health-row,.av8-history-row{padding:12px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--text);font-size:12px}
.av8-health-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.av8-health-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.av8-health-row strong{white-space:nowrap;color:var(--subtle)}
.av8-table-scroll{max-height:260px;max-width:100%;overflow:auto}.av8-table-scroll table{border-collapse:collapse;min-width:100%;font-size:12px}.av8-table-scroll th,.av8-table-scroll td{border:1px solid var(--border);padding:9px 11px;white-space:nowrap}.av8-table-scroll th{background:var(--surface-alt)}
.av8-table-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.av8-table-tools .btn{height:40px;min-height:40px;font-size:12px;padding:8px 11px}
.av8-tool-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--subtle)}
.av8-tool-label select{font-size:12px;min-width:130px;min-height:40px}
.bulk-actions{flex-wrap:wrap;gap:6px}.bulk-actions [data-av8]{font-size:12px;min-height:34px}
.av8-inform{justify-self:start;margin-top:7px;min-height:34px;font-size:12px}
.av8-history{margin:18px 0 0;padding:16px 0;border-top:1px solid var(--border);display:grid;gap:8px}
.av8-history-row .btn{font-size:12px;min-height:32px;padding:5px 8px}
#av8-totp-result{border-radius:10px;padding:18px;font-size:19px;font-weight:750;letter-spacing:1px;background:var(--surface-alt);overflow-wrap:anywhere;color:var(--text)}
.av8-card .btn{white-space:normal}
@media(max-width:1150px){.av8-grid{grid-template-columns:1fr}.av8-table-tools{margin-left:0;width:100%;padding-top:6px}}
@media(max-width:660px){.av8-grid{gap:12px}.av8-card{padding:16px}.av8-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.av8-table-tools{gap:6px}.av8-formrow>button{width:100%}.av8-result{flex-direction:column;align-items:stretch}.av8-result .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.av8-card *, .av8-card *::before,.av8-card *::after{scroll-behavior:auto;transition:none!important}}
