/* Import review has distinct compact cards on phones, without a wide table. */
#imports-view .import-mobile-list{display:none}
body:has(#import-row-dialog[open]){overflow:hidden}
#imports-view .import-review-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:0 20px 14px}
#imports-view .import-review-toolbar label{margin:0}
#imports-view .import-review-toolbar .check-label{align-self:center}
#imports-view .import-transaction-card{border:1px solid var(--border,#ddd9d0);border-radius:18px;padding:16px;background:var(--panel,#fffdf8);min-width:0;overflow-wrap:anywhere}
#imports-view .import-card-top{display:flex;gap:10px;align-items:center;justify-content:space-between}
#imports-view .import-card-top .tag{white-space:normal}
#imports-view .import-card-top .check-label{margin:0;white-space:nowrap}
#imports-view .import-card-amount,.import-review-fact{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
#imports-view .import-card-amount strong,.import-review-fact strong{font-size:1.35rem;font-variant-numeric:tabular-nums}
#imports-view .import-transaction-card h3{margin:14px 0 10px;font-size:1.1rem}
#imports-view .import-transaction-card p{margin:10px 0;line-height:1.5}
#imports-view .import-transaction-card>button{width:100%;margin-top:6px}
#imports-view .classification-strip{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
#imports-view #import-selection-count{font-size:.9rem}
#import-row-dialog.import-review-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border-radius:24px 0 0 24px;border:1px solid var(--border,#ddd9d0);padding:24px;box-sizing:border-box;overflow:auto;background:var(--panel,#fffdf8)}
#import-row-dialog.import-review-drawer form{display:grid;gap:16px;min-width:0}
#import-row-dialog.import-review-drawer .dialog-heading{align-items:start}
#import-row-dialog.import-review-drawer .dialog-heading h2{overflow-wrap:anywhere}
#import-row-dialog.import-review-drawer .dialog-actions{position:sticky;bottom:-24px;margin:8px -24px -24px;padding:16px 24px;background:var(--panel,#fffdf8);border-top:1px solid var(--border,#ddd9d0);display:flex;flex-wrap:wrap;gap:10px;z-index:2}
#import-row-dialog.import-review-drawer .dialog-actions button{flex:1;white-space:normal}
#import-row-dialog .import-search-controls{display:flex;gap:10px;align-items:end}
#import-row-dialog .import-search-controls label{flex:1;min-width:0;margin:0}
#import-row-dialog .import-candidate-search{background:var(--surface,#f5f3eb);padding:16px;border-radius:18px;border:1px solid var(--border,#ddd9d0)}
#import-row-dialog .import-selected-source{margin:14px 0;padding:12px;border-radius:12px;background:var(--panel,#fffdf8);overflow-wrap:anywhere}
#import-row-dialog .import-candidate-results{display:grid;gap:12px}
#import-row-dialog .import-candidate-card{border:1px solid var(--border,#ddd9d0);border-radius:14px;padding:14px;background:var(--panel,#fffdf8);overflow-wrap:anywhere}
#import-row-dialog .import-candidate-card h4{margin:0 0 10px}
#import-row-dialog .import-candidate-card dl{margin:0 0 12px;display:grid;gap:7px}
#import-row-dialog .import-candidate-card dl>div{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px}
#import-row-dialog .import-candidate-card dt{color:var(--muted,#6f746d)}
#import-row-dialog .import-candidate-card dd{margin:0;min-width:0}
#import-row-dialog [hidden]{display:none!important}
@media(max-width:700px){
 #imports-view .import-desktop-list{display:none}
 #imports-view .import-mobile-list{display:grid;gap:12px;padding:12px}
 #imports-view .import-review-toolbar{padding:0 12px 12px;align-items:stretch;gap:10px}
 #imports-view .import-review-toolbar>label:first-child{flex:1;min-width:140px}
 #imports-view .import-review-toolbar>.check-label{flex-basis:100%}
 #imports-view .ledger-pagination{padding:12px;gap:8px;flex-wrap:wrap}
 #imports-view .ledger-pagination span{order:3;width:100%;text-align:center}
 #imports-view .import-stat-strip{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
 #imports-view .import-stat-strip article{min-width:0;padding:12px 8px}
 #imports-view .import-stat-strip strong{font-size:1.1rem;overflow-wrap:anywhere}
 #import-row-dialog.import-review-drawer{border-radius:18px 18px 0 0;padding:18px;width:100vw}
 #import-row-dialog.import-review-drawer .dialog-actions{bottom:-18px;margin:6px -18px -18px;padding:14px 18px}
 #import-row-dialog .import-search-controls{flex-direction:column;align-items:stretch}
 #import-row-dialog .form-grid{grid-template-columns:1fr}
}
