/* HOODI-tema, delfil: finance. Indlæses af hoodi-theme-links.php. Skrives af én agent ad gangen.

   Dækker økonomisiderne (finance/index.php, finance/invoices/, finance/demands/) og boligens fane Opkrævninger
   (administration/units/details.php, afsnittet #invoices). Opmærkningen får klassen hoodi-finance i dev-grenen
   (boligfanen desuden hoodi-unitinvoices), og alt herunder er afgrænset til den, så intet rammer andre sider.
   Bankkonto-kortet beholder app'ens opbygning (Patrick 04-11-2026); mål og afstande står herunder.

   Mål fra mockups Web_Økonomi.png og Web_Bolig_fanen_Opkrævninger.png (2880 px = 2x, delt med 2):
   rækker 72 px (44 px cirkel + 14 px over og under), 14 px fra cirkel til tekst, titel 17/700, undertekst 15 grå,
   beløb 17/700, mærker 13/600 helt runde, chevron 20 px, kort 22 px runding, 20-24 px mellem kort,
   formue-kort 28 px indvendig luft med beløb 44/800, "Seneste faktura" 20/800 i 44 px afrundet flise,
   dato og "Seneste bevægelser" 20/800. */

/* Kort og afstande. Mellem kortene 17 px som overalt i appen (Patrick 04-11-2026; mockup'ens 20-24 px er fravalgt) */
.hoodi-finance .card { border-radius: var(--hoodi-r-kort); --bs-card-border-radius: var(--hoodi-r-kort); --bs-card-inner-border-radius: var(--hoodi-r-kort); overflow: hidden; }
.hoodi-finance .card.mb-5, .hoodi-finance .card.mb-10, .hoodi-finance .card.mb-3 { margin-bottom: 17px !important; }

/* Bankkonto-kortet: petrol hoved med "Bankkonti", tandhjul og formuen i midten, og en hvid boks med kontiene lagt henover
   (app'ens opbygning, Patrick 04-11-2026). Målene følger guiden og listerne herunder: 28 px indvendig luft i hovedet,
   boksoverskrift 16/700, 40 px ikonknap med 20 px ikon, rækker 72 px med 44 px rund cirkel og 16 px ikon, kontonavn og
   saldo 15/600, undertekst 13 grå. Målt i browseren (Patrick 04-11-2026): "Bankkonti"s blæk står 28 px fra kortets top og
   venstre kant (20 px på telefon; toppen er 14 px luft + halvdelen af den 40 px høje titellinje), og "Samlet formue" med
   beløbet står lodret midt i den synlige petrol flade: 71 px fra toppen til etikettens blæk og 71 px fra beløbets
   grundlinje til boksen (telefon 63/63). Bundluften er 44 px under boksen + 63 px (telefon 44 + 56).
   .h-275px skiller kortet med konti fra det tomme kort uden konti, som ingen boks har */
.hoodi-finance .card > .card-body > .card-rounded.bg-primary { padding: 14px 28px 28px !important; }
.hoodi-finance .card > .card-body > .card-rounded.bg-primary.h-275px { height: auto !important; padding-bottom: 107px !important; }
.hoodi-finance .card > .card-body > .card-rounded.bg-primary h3 { font-size: 16px !important; font-weight: 700 !important; line-height: 40px; }
.hoodi-finance .card > .card-body > .card-rounded.bg-primary .btn.btn-icon { width: var(--hoodi-ikonknap); height: var(--hoodi-ikonknap); border-radius: 999px; }
.hoodi-finance .card > .card-body > .card-rounded.bg-primary .btn.btn-icon .fi { font-size: 20px !important; line-height: 1; display: inline-flex; }
.hoodi-finance .card > .card-body > .card-rounded.bg-primary > .text-center { padding-top: 12px !important; padding-bottom: 0 !important; }
.hoodi-finance .card > .card-body > .card-rounded.bg-primary .fs-7 { opacity: .8; }
/* Boksen beholder app'ens shadow-sm (Patrick 04-11-2026) og ligger 28 px inde fra kanten, så den flugter "Bankkonti".
   Den går 44 px op i hovedet, så den med én konto (72 px række) når 28 px under hovedet, samme mål som siderne */
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded {
  margin: -44px 28px 28px !important; padding: 0 !important; border-radius: var(--hoodi-r-kort) !important; overflow: hidden;
}
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded > .d-flex { margin-top: 0 !important; padding: 14px 18px; }
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded > .d-flex + .d-flex { border-top: 1px solid var(--hoodi-skillelinje); }
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded > .d-flex:hover { background: var(--hoodi-hover); }
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded .symbol { width: var(--hoodi-ikonflade) !important; margin-right: 14px !important; flex-shrink: 0; }
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded .symbol-label {
  width: var(--hoodi-ikonflade); height: var(--hoodi-ikonflade); border-radius: 999px; background: var(--hoodi-graa) !important;
  padding: 0 !important; display: flex; align-items: center; justify-content: center;
}
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded .symbol-label .fi { color: var(--hoodi-petrol) !important; font-size: 16px !important; line-height: 1; position: relative; top: 1px; }
/* Lange kontonavne afkortes, så saldoen bliver på linjen (opmærkningen har flex-wrap, som ellers sender den ned under) */
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded .flex-wrap { flex-wrap: nowrap !important; min-width: 0; }
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded .flex-grow-1 { margin-bottom: 0 !important; padding-right: 12px !important; min-width: 0; }
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded .flex-grow-1 > span.fw-bold {
  display: block; font-size: 15px !important; font-weight: 600 !important; line-height: 1.3; color: var(--hoodi-petrol) !important;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded .flex-grow-1 > .fs-8 {
  font-size: 13px !important; font-weight: 400 !important; line-height: 1.4; color: var(--hoodi-tekst2) !important;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded div.fw-bold.pe-1 { font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol) !important; padding-right: 0 !important; white-space: nowrap; }
@media (max-width: 575.98px) {
  .hoodi-finance .card > .card-body > .card-rounded.bg-primary { padding: 6px 20px 24px !important; }
  .hoodi-finance .card > .card-body > .card-rounded.bg-primary.h-275px { padding-bottom: 100px !important; }
  .hoodi-finance .card > .card-body > .card-rounded.bg-primary .fs-2x { font-size: 36px !important; }
  .hoodi-finance .card > .card-body > .bg-body.shadow-sm.card-rounded { margin: -44px 20px 20px !important; }
}

/* Rækker i lister (table.tablebank): 72 px høje, 14 px fra cirkel til tekst, 24 px fra mærke til chevron */
.hoodi-finance table.tablebank > tbody > tr > td { padding-top: 14px !important; padding-bottom: 14px !important; }
.hoodi-finance table.tablebank > tbody > tr > td.w-30px { padding-right: 0 !important; }
.hoodi-finance table.tablebank > tbody > tr > td.w-30px > .me-2 { margin-right: 14px !important; }
.hoodi-finance table.tablebank > tbody > tr > td.w-5px { padding-left: 24px !important; padding-right: 24px !important; }
.hoodi-finance table.tablebank .symbol-40px .symbol-label .fi { font-size: 16px !important; }   /* som hovedfilen: 16 px blæk i cirklen */
.hoodi-finance table.tablebank .fi-rr-angle-small-right { font-size: 16px !important; }   /* som alle rækker (mockup 7x15 ved 2x) */

/* Titel og beløb 15/600, undertekst og mellemkolonne 13 grå */
.hoodi-finance table.tablebank td .fw-bold { font-size: 15px !important; font-weight: 600 !important; line-height: 1.3; }   /* som de øvrige listers rækketitler */
.hoodi-finance table.tablebank td .fw-semibold.fs-6 { font-size: 15px !important; font-weight: 600 !important; line-height: 1.3; }   /* menurækker som alle andre rækketitler: 15/700 (Patrick 02-11-2026) */
.hoodi-finance table.tablebank td.fw-bold { font-size: 15px !important; font-weight: 600 !important; }   /* beløbscellen som rækketitlen og de øvrige beløb (saldi, bankposteringer); 16/700 stak ud (Patrick 06-11-2026) */
.hoodi-finance table.tablebank td .text-muted { font-size: 13px !important; font-weight: 400 !important; line-height: 1.4; }
.hoodi-finance table.tablebank td.text-muted { font-size: 13px !important; font-weight: 400 !important; }
.hoodi-finance table.tablebank td.fw-bold.text-muted { font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-tekst2) !important; }   /* annulleret opkrævning i indtægtslisten: kun farven nedtones (td.text-muted ovenfor gav 13/400, så beløbet skrumpede, 06-11-2026) */

/* Mærker: hovedfilen giver 13/600 og runde flader; her kun placeringen i cellen */
.hoodi-finance table.tablebank td .badge { margin: 0 !important; white-space: nowrap; }

/* Indtægtslisten (finance/invoices/index.php, 06-11-2026): beløbene står i en fast højrekolonne med 24 px luft til mærkerne
   som "Seneste bevægelser" i mockup'en Web_Bolig_fanen_Opkrævninger.png. Før sad beløbscellen helt op ad mærkecellen, så
   "Kreditnota" rørte beløbet. På telefon er mærkerne skjult, og kolonnen får kun sin egen bredde, så navnet ikke presses.
   Udgiftslisten (finance/bills/index.php) har samme opbygning og samme klasser (06-11-2026: manglede hoodi-finance, så
   kontokolonnen stod i 14 px og der var 10 px fra cirkel til tekst mod 13 og 14 i de øvrige lister) */
.hoodi-invoicelist table.tablebank > tbody > tr > td.text-end.fw-bold { padding-left: 24px !important; white-space: nowrap; }
@media (min-width: 576px) {
  .hoodi-invoicelist table.tablebank > tbody > tr > td.text-end.fw-bold { width: 140px; }
}

/* Tomme lister ("Ingen påkravsskrivelser planlagt" m.fl.) */
.hoodi-finance .dataTables_empty .m-15 { margin: 40px 24px !important; color: var(--hoodi-tekst2); font-size: 15px; }

/* Søgefeltet over opkrævningslisten: 48 px, 16 px runding, hvidt uden kant */
.hoodi-finance .form-control-lg[data-kt-inbox-listing-filter="search"] {
  min-height: 48px; height: 48px; border-radius: 16px !important; padding: 0 20px;
  font-size: 15px !important; background: var(--hoodi-hvid); margin-bottom: 20px !important;
}

/* Besked øverst på påkravssiden: lilla AI-flade med stjernerne (Patrick 04-11-2026); på afsendelsesdagen i advarselsfarver.
   Grundklassen er neutral lysegrøn med petrol tekst, varianterne lægger farven på.
   Beskeden står på samme lag som kortene under den og får derfor kortenes runding og 17 px afstand
   (16 px var guidens runding for bokse inde i kort og så forkert ud over kortet, Patrick 04-11-2026) */
.hoodi-notice {
  display: flex; align-items: flex-start; gap: 12px; margin-bottom: 17px; padding: 14px 20px;
  border-radius: var(--hoodi-r-kort); background: var(--hoodi-lysgroen); color: var(--hoodi-petrol); font-size: 15px; line-height: 1.5;
}
.hoodi-notice .fi { flex-shrink: 0; display: inline-flex; margin-top: 2px; font-size: 20px; line-height: 1; color: var(--hoodi-petrol); }
.hoodi-notice strong { font-weight: 700; }
.hoodi-notice-advarsel { background: var(--hoodi-advarsel-bg); color: var(--hoodi-advarsel); }
.hoodi-notice-advarsel .fi { color: var(--hoodi-advarsel); }
.hoodi-notice-ai { background: var(--hoodi-ai-bg); color: var(--hoodi-ai); }
.hoodi-notice-ai .fi { color: var(--hoodi-ai); }
/* Besked med knap (Min bolig: opkrævning, der venter på betaling, 05-11-2026): teksten fylder linjen ud, og har beskeden
   flex-wrap, falder kun knappen ned under teksten, når der ikke er plads ved siden af (mobil); ikonet bliver ved teksten.
   Beskeder uden flex-wrap (påkrav, bilag) ser ud som før. Med knap står ikon, tekst og knap lodret i midten, og afstanden til
   højre er knappens 14 px over og under i stedet for beskedens 20 px (Patrick 05-11-2026: teksten stod højt, og der var mere
   luft til højre for knappen end over og under den). */
.hoodi-notice > div { flex: 1 1 200px; }
.hoodi-notice:has(> .badge) { align-items: center; padding-right: 14px; }
.hoodi-notice:has(> .badge) > .fi { margin-top: 0; }

/* Boligens fane Opkrævninger: afstande mellem blokkene (mockup: 24 px mellem kort, 12 px fra dato til liste) */
.hoodi-unitinvoices > div.mb-3 { margin-bottom: 12px !important; }
.hoodi-unitinvoices .card .card-body.p-5 { padding: 24px !important; }

/* "Seneste faktura" og opkrævningssidens hoved: 44 px afrundet flise, titel 20/800, én grå linje under, mærke til højre.
   Højst to linjer ud for ikonet (Patrick 05-11-2026): begge linjer afkortes med ellipsis i stedet for at bryde */
.hoodi-latest { display: flex; align-items: center; gap: 16px; }
.hoodi-latest-tile {
  flex-shrink: 0; width: 44px; height: 44px; border-radius: 14px; background: var(--hoodi-graa);
  display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.hoodi-latest-tile:hover { background: #E6E6E6; }
.hoodi-latest-tile .fi { display: inline-flex; font-size: 20px; line-height: 1; color: var(--hoodi-petrol); }
.hoodi-latest-text { flex: 1; min-width: 0; }
.hoodi-latest-title { font-size: 20px; font-weight: 800; letter-spacing: -0.01em; line-height: 1.25; color: var(--hoodi-petrol); }
.hoodi-latest-sub { font-size: 13px; color: var(--hoodi-tekst2); line-height: 1.4; }
.hoodi-latest-title, .hoodi-latest-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hoodi-latest-status { flex-shrink: 0; }
.hoodi-latest-status .badge { margin: 0 !important; }
/* På telefon står mærket på egen linje under flisen som højrecellen i titelrækken (mobile.css), så fakturanummeret får hele
   bredden: målt 05-11-2026 blev "Fakturanr. 1006" ellers afkortet ved 320 px og med "Betales automatisk" også ved 375-430 px */
@media (max-width: 575.98px) {
  .hoodi-latest { flex-wrap: wrap; row-gap: 12px; }
  .hoodi-latest-status { flex-basis: 100%; }
}
/* Fakturaens linjer under hovedet: skillelinje, midtstillede celler, og linjeskift-hacket (br) i beløbscellen skjules */
.hoodi-unitinvoices .card-body > div > table.tablebank { margin-top: 16px !important; border-top: 1px solid var(--hoodi-skillelinje); }
.hoodi-unitinvoices .card-body > div > table.tablebank > tbody > tr > td { vertical-align: middle; padding-top: 10px !important; padding-bottom: 10px !important; }
.hoodi-unitinvoices .card-body > div > table.tablebank > tbody > tr:first-child > td { padding-top: 14px !important; }
.hoodi-unitinvoices .card-body > div > table.tablebank > tbody > tr:last-child > td { padding-bottom: 0 !important; }
.hoodi-unitinvoices .card-body > div > table.tablebank > tbody > tr > td:first-child { padding-left: 0 !important; }
.hoodi-unitinvoices .card-body > div > table.tablebank > tbody > tr > td:last-child { padding-right: 0 !important; }
.hoodi-unitinvoices .card-body > div > table.tablebank td > br { display: none; }
.hoodi-unitinvoices .card-body > div > table.tablebank td .text-muted.d-sm-table-cell { display: block !important; }
/* På telefon får beløbskolonnen sin egen bredde i stedet for 150 px, så navn og periode ikke presses ned i en smal søjle
   (opkrævningssiden skjuler desuden antal-kolonnen på telefon, 05-11-2026) */
@media (max-width: 575.98px) {
  .hoodi-unitinvoices .card-body > div > table.tablebank td.w-150px { width: auto !important; white-space: nowrap; }
}

/* Næste opkrævningsdato på bolig- og foreningssiden: datoen 20/800 med lille chevron 16 px, uden etiket over (Patrick
   04-11-2026). Plus-knappen er den mørke 40 px cirkel med tegnet plus fra hoodi-theme.css (04-11-2026); den hvide cirkel
   herfra er fjernet, for den gjorde fladen hvid under det hvide plus */
.btn.hoodi-next-date {
  display: inline-flex; align-items: center; gap: 4px; border: 0; background: transparent !important;
  font-size: 20px !important; font-weight: 800 !important; letter-spacing: -0.02em; line-height: 1.2; color: var(--hoodi-petrol) !important;
}
.btn.hoodi-next-date .fi { display: inline-flex; font-size: 16px; line-height: 1; color: var(--hoodi-petrol); }

/* "I alt"-rækken under de kommende linjer (dev-gren): 17/700 uden hover */
.hoodi-unitinvoices tr.hoodi-total > td { font-size: 16px !important; font-weight: 700 !important; color: var(--hoodi-petrol); }

/* "Seneste bevægelser": afsnitsoverskrift 18/700 som hovedfilen (20 til 18, Patrick 05-11-2026); beløbskolonnen må ikke knække "Saldo -1.750,00" */
.hoodi-unitinvoices > table.mb-3 { margin-bottom: 12px !important; }
.hoodi-unitinvoices td.text-dark.fw-bold.fs-3 { font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.02em; padding: 4px 4px 0; }
.hoodi-unitinvoices table.tablebank td.w-100px { width: auto !important; white-space: nowrap; }
.hoodi-unitinvoices table.tablebank td.w-100px .text-muted { font-size: 14px !important; }

/* Opkrævningssiden (invoices/index.php, dev-gren, 05-11-2026). Beløbet øverst i betalingsvinduerne som sidetitlen 40/800 med
   fakturanummeret 14 grå under; afsenderen under siden 14 grå og midtstillet som på den hidtidige side. */
.hoodi-payamount { text-align: center; margin: 4px 0 28px; }
.hoodi-payamount-value { font-size: 40px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; color: var(--hoodi-petrol); }
.hoodi-payamount-label { margin-top: 6px; font-size: 14px; line-height: 1.4; color: var(--hoodi-tekst2); }
.hoodi-invoice-sender { margin-top: 24px; text-align: center; font-size: 14px; line-height: 1.6; color: var(--hoodi-tekst2); }

/* Opkrævningen som selvstændig side, når den, der åbner linket, ikke er logget ind (body.hoodi-public). Topbjælke og bund
   fra hjemmesidens mockup ("hoodi.dk · forside" i Overførsler): hvid bjælke på 1240 px med 24 px luft, logo til venstre og
   Log ind som grå pille (48 px, 16/600) til højre; petrol bund med hvidt logo og adressen 15 px. Indholdet står på appens
   grå flade i appens bredde (720 px) med "Opkrævning fra" 15 grå over foreningens navn som sidetitel 40/800. */
body.hoodi-public { background: var(--hoodi-graa) !important; min-height: 100vh; display: flex; flex-direction: column; }
.hoodi-public-header {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 24px max(24px, calc((100% - 1240px) / 2 + 24px)); background: var(--hoodi-hvid);
}
.hoodi-public-header .hoodi-public-logo { height: 28px; width: auto; display: block; }
.hoodi-public-login {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px;
  background: var(--hoodi-graa); color: var(--hoodi-petrol) !important; font-size: 16px; font-weight: 600; white-space: nowrap;
}
.hoodi-public-login:hover { background: #E6E6E6; }
.hoodi-public-main { flex: 1 0 auto; padding: 48px 16px 72px; }
.hoodi-public-content { max-width: 720px; margin: 0 auto; }
.hoodi-public-from { font-size: 15px; line-height: 1.4; color: var(--hoodi-tekst2); }
.hoodi-public .hoodi-public-title { margin: 2px 0 24px; font-size: 40px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; color: var(--hoodi-petrol); }
.hoodi-public-footer { background: var(--hoodi-petrol); color: var(--hoodi-hvid); }
.hoodi-public-footer-inner {
  display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 48px max(24px, calc((100% - 1240px) / 2 + 24px));
  font-size: 15px; line-height: 1.6; color: #D9DBE2;
}
.hoodi-public-footer .hoodi-public-logo { height: 28px; width: auto; display: block; }
@media (max-width: 575.98px) {
  .hoodi-public-header { padding: 16px; }
  .hoodi-public-main { padding: 32px 16px 48px; }
  .hoodi-public .hoodi-public-title { font-size: 32px; }
}

/* Regnskabssiden (finance/accounting/index.php, dev-gren 05-11-2026): kun kontorækker kan åbnes og har chevron. Overskrifter,
   grupper og sumrækker har en tom chevron-celle, der får chevronens boks (ps-5 + 16 px glyf + 17 px), så beløbet i "i alt"-kort
   uden konti flugter med beløbene i kortene over (kortene er hver sin tabel og deler ikke kolonnebredde). Afgrænset til
   sidens to visninger, for tabel-id'et spendingsCategories bruges også af budgettet m.fl., hvor sidste celle er et talfelt. Titlen med
   regnskabsårs-vælgeren bruger indbakke-vælgerens klasser (.hoodi-inboxtitle/.hoodi-inboxmenu i inbox.css). */
#balancesheetContent table.tablebank > tbody > tr > td:last-child:not(:has(> .fi-rr-angle-small-right)),
#incomestatementContent table.tablebank > tbody > tr > td:last-child:not(:has(> .fi-rr-angle-small-right)) { width: calc(16px + 1.25rem + 17px) !important; min-width: calc(16px + 1.25rem + 17px); padding-left: 1.25rem !important; padding-right: 17px !important; }
/* Regnskabsårs-vælgerens periodelinje ("01.01.2027 - 31.12.2027"): 12 px i stedet for menurækkernes 13. Målt 05-11-2026 i 2x:
   linjen var 269 px bred mod titlens 261 og stod i ren versalhøjde (cifre), så den virkede lige så stor som titlen (Patrick). */
.menu-sub-dropdown.hoodi-inboxmenu.hoodi-yearmenu table.tablebank .text-muted.fs-8 { font-size: 12px !important; }

/* Budgettet (finance/budget/index.php og details.php, 05-11-2026): nøgletallet øverst i kortet (span.text-dark.fw-bolder.fs-2x)
   som formuen i bankkonto-kortet, 40/800, så det er sidens tydelige tal og ikke 26/700 mellem titlen (32/900) og
   afsnitsoverskrifterne (18/700) (Patrick 05-11-2026). Underteksten 15 grå og sætningen under bjælken 14 grå kommer fra
   hovedfilen. Kun budgettets to sider har den klassekombination i et kort under .hoodi-finance. */
.hoodi-finance .card span.text-dark.fw-bolder.fs-2x { font-size: 40px !important; font-weight: 800 !important; letter-spacing: -0.03em; line-height: 1.1; color: var(--hoodi-petrol) !important; }
@media (max-width: 575.98px) {
  .hoodi-finance .card span.text-dark.fw-bolder.fs-2x { font-size: 32px !important; }
}

/* Bankkontoens posteringer (finance/banking/bankpostings/index.php, dev-gren 05-11-2026). Titel og kontovælger som
   regnskabsårs-vælgeren (.hoodi-inboxtitle/.hoodi-inboxmenu), saldoen direkte under titlen. Under den er
   posteringerne grupperet pr. dag: månedens navn (h2, kun ved ny måned) som afsnitsoverskrifterne 18/700, dag og saldo
   14 grå (temaets .fs-8), 12 px fra dagen til kortet og 24 px fra et kort til næste dag som "Næste opkrævning" og
   "Seneste bevægelser" i Web_Bolig_fanen_Opkrævninger.png; en ny måned får 16 px mere luft over sig. */
/* Toppen som journalens kontoside (Patrick 05-11-2026: "den lille kontovælger og store saldo gør noget godt"; et kort og en
   32 px titel blev prøvet og fravalgt): kontovælgeren lille, 20/700 petrol med 18 px chevron, på en 40 px linje som
   tilbageknappen, så de står midt for hinanden; det samme for kontonavnet uden vælger. Saldoen lige under er sidens titel og
   har sidetitlernes 32/900 (28 på telefon) som "Økonomi" (Patrick 05-11-2026; 40/800 blev prøvet og fravalgt), og div.mb-15
   giver luften ned til første måned. Ingen linje under saldoen (kun tom-tilstanden 15 grå uden posteringer) */
/* Journalens kontoside (finance/banking/transactions/index.php) har samme opmærkning og bærer .hoodi-bankpostings, så de to
   kontosider tegnes af de samme regler (Patrick 06-11-2026). Dér står "Del af <konto>" under et delregnskabs saldo 15 grå som
   tom-tilstanden, og "Søg" er hovedets pilleknap ved siden af Overfør. */
.hoodi-bankpostings button.hoodi-inboxtitle, .hoodi-bankpostings td > span.fw-bolder.fs-1 { font-size: 20px !important; font-weight: 700 !important; letter-spacing: -0.01em; line-height: 40px !important; }
.hoodi-bankpostings button.hoodi-inboxtitle .fi { font-size: 18px !important; margin-top: 2px; }
.hoodi-bankpostings td:has(> button.hoodi-inboxtitle), .hoodi-bankpostings td:has(> span.fw-bolder.fs-1) { height: 40px !important; }
.hoodi-bankpostings div.mb-15 > div > span.fw-bolder.fs-3x { font-size: 32px !important; font-weight: 900 !important; letter-spacing: -0.03em; line-height: 44px; color: var(--hoodi-petrol); display: inline-block; }
.hoodi-bankpostings div.mb-15 > div > span.fs-7.text-muted { font-size: 15px !important; color: var(--hoodi-tekst2) !important; }
/* Overfør-knappen under saldoen (som journalens kontoside, Patrick 05-11-2026): hvid 40 px pille, 15/700 petrol, uden ikon
   (Patrick: pilen så ikke pæn ud) som begivenhedens sekundære knap; 16 px under tallet */
.hoodi-bankpostings div.mb-15 > div.mt-5.mb-5 { margin: 16px 0 0 !important; }
.hoodi-bankpostings div.mb-15 .btn.btn-sm.btn-flex.btn-secondary {
  display: inline-flex !important; align-items: center; height: 40px; padding: 0 22px !important; margin: 0 !important;
  border: 0 !important; border-radius: 999px !important; background: var(--hoodi-hvid) !important;
  color: var(--hoodi-petrol) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1;
}
.hoodi-bankpostings div.mb-15 .btn.btn-sm.btn-flex.btn-secondary:hover { background: var(--hoodi-hover) !important; }

/* Opkrævningens detaljeside (finance/invoices/details/index.php, dev-gren 05-11-2026, Patrick: "flere der skal opdateres").
   Samme opbygning som bankposteringens detaljeside ovenfor: lille titel 20/700 på en 40 px linje, beløbet 32/900 lige under,
   datoen 15 grå, afsnitsoverskrifter 32 px under det foregående, kategorirækken 15/600, noten i en ikonrække (tekst, ikke
   felt), bilagsfliserne med kortenes runding. Hovedets "Registrer indbetaling" er sidehovedets pilleknap (40 px, 15/700) ved
   siden af prikmenuen. */
/* Udgiftens detaljeside (finance/bills/details/index.php, .hoodi-bill, Patrick 06-11-2026: "de visuelle ændringer skal slå
   igennem her også") deler opkrævningens regler herunder; kommentaren (#bill_comment) står som noten, og bilagsfliserne,
   papirkurven og plus-flisen som på bankposteringen. Revisorens "Godkend" er den hvide pille som Overfør på kontosiden. */
.hoodi-invoice td > span.fw-bolder.fs-1, .hoodi-bill td > span.fw-bolder.fs-1 { font-size: 20px !important; font-weight: 700 !important; letter-spacing: -0.01em; line-height: 40px !important; }
.hoodi-invoice td:has(> span.fw-bolder.fs-1), .hoodi-bill td:has(> span.fw-bolder.fs-1) { height: 40px !important; }
.hoodi-invoice div.mb-15 > div > span.fw-bolder.fs-3x, .hoodi-bill div.mb-15 > div > span.fw-bolder.fs-3x { font-size: 32px !important; font-weight: 900 !important; letter-spacing: -0.03em; line-height: 44px; color: var(--hoodi-petrol); display: inline-block; }
.hoodi-invoice div.mb-15 > div > span.fs-7.text-muted, .hoodi-bill div.mb-15 > div > span.fs-7.text-muted { font-size: 15px !important; color: var(--hoodi-tekst2) !important; }
.hoodi-invoice div.mb-15, .hoodi-bill div.mb-15 { margin-bottom: 17px !important; }
.hoodi-invoice table.mt-10.mb-3, .hoodi-bill table.mt-10.mb-3 { margin-top: 15px !important; }
.hoodi-invoice .card table.tablebank td > div:only-child:not(:has(*)), .hoodi-bill .card table.tablebank td > div:only-child:not(:has(*)) { font-size: 15px !important; font-weight: 600 !important; line-height: 1.3; color: var(--hoodi-petrol); }
.hoodi-invoice #invoice_note, .hoodi-bill #bill_comment { font-size: 15px !important; font-weight: 400 !important; line-height: 1.3; color: var(--hoodi-petrol); }
.hoodi-invoice #invoice_note.text-muted, .hoodi-bill #bill_comment.text-muted { color: var(--hoodi-tekst2) !important; }
.hoodi-invoice .overlay > .overlay-wrapper, .hoodi-invoice .overlay > .overlay-layer,
.hoodi-bill .overlay > .overlay-wrapper, .hoodi-bill .overlay > .overlay-layer { border-radius: var(--hoodi-r-kort) !important; }
/* Samme grå cirkel bag alle ikoner på de to detaljesider: kategorirækkens cirkel har Metronics bg-light-dark (utility med
   !important), som vandt over listernes grå og gav to nuancer (Patrick 05-11-2026) */
.hoodi-invoice table.tablebank .symbol-40px .symbol-label.bg-light-dark,
.hoodi-bill table.tablebank .symbol-40px .symbol-label.bg-light-dark,
.hoodi-bankposting table.tablebank .symbol-40px .symbol-label.bg-light-dark { background: var(--hoodi-graa) !important; }
/* Bilagsflisernes handlinger (øje, på bankposteringen også papirkurv) står midt på flisen, både vandret og lodret (Patrick
   05-11-2026; hjørnet og "øverst, midt for" blev prøvet og fravalgt), som hvide 40 px cirkler med 16 px petrol glyf; dæmpningen
   ved hover er lettere end Metronics halve sorte */
.hoodi-invoice .overlay > .overlay-layer, .hoodi-bill .overlay > .overlay-layer, .hoodi-bankposting .overlay > .overlay-layer { align-items: center !important; justify-content: center !important; padding: 12px; background: rgba(38, 69, 81, 0.25) !important; }
.hoodi-invoice .overlay-layer .symbol-40px > .symbol-label, .hoodi-bill .overlay-layer .symbol-40px > .symbol-label, .hoodi-bankposting .overlay-layer .symbol-40px > .symbol-label { width: 40px; height: 40px; border-radius: 999px; background: var(--hoodi-hvid) !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; }
.hoodi-invoice .overlay-layer .symbol-label .fi, .hoodi-bill .overlay-layer .symbol-label .fi, .hoodi-bankposting .overlay-layer .symbol-label .fi { display: inline-flex; font-size: 16px !important; line-height: 1; color: var(--hoodi-petrol) !important; }
.hoodi-invoice .overlay-layer .symbol-label .fi.text-primary, .hoodi-bill .overlay-layer .symbol-label .fi.text-primary, .hoodi-bankposting .overlay-layer .symbol-label .fi.text-primary { color: var(--hoodi-groen) !important; }
.hoodi-bill .overlay-layer .symbol-label .fi.text-danger, .hoodi-bankposting .overlay-layer .symbol-label .fi.text-danger { color: var(--hoodi-fejl) !important; }
.hoodi-bill .overlay-layer .symbol.ms-5, .hoodi-bankposting .overlay-layer .symbol.ms-5 { margin-left: 8px !important; }
.hoodi-invoice td.text-end > .btn.btn-sm.btn-primary.px-7, .hoodi-bill td.text-end > .btn.btn-sm.btn-primary.px-7 {
  display: inline-flex; align-items: center; height: 40px; min-height: 40px; padding: 0 22px !important; margin-right: 10px !important;
  border: 0 !important; border-radius: 999px !important; background: var(--hoodi-petrol) !important; color: var(--hoodi-hvid) !important;
  font-size: 15px !important; font-weight: 700 !important; line-height: 1;
}
.hoodi-invoice td.text-end > .btn.btn-sm.btn-primary.px-7:hover, .hoodi-bill td.text-end > a.btn.btn-sm.btn-primary.px-7:hover { background: #1D3640 !important; }
.hoodi-bill td.text-end > .btn.btn-sm.btn-secondary.px-7 {
  display: inline-flex; align-items: center; height: 40px; min-height: 40px; padding: 0 22px !important; margin-right: 10px !important;
  border: 0 !important; border-radius: 999px !important; background: var(--hoodi-hvid) !important; color: var(--hoodi-petrol) !important;
  font-size: 15px !important; font-weight: 700 !important; line-height: 1;
}
.hoodi-bill td.text-end > .btn.btn-sm.btn-secondary.px-7:hover { background: var(--hoodi-hover) !important; }
@media (max-width: 575.98px) {
  .hoodi-invoice div.mb-15 > div > span.fw-bolder.fs-3x, .hoodi-bill div.mb-15 > div > span.fw-bolder.fs-3x { font-size: 28px !important; }
}
/* Historik-vinduet (#invoice_history): Metronics tidslinje med hvide 44 px cirkler (16 px pil) og en hel 2 px streg i stedet for
   den stiplede, 24 px mellem hændelserne; titel 15/600 petrol og én linje 13 grå under med tid og beløb. Modalens grå flade
   bærer de hvide cirkler som lukkeknappen. */
#invoice_history .timeline.hoodi-history { --bs-timeline-icon-size: 44px; --bs-timeline-icon-space: 4px; }   /* icon-space er Metronics luft mellem cirkel og streg (margin på stregen); 14 gav ingen streg ved 24 px mellem cirklerne, 4 som signup-trinene giver 16 px streg */
#invoice_history .hoodi-history .timeline-item { padding-bottom: 24px !important; align-items: flex-start; }
#invoice_history .hoodi-history .timeline-item:last-child { padding-bottom: 0 !important; }
#invoice_history .hoodi-history .timeline-line { border-left: 2px solid var(--hoodi-linje) !important; margin-left: -1px; }
#invoice_history .hoodi-history .timeline-icon { width: 44px; height: 44px; flex: 0 0 44px; border: 0 !important; padding: 0 !important; margin-right: 14px; border-radius: 999px; background: var(--hoodi-hvid); display: flex; align-items: center; justify-content: center; }
#invoice_history .hoodi-history .timeline-icon .fi { display: inline-flex; font-size: 16px !important; line-height: 1; color: var(--hoodi-petrol) !important; position: relative; top: 1px; }
#invoice_history .hoodi-history .timeline-content { margin: 0 !important; padding-top: 3px; overflow: visible; }
#invoice_history .hoodi-history .timeline-content > span.fw-bold { font-size: 15px !important; font-weight: 600 !important; line-height: 1.3; color: var(--hoodi-petrol) !important; }
#invoice_history .hoodi-history .timeline-content > span.text-muted { font-size: 13px !important; font-weight: 400 !important; line-height: 1.4; color: var(--hoodi-tekst2) !important; }

/* Overførselsvinduet (#createTransfer i modals.php; åbnes fra bankkontoens og journalens kontoside, Patrick 05-11-2026:
   "opdater modalen"). Beløbet øverst som sidetitlerne 32/900 petrol (Patrick: samme størrelse og vægt som almindelige
   overskrifter; før Metronics fs-3x), pladsholderen grå, 24 px ned til kontovalget. Fra/Til er harmonikaknapper med en tabel
   uden tablebank-klassen, så hovedfilens feltrække-mål gentages her: cirkel 44 px grå med 16 px glyf 14 px inde, 14 px til
   teksten, etiket 13 grå øverst, værdi 15/600 petrol ("Vælg konto" grå), 44 px felt, saldo 15/600, chevron 24 px fra saldoen og
   17 px fra kanten. Kontolisten under en række: navn og saldo 15/600 som menurækker, navnet lige under feltets tekst (72 px). */
#createTransfer input#amount.fs-3x { font-size: 32px !important; font-weight: 900 !important; letter-spacing: -0.03em; line-height: 44px; height: 44px; min-height: 0; color: var(--hoodi-petrol) !important; margin-bottom: 24px !important; box-shadow: none !important; }
#createTransfer input#amount.fs-3x::placeholder { color: var(--hoodi-tekst2); opacity: 1; }
:is(#createTransfer, #demands_settings) .accordion-button table tr > td { padding-top: 14px !important; padding-bottom: 14px !important; vertical-align: middle; }
:is(#createTransfer, #demands_settings) .accordion-button table tr > td:first-child { padding-left: 14px !important; padding-right: 0 !important; width: 58px; }
:is(#createTransfer, #demands_settings) .accordion-button table tr > td:first-child .symbol { margin-right: 0 !important; }
:is(#createTransfer, #demands_settings) .accordion-button table tr > td:first-child + td { padding-left: 14px !important; }
:is(#createTransfer, #demands_settings) .accordion-button .symbol-40px .symbol-label { width: 44px; height: 44px; background: var(--hoodi-graa) !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; }
:is(#createTransfer, #demands_settings) .accordion-button .symbol-label .fi { font-size: 16px !important; color: var(--hoodi-petrol) !important; line-height: 1; position: relative; top: 1px; }
:is(#createTransfer, #demands_settings) .accordion-button .form-floating:has(> input.form-control) { height: 44px; }
:is(#createTransfer, #demands_settings) .accordion-button .form-floating > input.form-control { height: 44px !important; min-height: 44px !important; padding: 20px 0 0 0 !important; line-height: 1.3 !important; font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol) !important; text-overflow: ellipsis; box-shadow: none !important; }
:is(#createTransfer, #demands_settings) .accordion-button .form-floating > input.form-control.text-muted { color: var(--hoodi-tekst2) !important; }
:is(#createTransfer, #demands_settings) .accordion-button .form-floating > input.form-control ~ label { font-size: 13px !important; font-weight: 400 !important; color: var(--hoodi-tekst2) !important; opacity: 1 !important; top: 3px !important; left: 0 !important; padding: 0 !important; height: auto !important; line-height: 1.4 !important; transform: none !important; }
:is(#createTransfer, #demands_settings) .accordion-button .form-floating > input.form-control ~ label span { font-size: inherit !important; color: inherit !important; font-weight: inherit !important; }
:is(#createTransfer, #demands_settings) .accordion-button td.text-end span { font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol) !important; white-space: nowrap; }
:is(#createTransfer, #demands_settings) .accordion-button td.w-5px { padding-left: 24px !important; padding-right: 17px !important; }
:is(#createTransfer, #demands_settings) .accordion-body table.tablebank > tbody > tr > td { padding-top: 18px !important; padding-bottom: 18px !important; line-height: 20px; }   /* 56 px rækker uden cirkel som indbakke-vælgeren; det skjulte flueben (fs-1 = 32 px) drev dem op i 77 */
:is(#createTransfer, #demands_settings) .accordion-body table.tablebank > tbody > tr > td:first-child { width: 72px !important; min-width: 72px; padding-left: 0 !important; padding-right: 0 !important; }
:is(#createTransfer, #demands_settings) .accordion-body table.tablebank > tbody > tr > td:first-child + td { padding-left: 0 !important; font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol); }
:is(#createTransfer, #demands_settings) .accordion-body table.tablebank td.text-end span { font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol) !important; white-space: nowrap; }
/* Sidste celle som rækkens chevron-celle (24 + 16 + 17 px), så listens saldo flugter med rækkens */
:is(#createTransfer, #demands_settings) .accordion-body table.tablebank > tbody > tr > td:last-child { width: 57px !important; padding-left: 24px !important; padding-right: 17px !important; }
:is(#createTransfer, #demands_settings) .accordion-body table.tablebank .fi-rr-check { font-size: 16px !important; line-height: 1; }
/* Påkravsvinduet (#demands_settings på /finance/demands/; indholdet hentes fra finance/demands/settings.php, Patrick
   06-11-2026: "opdater denne modal"). Samme mål som overførselsvinduet: beløbet 32/900 petrol som sidetitlerne (før Metronics
   fs-3x), fakturanummeret 15 grå lige under som datoen på bankposteringen og 24 px ned til vælgeren (før mt-10/mb-20).
   Påkravsskrivelse-vælgeren deler Fra/Til-reglerne ovenfor, så værdien og valgene flugter gebyrernes tekst (72 px inde);
   kortet har kortenes runding uden kant som Prioritet på opgaven, hover som klikbare rækker, og gebyrkortet står 17 px under
   som mellem alle stablede kort (mt-5 gav 16,25). */
#demandNotificationSettings_body > div.text-center:first-child { margin: 0 0 24px !important; }
#demandNotificationSettings_body > div.text-center:first-child span.fs-3x { font-size: 32px !important; font-weight: 900 !important; letter-spacing: -0.03em; line-height: 44px; color: var(--hoodi-petrol) !important; }
#demandNotificationSettings_body > div.text-center:first-child span.fs-7 { font-size: 15px !important; font-weight: 400 !important; color: var(--hoodi-tekst2) !important; }
#kt_accordion_demandNotice { --bs-accordion-border-radius: var(--hoodi-r-kort); --bs-accordion-inner-border-radius: var(--hoodi-r-kort); }
#kt_accordion_demandNotice > .accordion-item { border: 0; border-radius: var(--hoodi-r-kort); overflow: hidden; }
#kt_accordion_demandNotice .accordion-button.bg-white[data-bs-toggle]:hover { background-color: var(--hoodi-hover) !important; }
#demandNotificationSettings_body #demandNotice_fees.mt-5 { margin-top: 17px !important; }
@media (max-width: 575.98px) {
  .hoodi-bankpostings div.mb-15 > div > span.fw-bolder.fs-3x { font-size: 28px !important; }
}
.hoodi-bankpostings div.mb-8 { margin-bottom: 24px !important; }
.hoodi-bankpostings div.mb-8 > div.mb-2 { margin-bottom: 12px !important; }
.hoodi-bankpostings div.mb-8 > div.mb-2 > h2 { font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.01em; line-height: 1.3; color: var(--hoodi-petrol); }
.hoodi-bankpostings div.mb-8 > div.mb-2 > h2:not(:empty) { margin: 16px 0 4px !important; }
.hoodi-bankpostings div.mb-8 > div.mb-2 > h2:empty { display: none; }
/* Dag og saldo over hvert kort: 13 px som underteksten i rækkerne (Patrick 05-11-2026; temaets .fs-8 gav 14) */
.hoodi-bankpostings div.mb-8 > div.mb-2 td.fs-8 { font-size: 13px !important; line-height: 1.4; color: var(--hoodi-tekst2) !important; }
/* Rækkerne: cirkelcellen har w-70px, som slog listernes 58 px, så teksten stod 26 px fra cirklen i stedet for 14 */
.hoodi-bankpostings table.tablebank > tbody > tr > td.w-70px { width: 58px !important; }
/* Posteringens tekst er fw-semibold (rød, når den ikke er afstemt); 15/600 som alle rækketitler */
.hoodi-bankpostings table.tablebank > tbody > tr > td > div > span.fw-semibold { font-size: 15px !important; font-weight: 600 !important; line-height: 1.3; }
.hoodi-bankpostings table.tablebank > tbody > tr > td > div > span.fw-semibold:not(.text-danger) { color: var(--hoodi-petrol); }
/* Kontovælgeren: indbakke-vælgeren skjuler tredje celle uden tæller, men her står kontoens saldo (15/600 som
   bankkonto-kortet på Økonomi). Lange kontonavne afkortes, så saldoen bliver på linjen */
.menu-sub-dropdown.hoodi-inboxmenu.hoodi-accountmenu table.tablebank > tbody > tr > td.text-end:nth-child(3) { display: flex; }
.menu-sub-dropdown.hoodi-inboxmenu.hoodi-accountmenu table.tablebank > tbody > tr > td:nth-child(2) > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Bankposteringens detaljeside (finance/banking/bankpostings/details/index.php, dev-gren 05-11-2026). Opmærkningen følger
   posteringens detaljeside (finance/transactions/details/): sidetitel 32/900 (leverandøren; "Vælg leverandør" grå, til den er
   valgt), bankens beløb direkte under titlen som på kontoens liste (40/800, datoen 15 grå; et kort blev fravalgt, Patrick
   05-11-2026), afsnitsoverskrifter 18/700 over kategori, kommentar og bilag. Her står kun det, der ikke kommer af hovedfilen:
   kategorirækkerne har ingen vægtklasse i opmærkningen (bankposting.js skifter text-muted/text-dark på navnet), kommentarfeltet
   er appens inputfelt uden flydende etiket, og opdelingsknapperne er guidens små runde knapper (40 px). */
/* Toppen som kontoens liste (Patrick 05-11-2026): titlen (leverandøren, åbner vinduet) lille 20/700 på en 40 px linje ud for
   tilbageknappen, beløbet lige under med sidetitlernes 32/900 (28 på telefon), datoen 15 grå. Luften under dem er kortenes
   17 px, så "Kategori" (15 px over sig) står 32 px under som de øvrige overskrifter */
.hoodi-bankposting #supplier_name.fw-bolder.fs-1 { font-size: 20px !important; font-weight: 700 !important; letter-spacing: -0.01em; line-height: 40px !important; }
.hoodi-bankposting td:has(> #supplier_name) { height: 40px !important; }
.hoodi-bankposting #supplier_name.text-muted { color: var(--hoodi-tekst2) !important; }
.hoodi-bankposting #supplier_name:not(.text-muted) { color: var(--hoodi-petrol) !important; }
.hoodi-bankposting div.mb-15 > div > span.fw-bolder.fs-3x { font-size: 32px !important; font-weight: 900 !important; letter-spacing: -0.03em; line-height: 44px; color: var(--hoodi-petrol); display: inline-block; }
.hoodi-bankposting div.mb-15 > div > span.fs-7.text-muted { font-size: 15px !important; color: var(--hoodi-tekst2) !important; }
.hoodi-bankposting div.mb-15 { margin-bottom: 17px !important; }
@media (max-width: 575.98px) {
  .hoodi-bankposting div.mb-15 > div > span.fw-bolder.fs-3x { font-size: 28px !important; }
}
.hoodi-bankposting #category_card .category-name,
.hoodi-bankposting #category_card td > div > span:not(.badge) { font-size: 15px !important; font-weight: 600 !important; line-height: 1.3; color: var(--hoodi-petrol); }
.hoodi-bankposting #category_card .category-name.text-muted,
.hoodi-bankposting #category_card td > div > span.text-muted { color: var(--hoodi-tekst2) !important; }
.hoodi-bankposting #category_card .category-amount-label { font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol); white-space: nowrap; }
.hoodi-bankposting #category_card .category-amount-label.text-danger { color: var(--hoodi-fejl) !important; }
/* Opdelingens talfelt (ny række fra "Opdel kategori") flugter med beløbet i rækken over: hovedfilens talfelt-regel gav cellen
   14 px højre luft, mens beløbscellen har 0 før chevronen, så feltet stod 14 px for langt til venstre (Patrick 05-11-2026) */
.hoodi-bankposting #category_card table.tablebank > tbody > tr > td.text-end.category-amount:has(> input.form-control-solid) { padding-right: 0 !important; }
/* Afsnitsoverskrifterne står inde i Bootstrap-rækker (.row er flex), så kortets 17 px og overskriftens mt-10 (32,5 px) falder
   ikke sammen som på posteringens detaljeside, hvor de er søskende; der er 32 px fra kort til overskrift. Her får overskriften
   15 px, så 17 + 15 = 32 (målt 05-11-2026: 49,5 px før) */
.hoodi-bankposting table.mt-10.mb-3 { margin-top: 15px !important; }
/* Opdelingsknapperne under kategorikortet: 12 px under kortet (kortets 17 px er for meget til knapper, der hører til det) og
   kortenes 17 px under, så næste overskrift også står 32 px under dem. Lys knap = hvid pille med petrol tekst (knapperne står
   direkte på den grå sideflade, hvor en grå pille forsvandt, 05-11-2026; som vælgeren og søgefeltet), mørk = petrol pille med
   hvid tekst */
.hoodi-bankposting #split_buttons, .hoodi-bankposting #split_actions { margin-top: -5px; margin-bottom: 17px !important; gap: 8px !important; }
.hoodi-bankposting #split_buttons .btn.btn-sm, .hoodi-bankposting #split_actions .btn.btn-sm {
  height: 40px; min-height: 40px; padding: 0 20px !important; border-radius: 999px !important; border: 0 !important;
  display: inline-flex; align-items: center; font-size: 15px !important; font-weight: 600; line-height: 1;
}
.hoodi-bankposting #split_buttons .btn.btn-sm.btn-light, .hoodi-bankposting #split_actions .btn.btn-sm.btn-light { background: var(--hoodi-hvid) !important; color: var(--hoodi-petrol) !important; }
.hoodi-bankposting #split_buttons .btn.btn-sm.btn-light:hover, .hoodi-bankposting #split_actions .btn.btn-sm.btn-light:hover { background: var(--hoodi-hover) !important; }
.hoodi-bankposting #split_actions .btn.btn-sm.btn-dark { background: var(--hoodi-petrol) !important; color: var(--hoodi-hvid) !important; font-weight: 700; }
.hoodi-bankposting #split_actions .btn.btn-sm.btn-dark:hover { background: #1D3640 !important; }
/* Kommentarfeltet i sin ikonrække: 44 px højt som feltrækkerne, 15 px tekst i petrol, pladsholder grå */
.hoodi-bankposting table.tablebank input#comment { height: 44px; min-height: 44px; padding: 0 0 0 4px !important; font-size: 15px !important; font-weight: 400 !important; color: var(--hoodi-petrol) !important; box-shadow: none !important; }
.hoodi-bankposting table.tablebank input#comment::placeholder { color: var(--hoodi-tekst2); opacity: 1; }
/* Bilagsfliserne og plus-flisen: kortenes runding */
.hoodi-bankposting .overlay > .overlay-wrapper, .hoodi-bankposting .overlay > .overlay-layer, .hoodi-bankposting #choose-file-btn, .hoodi-bill #choose-file-btn { border-radius: var(--hoodi-r-kort) !important; }
.hoodi-bankposting #choose-file-btn .fi, .hoodi-bill #choose-file-btn .fi { color: var(--hoodi-tekst2) !important; }
/* Plus-flisen har altid et A4-arks format (210 x 297), også når der ikke er uploadet noget (Patrick 06-11-2026).
   h-100 giver height: 100% !important og ville strække den til rækkens højde, så højden skal være auto her. */
.hoodi-bankposting #choose-file-btn, .hoodi-bill #choose-file-btn { aspect-ratio: 210 / 297; height: auto !important; }

/* Kurven (modals.php #basket med indhold fra finance/orders/basket.php: booking af ressourcer, betalingsmetode og billetter).
   Placeringen er uændret; kun skrift og vægt følger det nye design (Patrick 05-11-2026):
   titel og beløb øverst (span.fs-3x.fw-bold, før 39/600) som budgettets og Økonomis nøgletal 40/800, linjen under (tidsrum,
   ressource eller begivenhed; før 14/400 og 15/500) 15/400 grå. Bookingens oversigt som e-Boks-forsendelsens
   (administration/eboks/dispatch/details.php): værdierne i samme 15/400 som etiketterne, kun "Betales nu" 15/600 som "Pris i alt". */
#basket_content .fs-3x.fw-bold { font-size: 40px !important; font-weight: 800 !important; letter-spacing: -0.03em; line-height: 1.1; color: var(--hoodi-petrol) !important; }
#basket_content .text-center > div:first-child:has(> .fs-3x.fw-bold) + span { font-size: 15px !important; font-weight: 400 !important; color: var(--hoodi-tekst2) !important; }
#basket_content > .card.p-5 table td { font-size: 15px; color: var(--hoodi-petrol); }
#basket_content > .card.p-5 table td.text-end { white-space: nowrap; }
#basket_content > .card.p-5 table tr:last-child > td { font-weight: 600; }