.bank-staff, .bank-staff * { box-sizing: border-box; }
.bank-staff { min-width: 0; }
.bank-staff .bank-staff-grid { grid-template-columns: minmax(240px, 320px) minmax(0, 1fr); align-items: start; }
.bank-staff .panel { min-width: 0; padding: 24px; border: 1px solid #dce3ee; border-radius: 12px; background: #fff; }
.bank-staff .panel h2 { margin: 0 0 16px; }
.bank-work-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.bank-work-summary > div { padding: 16px 20px; border: 1px solid #dce3ee; border-radius: 12px; background: #fff; }
.bank-work-summary span, .bank-work-summary strong { display: block; }
.bank-work-summary span { font-size: 13px; color: #64748b; }
.bank-work-summary strong { margin-top: 4px; font-size: 24px; }
.bank-staff .bank-row { gap: 8px; padding: 16px; overflow-wrap: anywhere; }
.bank-staff .bank-row[aria-pressed='true'] { border-color: #2563eb; background: #eff6ff; }
.bank-staff .bank-row small { color: #64748b; }
.bank-row-action { color: #2563eb; font-size: 12px; }
.bank-detail-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.bank-detail-facts dt { font-size: 12px; color: #64748b; margin-bottom: 4px; }
.bank-detail-facts dd { margin: 0; overflow-wrap: anywhere; }
.bank-status { font-size: 13px; color: #2563eb; padding: 4px 8px; background: #eff6ff; border-radius: 6px; }
.bank-next-step { padding: 12px; background: #eff6ff; border-radius: 8px; font-weight: 600; }
.bank-staff ol { padding-left: 22px; line-height: 1.8; }
.bank-empty { color: #64748b; min-height: 260px; }
.bank-staff input, .bank-staff select, .bank-staff button { max-width: 100%; }
.bank-staff .bank-processing { overflow-wrap: anywhere; }
@media(max-width: 1000px) { .bank-staff .bank-staff-grid { grid-template-columns: 1fr; } }
@media(max-width: 600px) { .bank-detail-facts { grid-template-columns: 1fr; } .bank-staff .panel { padding: 16px; } .bank-work-summary > div { padding: 12px; } .bank-work-summary strong { font-size: 20px; } }
.bank-staff form input:not([type='checkbox']):not([type='file']), .bank-staff form select { width: 100%; min-height: 44px; border: 1px solid #dce3ee; border-radius: 8px; padding: 10px 12px; background: #fff; color: #172033; font: inherit; }
.bank-staff form input[type='file'] { width: 100%; }

.bank-account-comparison { margin: 20px 0; }
.bank-account-comparison h3 { margin: 0 0 12px; font-size: 19px; }
.bank-account-columns { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; align-items: stretch; }
.bank-account-card { min-width: 0; border: 1px solid #dce3ee; border-radius: 12px; padding: 20px; background: #f8fafc; overflow-wrap: anywhere; }
.bank-account-card h4 { margin: 0 0 8px; font-size: 18px; }
.bank-account-card p { margin: 0 0 16px; font-size: 13px; }
.bank-account-card dl { margin: 12px 0; }
.bank-account-card dl > div { display: grid; gap: 4px; margin-top: 12px; }
.bank-account-card dt { font-size: 12px; color: #64748b; }
.bank-account-card dd { margin: 0; font-weight: 600; }
.bank-account-card .bank-account-number { font-size: 20px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.bank-account-new { border: 2px solid #2563eb; background: #eff6ff; color: #172033; }
.bank-account-badge { display: inline-block; margin-bottom: 12px; background: #2563eb; color: white; border-radius: 4px; padding: 4px 8px; font-size: 12px; font-weight: 700; }
.bank-existing-account + .bank-existing-account { border-top: 1px solid #dce3ee; margin-top: 16px; padding-top: 16px; }
@media (max-width: 700px) { .bank-account-columns { grid-template-columns: minmax(0,1fr); } .bank-account-card { padding: 16px; } }