#betalningar {scroll-margin-top:90px}
#betalningar .payment-heading,#betalningar .payment-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#betalningar .payment-heading {justify-content:space-between}
#betalningar .payment-actions {margin:16px 0}
#betalningar .payment-filters {display:grid;grid-template-columns:minmax(200px,1fr) minmax(200px,.7fr) auto;gap:12px;align-items:end;margin:20px 0 12px}
#betalningar .payment-filters label {display:grid;gap:7px;font-size:.9rem;font-weight:700;min-width:0}
#betalningar .payment-filters input,#betalningar .payment-filters select {box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #78869c;border-radius:10px;background:#fff;color:#1b2940;font:inherit}
#betalningar .payment-filters input::placeholder {color:#596b82;opacity:1}
html[data-theme="dark"] #betalningar .payment-filters input,html[data-theme="dark"] #betalningar .payment-filters select {background:#20324e;color:#f4f7ff;border-color:#7b91af}
html[data-theme="dark"] #betalningar .payment-filters input::placeholder {color:#bfcee1}
@media(max-width:760px){#betalningar .payment-filters{grid-template-columns:minmax(0,1fr)}#betalningar .payment-filters button{justify-self:start}}
#betalningar .payment-actions label {display:flex;align-items:center;gap:8px}
#betalningar input[type="checkbox"] {width:19px;height:19px;accent-color:#2663c7;flex-shrink:0}
#betalningar .payment-row {display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:18px 0;border-top:1px solid #cbd2dc;color:#1b2940}
#betalningar[data-payment-scope="all"] .payment-row {grid-template-columns:minmax(0,1fr) auto}
#betalningar[data-payment-scope="all"] .acct-button {border:0;background:#173a5e;color:#fff;border-radius:10px;min-height:42px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}
#betalningar[data-payment-scope="all"] .acct-button-light {border:1px solid #78869c;background:#fff;color:#173a5e}
#betalningar .payment-row p {margin:4px 0;overflow-wrap:anywhere}
#betalningar .payment-meta,#betalningar .payment-note {font-size:.88rem;color:#4e5e73}
#betalningar .payment-value {text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:8px}
#betalningar .payment-badge {font-size:.8rem;display:inline-block;padding:3px 8px;border-radius:5px;background:#e6edf8;color:#143c75;margin-top:5px}
#betalningar button:disabled {opacity:.6;cursor:default}
#betalningar .payment-download {min-height:44px;white-space:normal;text-align:center}
#betalningar .payment-download,#betalningar #payments-receipt {background:#173a5e;color:#fff;border:1px solid #497cae}
#betalningar .payment-download:not(:disabled):hover,#betalningar #payments-receipt:not(:disabled):hover {background:#285b8c}
#betalningar .payment-wellness {padding:12px 16px;border-left:3px solid #3784d5;background:#edf4fc;border-radius:6px;font-size:.9rem;line-height:1.5}
html[data-theme="dark"] #betalningar .payment-wellness {background:#1b304c;color:#dceaff}
#betalningar [hidden] {display:none!important}
#betalningar dialog {background:#fff;color:#1b2940;border:1px solid #78869c;border-radius:16px;padding:26px;max-width:510px;width:calc(100% - 32px)}
#betalningar dialog::backdrop {background:#081527aa}
#betalningar textarea {display:block;width:100%;box-sizing:border-box;padding:12px;margin-top:8px;font:inherit;border:1px solid #78869c;border-radius:8px;background:#fff;color:#18243a}
#betalningar :focus-visible {outline:3px solid #6da8ff;outline-offset:3px}
html[data-theme="dark"] #betalningar .payment-row,html[data-theme="dark"] #betalningar dialog {color:#f0f5ff;border-color:#43536a;background:#152137}
html[data-theme="dark"] #betalningar .payment-meta,html[data-theme="dark"] #betalningar .payment-note {color:#c1cfe2}
html[data-theme="dark"] #betalningar .acct-button-light,html[data-theme="dark"] #betalningar textarea {background:#20324e;color:#f4f7ff;border-color:#7b91af}
html[data-theme="dark"] #betalningar .payment-badge {background:#29456e;color:#e7f0ff}
@media(max-width:560px){#betalningar .payment-row{grid-template-columns:auto 1fr}#betalningar .payment-value{grid-column:2;text-align:left;align-items:flex-start}#betalningar[data-payment-scope="all"] .payment-row{grid-template-columns:minmax(0,1fr)}#betalningar[data-payment-scope="all"] .payment-value{grid-column:1}#betalningar .payment-actions{align-items:flex-start;flex-direction:column}}