.fints-refresh{display:grid;justify-items:start;gap:var(--ui-space-2);margin:0;min-width:0;max-width:100%}
.fints-refresh .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2)}
.fints-refresh-icon{display:inline-block;font-size:1.25em;line-height:1}
.fints-refresh[aria-busy="true"] .fints-refresh-icon{animation:fints-spin 1s linear infinite}
.fints-refresh [data-fints-progress]{font-size:13px;color:var(--text-secondary);overflow-wrap:anywhere}
.fints-refresh[data-fints-failed] [data-fints-progress],.fints-refresh .fints-error,.fints-result-failed span{color:var(--ui-danger)}
.fints-details{width:100%;min-width:0;font-size:13px}
.fints-details summary{cursor:pointer;color:var(--text-secondary);padding-block:var(--ui-space-1);overflow-wrap:anywhere}
.fints-details summary:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px;border-radius:var(--ui-control-radius)}
.fints-result-list{list-style:none;padding:0;margin:var(--ui-space-1) 0 0}
.fints-details .fints-result{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding-block:var(--ui-space-2);border-top:1px solid var(--border);overflow-wrap:anywhere}
.fints-result strong{color:var(--text-primary);font-weight:600}
.fints-result span{color:var(--text-secondary)}
.fints-details .fints-result-failed span{color:var(--ui-danger)}
.fints-refresh .fints-error{font-size:13px;overflow-wrap:anywhere}
@keyframes fints-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.fints-refresh[aria-busy="true"] .fints-refresh-icon{animation:none}}

.fints-last-sync{display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--ui-space-1);padding-inline:var(--ui-space-1);font-size:12px;line-height:1.6;text-align:center;color:var(--text-secondary);overflow-wrap:anywhere}
.fints-last-sync time{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Compact overview: keep bank identity, refresh action and result hierarchy together. */
.fints-refresh-compact{--fints-inset:var(--ui-space-4);gap:0;justify-items:stretch}
.fints-compact-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-2);padding:20px var(--fints-inset) 0}
.fints-state{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 7px;font-size:11px;background:var(--accent-dim);color:var(--ui-primary)}
.fints-state::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.fints-bank-row{display:flex;align-items:center;gap:var(--ui-space-2);padding:20px var(--fints-inset) 0;min-width:0}
.fints-bank-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:var(--accent-dim);color:var(--ui-primary);border-radius:var(--ui-control-radius)}
.fints-bank-icon svg{width:21px;height:21px}
.fints-bank-copy{display:grid;gap:2px;min-width:0;flex:1}
.fints-bank-copy strong{font-size:14px;font-weight:600}
.fints-bank-copy>span{font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}
.fints-refresh-compact .fints-compact-button{width:var(--ui-control-height);min-width:var(--ui-control-height);height:var(--ui-control-height);padding:10px;gap:0;flex-shrink:0}
.fints-compact-button .fints-refresh-icon{width:18px;height:18px}
.fints-refresh-compact .fints-last-sync{justify-content:space-between;text-align:left;gap:4px var(--ui-space-2);padding:var(--ui-space-3) var(--fints-inset) var(--ui-space-4)}
.fints-refresh-compact .fints-last-sync time{white-space:normal;text-align:right}
.fints-refresh-compact .fints-details{order:5;border-top:1px solid var(--border)}
.fints-refresh-compact .fints-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-2);min-height:58px;padding:var(--ui-space-3) var(--fints-inset)}
.fints-refresh-compact summary::-webkit-details-marker{display:none}
.fints-summary-copy{display:grid;gap:2px;min-width:0}
.fints-refresh-compact [data-fints-progress]{font-size:12px;font-weight:600;color:var(--text-primary)}
.fints-refresh-compact [data-fints-activity]{font-size:12px;color:var(--text-secondary)}
.fints-chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-secondary)}
.fints-refresh-compact details[open] .fints-chevron{transform:rotate(180deg)}
.fints-refresh-compact .fints-result-list{padding:0 var(--fints-inset) var(--ui-space-1);margin:0}
.fints-refresh-compact .fints-result{font-size:12px}
.fints-refresh-compact .fints-error{order:4;margin:0 var(--fints-inset) var(--ui-space-4);padding:var(--ui-space-2) var(--ui-space-3);border:1px solid #fca5a5;border-radius:var(--ui-control-radius);background:#fef2f2;color:var(--ui-danger);font-size:12px}
.fints-refresh-compact[aria-busy="true"] .fints-state{background:var(--bg-card-hover);color:var(--text-secondary)}
.fints-refresh-compact[data-fints-state="failed"] .fints-state,.fints-refresh-compact[data-fints-state="partial"] .fints-state,.fints-refresh-compact[data-fints-state="stale"] .fints-state{background:#fef2f2;color:var(--ui-danger)}
@media(max-width:700px){.fints-refresh-compact{--fints-inset:var(--ui-space-3)}}