/* Bank workspace only; retain the accepted graphite/indigo palette and native
   controls. Account administration and financial authority are unchanged. */
body.workspace-shell[data-workspace-view="bankkonten"],
body.workspace-shell[data-workspace-view="bankkonten"] .main-content { background: var(--ws-bg); }
body.workspace-shell[data-workspace-view="bankkonten"]::before { display: none; }
body.workspace-shell #bankkonten-view { color: var(--ws-ink); font: 400 var(--ws-text-body)/1.55 var(--ws-font); min-width: 0; overflow-wrap: anywhere; }
body.workspace-shell #bankkonten-view * { box-sizing: border-box; }
body.workspace-shell #bankkonten-view [hidden] { display: none !important; }
body.workspace-shell #bankkonten-view .view-header { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ws-space-md); margin-bottom: var(--ws-space-lg); }
body.workspace-shell #bankkonten-view :is(h2,h3,p,ul,dl) { margin: 0; }
body.workspace-shell #bankkonten-view h2 { font-size: var(--ws-text-heading); font-weight: 650; text-wrap: balance; }
body.workspace-shell #bankkonten-view h3 { font-size: var(--ws-text-subheading); font-weight: 650; text-wrap: balance; }
body.workspace-shell #bankkonten-view p { max-width: 72ch; }
body.workspace-shell #bankkonten-view #bankkonten-grid.bank17-workspace { display: block; min-width: 0; }
body.workspace-shell #bankkonten-view :is(button,input,select,summary) { font: inherit; max-width: 100%; min-height: 44px; }
body.workspace-shell #bankkonten-view :is(button,input,select) { color: var(--ws-ink); background: var(--ws-surface); border: 1px solid var(--ws-line); border-radius: 6px; padding: var(--ws-space-sm) var(--ws-space-md); box-shadow: none; }
body.workspace-shell #bankkonten-view button { white-space: normal; cursor: pointer; text-align: start; transform: none; }
body.workspace-shell #bankkonten-view button:hover:not(:disabled) { background: var(--ws-soft); border-color: var(--ws-accent); color: var(--ws-ink); box-shadow: none; }
body.workspace-shell #bankkonten-view button:disabled { color: var(--ws-muted); background: var(--ws-soft); opacity: 1; cursor: not-allowed; }
body.workspace-shell #bankkonten-view .view-header > .btn-primary,
body.workspace-shell #bankkonten-view [data-bank17-action="read"] { background: var(--ws-button-bg); color: var(--ws-button-ink); }
body.workspace-shell #bankkonten-view [aria-pressed="true"] { background: var(--ws-accent-soft); border-color: var(--ws-accent); }
body.workspace-shell #bankkonten-view :is(button,input,select,summary,[tabindex]):focus-visible { outline: 3px solid var(--ws-accent); outline-offset: 3px; scroll-margin-block: var(--ws-space-md); }
body.workspace-shell #bankkonten-view :is(.bank17-account-list,.bank17-rows) button:focus-visible { outline-offset: -3px; }
body.workspace-shell #bankkonten-view input::placeholder { color: var(--ws-muted); opacity: 1; }
body.workspace-shell #bankkonten-view summary { padding-block: var(--ws-space-sm); cursor: pointer; color: var(--ws-accent); }
body.workspace-shell #bankkonten-view :is(.bank17-muted,small,.bank17-coverage) { color: var(--ws-muted); font-size: var(--ws-text-meta); }
body.workspace-shell #bankkonten-view :is(.bank17-account-toolbar,.bank17-filters,.bank17-actions,.bank17-pagination) { display: flex; flex-wrap: wrap; align-items: end; gap: var(--ws-space-sm) var(--ws-space-md); }
body.workspace-shell #bankkonten-view .bank17-account-toolbar { margin-bottom: var(--ws-space-sm); }
body.workspace-shell #bankkonten-view .bank17-account-toolbar > label { flex: 1 1 20rem; }
body.workspace-shell #bankkonten-view .bank17-layout { display: grid; grid-template-columns: minmax(12rem,17rem) minmax(0,1fr); align-items: start; gap: var(--ws-space-lg); margin-top: var(--ws-space-lg); }
body.workspace-shell #bankkonten-view :is(.bank17-layout > *, .bank17-main > *, .bank17-field, .bank17-facts > div) { min-width: 0; }
body.workspace-shell #bankkonten-view .bank17-field { display: flex; flex-direction: column; gap: var(--ws-space-xs); }
body.workspace-shell #bankkonten-view .bank17-field > span { color: var(--ws-muted); font-size: var(--ws-text-meta); }
body.workspace-shell #bankkonten-view .bank17-field input { width: 100%; min-width: 0; }
body.workspace-shell #bankkonten-view .bank17-filters { margin-block: var(--ws-space-lg) var(--ws-space-md); padding-top: var(--ws-space-md); border-top: 1px solid var(--ws-line); }
body.workspace-shell #bankkonten-view .bank17-filters > label:first-child { flex: 0 1 8rem; }
body.workspace-shell #bankkonten-view .bank17-filters > label:last-child { flex: 1 1 16rem; }
body.workspace-shell #bankkonten-view :is(.bank17-account-list,.bank17-rows) { list-style: none; padding: 0; }
body.workspace-shell #bankkonten-view :is(.bank17-account-list,.bank17-rows) > li { border-bottom: 1px solid var(--ws-line); }
body.workspace-shell #bankkonten-view :is(.bank17-account-list,.bank17-rows) button { display: flex; flex-direction: column; align-items: stretch; gap: var(--ws-space-xs); width: 100%; border-radius: 0; padding: var(--ws-space-md) var(--ws-space-sm); }
body.workspace-shell #bankkonten-view .bank17-account-list button { background: transparent; border-color: transparent; }
body.workspace-shell #bankkonten-view .bank17-account-list button[aria-pressed="true"] { background: var(--ws-accent-soft); border-color: var(--ws-accent); }
body.workspace-shell #bankkonten-view .bank17-facts { margin-block: var(--ws-space-md); }
body.workspace-shell #bankkonten-view .bank17-facts > div { display: grid; grid-template-columns: minmax(8rem,1fr) minmax(0,2fr); gap: var(--ws-space-sm) var(--ws-space-md); padding-block: var(--ws-space-sm); border-bottom: 1px solid var(--ws-line); }
body.workspace-shell #bankkonten-view .bank17-facts dt { color: var(--ws-muted); font-size: var(--ws-text-meta); }
body.workspace-shell #bankkonten-view .bank17-facts dd { margin: 0; min-width: 0; white-space: pre-wrap; }
body.workspace-shell #bankkonten-view .bank17-source-status { margin-block: var(--ws-space-md); }
body.workspace-shell #bankkonten-view .bank17-source-status > button { margin-top: var(--ws-space-sm); }
body.workspace-shell #bankkonten-view [role="alert"] { color: var(--ws-bad); }
body.workspace-shell #bankkonten-view .bank17-proof-held { padding: var(--ws-space-md); background: var(--ws-soft); color: var(--ws-warn); border: 1px solid var(--ws-line); border-radius: 6px; }
body.workspace-shell #bankkonten-view .bank17-rows { margin-block: var(--ws-space-md); }
body.workspace-shell #bankkonten-view .bank17-row-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--ws-space-sm) var(--ws-space-md); }
body.workspace-shell #bankkonten-view .bank17-row-top > * { min-width: 0; max-width: 100%; }
body.workspace-shell #bankkonten-view .bank17-amount { font-variant-numeric: tabular-nums; }
body.workspace-shell #bankkonten-view :is(.bank17-row-detail,.bank17-held) { margin-top: var(--ws-space-lg); padding-top: var(--ws-space-md); border-top: 1px solid var(--ws-line); }
body.workspace-shell #bankkonten-view .bank17-row-detail > button { margin-top: var(--ws-space-sm); }
body.workspace-shell #bankkonten-view .bank17-held .bank17-actions { margin-block: var(--ws-space-md); }
@media (max-width: 900px) {
    body.workspace-shell #bankkonten-view .bank17-layout { grid-template-columns: minmax(0,1fr); }
    body.workspace-shell #bankkonten-view .bank17-account-list { max-height: min(36vh,20rem); max-height: min(36svh,20rem); overflow: auto; overscroll-behavior: auto; }
}
@media (max-width: 480px) {
    body.workspace-shell #bankkonten-view .bank17-facts > div { grid-template-columns: minmax(0,1fr); gap: var(--ws-space-xs); }
    body.workspace-shell #bankkonten-view :is(.bank17-actions,.bank17-pagination) > button { flex: 1 1 100%; }
    body.workspace-shell #bankkonten-view .bank17-filters > label:last-child { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    body.workspace-shell #bankkonten-view *, body.workspace-shell #bankkonten-view *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}