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

/* Beskeder (inbox/index.php, inbox/details.php, inbox/new/index.php). Målt mod Web_Beskeder.png, Web_Beskeder_minimenu.png
   og Web_Beskeder_samtale.png i 2x og delt med 2. Delfilen indlæses FØR hovedfilens Del B, så selektorerne her er gjort
   mere specifikke end hovedfilens tablebank-, badge- og menuregler (ellers taber de på rækkefølgen). */

/* Sidetitel med indbakke-vælger: samme størrelse og vægt som sidetitlen (36px/900) og en lille Flaticon-chevron (24 px) lige efter navnet */
.hoodi-inboxtitle { font-size: 32px !important; font-weight: 900 !important; letter-spacing: -0.03em; line-height: 44px; color: var(--hoodi-petrol) !important; }   /* samme som sidetitlen i hovedfilen (Patrick 02-11-2026: ens størrelse og vægt) */
button.btn.hoodi-inboxtitle { display: inline-flex; align-items: center; gap: 6px; background: transparent !important; border: 0 !important; box-shadow: none !important; width: auto; }
button.btn.hoodi-inboxtitle:hover, button.btn.hoodi-inboxtitle:focus, button.btn.hoodi-inboxtitle:active { background: transparent !important; color: var(--hoodi-petrol) !important; }
.hoodi-inboxtitle .fi { font-size: 24px !important; line-height: 1; color: var(--hoodi-petrol) !important; display: inline-flex; margin-top: 5px; }

/* Indbakke-vælgeren (minimenu): 392 px bred, rækker 56 px (44 px ikon + 4 px luft + 2 px mellemrum), ingen skillelinjer
   og pile; den valgte række har kun et flueben (hvide rækker som notifikationsmenuen, Patrick 02-11-2026). Tæller 20 px petrol. */
.menu-sub-dropdown.hoodi-inboxmenu { width: 392px !important; max-width: calc(100vw - 32px); margin-top: 14px !important; }   /* mockup: 22 px fra titlens blæk til menuen; den sad klistret på teksten (Patrick 02-11-2026) */
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank { width: 100%; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td { padding-top: 14px !important; padding-bottom: 14px !important; vertical-align: middle; }   /* som listernes rækker (Patrick 02-11-2026; mockup 10 px) */   /* 56 px rækker (mockup 2x: 112 px rytme) */
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td:first-child { width: 72px !important; min-width: 72px; padding-left: 14px !important; padding-right: 0 !important; }   /* cirkel 14 px inde som over og under (Patrick 02-11-2026) og 14 px til teksten; tekstcellen har ingen venstre polstring, ellers blev det 29 px (Patrick 04-11-2026) */
/* Tæller og hak deler plads (Patrick 02-11-2026). I en tabel deles kolonnerne af alle rækker, så tællerens kolonne stod altid
   til venstre for hakkets; derfor er rækkerne flex-rækker, og en tom celle (ingen tæller / intet hak) vises slet ikke. */
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr { display: flex; align-items: stretch; width: 100%; border: 0 !important; border-radius: 16px; }   /* Metronics streg under rækken (tr-kant) blev synlig med flex; ingen streg (Patrick 02-11-2026) */
/* Baggrunden ligger på rækken, ikke på cellerne: den sidste celle (hakket) er skjult, så cellernes hjørnerunding duer ikke */
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr:hover { background: var(--hoodi-hover); }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr.hoodi-selected { background: var(--hoodi-graa); }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr:hover > td, .menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr.hoodi-selected > td { background: transparent !important; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank .fi-rr-check { display: none !important; }   /* den valgte indbakke markeres kun med grå baggrund (Patrick 02-11-2026) */
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td { display: flex; align-items: center; }   /* cellerne lige høje (baggrunden på den valgte række), indholdet midt i */
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td:nth-child(2) { flex-direction: column; justify-content: center; align-items: stretch; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td:first-child { flex: 0 0 72px; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td:nth-child(2) { flex: 1 1 auto; min-width: 0; width: auto !important; max-width: none !important; padding-left: 0 !important; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td:nth-child(3) { flex: 0 0 auto; width: auto !important; white-space: nowrap; text-align: right; padding-left: 6px !important; padding-right: 14px !important; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td:nth-child(3):not(:has(.badge)) { display: none; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td:last-child { flex: 0 0 auto; width: auto !important; padding-left: 6px !important; padding-right: 14px !important; text-align: right; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank > tbody > tr > td:last-child:not(:has(.fi-rr-check)) { display: none; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank .symbol { margin: 0 !important; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank .symbol-40px .symbol-label { background: var(--hoodi-graa); width: 44px; height: 44px; }   /* som listernes cirkler (mockup 36) */   /* mockup: 72 px cirkel ved 2x */
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank .symbol-label .fi { font-size: 16px !important; }   /* mockup-blæk 30x28 ved 2x */
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank td > div > .fw-bold { font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol); line-height: 1.3; }   /* mockup: "Administrator" 191 px bred ved 2x = 15/600 */
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank .text-muted.fs-8 { font-size: 13px !important; color: var(--hoodi-tekst2) !important; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank .text-muted.fs-8:empty { display: none !important; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank .badge.badge-circle { float: none !important; width: 20px; height: 20px; min-width: 20px; padding: 0 !important; font-size: 11px !important; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }
.menu-sub-dropdown.hoodi-inboxmenu table.tablebank .fi-rr-check { display: inline-flex; font-size: 14px; color: var(--hoodi-petrol); line-height: 1; vertical-align: middle; }   /* 20 -> 14 som rækkernes chevron (Patrick 02-11-2026) */

/* Søgefelt: hvid pille 48 px over listen med 24 px luft ned til kortet */
input.form-control.hoodi-inboxsearch { height: 48px; min-height: 48px; border-radius: 999px !important; padding: 0 24px; font-size: 15px !important; color: var(--hoodi-petrol); background: var(--hoodi-hvid); margin-bottom: 0 !important; box-shadow: none; }   /* luften nedad ligger på .hoodi-search-omslaget (17 px som alle listesøgefelter); 24 px her oveni gav 24 i alt (02-11-2026) */
input.form-control.hoodi-inboxsearch::placeholder { color: var(--hoodi-tekst2); }
input.form-control.hoodi-inboxsearch:focus { box-shadow: none; outline: 0; }

/* Samtalelisten: rækker 72 px, avatar 44 px (initialer 15/700 i lysegrøn, "+N" i petrol med hvid tekst, 14 px til teksten),
   titel 15/600 og undertekst 13/400 som alle lister (Patrick 02-11-2026; før 16/700 og 15), dato 13 grå og ulæst-prik 8 px på
   samme linje før pilen (16 px), alt centreret lodret i rækken */
table.tablebank.hoodi-inboxlist > tbody > tr > td { padding-top: 14px !important; padding-bottom: 14px !important; }
table.tablebank.hoodi-inboxlist > tbody > tr > td:first-child { padding-right: 0 !important; }
/* Ingen egen margen på cirklen: de 14 px til teksten kommer fra den fælles regel for rækker med cirkel i hoodi-theme.css
   (næste celles polstring). En margen her gav 28 px, så snart reglen vandt på specificitet (04-11-2026). */
table.tablebank.hoodi-inboxlist .symbol-group .symbol, table.tablebank.hoodi-inboxlist .symbol-group .symbol-label { border: 0 !important; margin: 0 !important; }
table.tablebank.hoodi-inboxlist .symbol-group { display: flex; line-height: 0; margin: 0 !important; padding: 0 !important; }
table.tablebank.hoodi-inboxlist .symbol-40px .symbol-label, table.tablebank.hoodi-inboxlist .symbol-35px .symbol-label { width: 44px; height: 44px; font-size: 15px !important; font-weight: 700 !important; display: flex; align-items: center; justify-content: center; padding: 0 !important; }
table.tablebank.hoodi-inboxlist .symbol-label.bg-dark { background-color: var(--hoodi-petrol) !important; color: var(--hoodi-hvid) !important; }
table.tablebank.hoodi-inboxlist .symbol-label .fi { font-size: 18px !important; }
table.tablebank.hoodi-inboxlist td > div > .fw-bold { font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol); line-height: 1.3; }
table.tablebank.hoodi-inboxlist .text-muted.fs-8 { font-size: 13px !important; font-weight: 400 !important; color: var(--hoodi-tekst2) !important; line-height: 1.4; margin-top: 0; }
table.tablebank.hoodi-inboxlist td.hoodi-inboxmeta { white-space: nowrap; width: 1%; padding-left: 16px !important; }
table.tablebank.hoodi-inboxlist .hoodi-inboxdate { font-size: 13px !important; color: var(--hoodi-tekst2) !important; margin-top: 0; vertical-align: middle; line-height: 1; }
table.tablebank.hoodi-inboxlist .hoodi-unread { display: inline-block; width: 8px; height: 8px; border-radius: 999px; background: var(--hoodi-petrol); margin-left: 14px; vertical-align: middle; position: relative; top: -1px; }
table.tablebank.hoodi-inboxlist > tbody > tr > td:last-child { padding-left: 12px !important; }
/* Dato, prik og pil på samme midterlinje: cellerne centreres, og pilen er et inline-flex-element i stedet for at stå på grundlinjen */
table.tablebank.hoodi-inboxlist td.hoodi-inboxmeta, table.tablebank.hoodi-inboxlist > tbody > tr > td:last-child { vertical-align: middle; line-height: 1; }
table.tablebank.hoodi-inboxlist td:last-child .fi-rr-angle-small-right { display: inline-flex; vertical-align: middle; line-height: 1; }
table.tablebank.hoodi-inboxlist .fi-rr-angle-small-right { font-size: 16px !important; color: var(--hoodi-tekst2) !important; }   /* som alle rækker (mockup 7x15 ved 2x) */

/* Samtalesiden: samtalens navn er 32/800 (mindre end sidetitlen i mockup'en); de runde knapper i hovedet er 40 px hvide */
.hoodi-convtitle { font-size: 32px !important; font-weight: 800 !important; letter-spacing: -0.02em; line-height: 1.15; color: var(--hoodi-petrol); display: inline-block; }
.hoodi-convhead span.symbol.symbol-35px .symbol-label { width: 40px; height: 40px; padding: 0 !important; display: flex; align-items: center; justify-content: center; }
.hoodi-convhead span.symbol.symbol-35px .symbol-label .fi, .hoodi-convhead span.symbol.symbol-35px .symbol-label .ki-outline { font-size: 20px !important; color: var(--hoodi-petrol) !important; padding: 0 !important; line-height: 1; }

/* Hovedkort: samme mål som infokortene (foreningen på Indstillinger, adressen øverst på forenings- og leverandørsiden, se
   "Infokort med ikon" i hoodi-theme.css): avatar 44 px (initialer 15/800 i lysegrøn, ikon 16 px i grå cirkel) med 14 px til
   teksten, navn 15/600, undertekst 13/400, mærkerne som temaets 12/600-piller (5/10 px) med 8 px mellemrum. Før 52 px avatar
   med 20/700, navn 24/800, undertekst 16 og 32 px chips 14/600 (Patrick 05-11-2026: for stort i forhold til foreningskortet).
   Personer (medlem, kontaktperson, deltagere) har cirkel; forening, leverandør og ren e-mail-adresse har opslagenes afrundede
   firkant (44 px, 12 px runding, 20 px glyf som gruppeikonet i et opslag), stadig grå (Patrick 05-11-2026). Aldrig ikoner i
   mærkerne under kortet (Patrick 05-11-2026). */
.card.hoodi-inboxhead { border-radius: var(--hoodi-r-kort); }
.card.hoodi-inboxhead > .card-body { padding: 24px !important; }   /* 24 px på alle sider (Patrick 03-11-2026) */
.hoodi-inboxhead-top { display: flex; align-items: center; gap: 14px; }
.hoodi-inboxhead-avatar { flex: 0 0 auto; }
.hoodi-inboxhead-avatar { line-height: 0; }
.hoodi-inboxhead-avatar .symbol-group { display: flex; }
.hoodi-inboxhead-avatar > .symbol { display: block; }
.card.hoodi-inboxhead .hoodi-inboxhead-avatar .symbol .symbol-label { width: 44px; height: 44px; font-size: 15px !important; font-weight: 800 !important; display: flex; align-items: center; justify-content: center; padding: 0 !important; background-color: var(--hoodi-graa); }
.card.hoodi-inboxhead .hoodi-inboxhead-avatar .symbol .symbol-label .fi, .card.hoodi-inboxhead .hoodi-inboxhead-avatar .symbol .symbol-label i { font-size: 16px !important; color: var(--hoodi-petrol) !important; line-height: 1; position: relative; top: 1px; }   /* glyffen sidder 1 px over midten som i infokortene */
.card.hoodi-inboxhead .hoodi-inboxhead-avatar .symbol:not(.symbol-circle) .symbol-label { border-radius: 12px; }
.card.hoodi-inboxhead .hoodi-inboxhead-avatar .symbol:not(.symbol-circle) .symbol-label .fi { font-size: 20px !important; }
.hoodi-inboxhead-text { min-width: 0; }
.hoodi-inboxhead-name { font-size: 15px; font-weight: 600; color: var(--hoodi-petrol); line-height: 1.3; overflow-wrap: anywhere; }
.hoodi-inboxhead-sub { font-size: 13px; color: var(--hoodi-tekst2); line-height: 1.4; overflow-wrap: anywhere; }
.card.hoodi-inboxhead .hoodi-chips { margin-top: 16px; gap: 8px; }
.card.hoodi-inboxhead .hoodi-chips .badge.py-2.px-3 { margin: 0 !important; }   /* størrelse og skrift kommer fra temaets .badge.py-2.px-3 som på foreningskortet; me-1/mt-2 nulstilles, afstanden er flex-gap */

/* Beskedkort: 20 px indre luft (16 øverst), avatar 40 px med initialer 14/700, navn 17/700 ("(dig)" grå regular), tid 14 grå,
   brødtekst 15/400 med 24 px linjehøjde og 10 px mellem afsnit. Interne kommentarer har grå flade og et øje-ikon. */
/* Ansvarlig-knappen i samtalens titellinje: avataren (getMember_avatar størrelse 7 = symbol-35px) er 40 px som kebabben og de
   øvrige runde knapper i overskriftslinjen (Patrick 03-11-2026) */
#assigneeAvatar .symbol.symbol-35px, #assigneeAvatar .symbol.symbol-35px > .symbol-label { width: 40px !important; height: 40px !important; }
/* Mellemrum mellem samtalens kort: 17 px som fra listernes søgefelt til kortet under og mellem opslagene på opslagstavlen
   (Patrick 04-11-2026; 24 px fra 03-11-2026 var for meget). Svarkortets mt-5 nulstilles, så afstanden kun kommer herfra */
.card.hoodi-inboxhead, .card.hoodi-msg, .card.hoodi-reply { margin-bottom: 17px !important; }
.card.hoodi-reply { margin-top: 0 !important; }
/* Beskedkort som opslag på opslagstavlen (Patrick 03-11-2026): avatar 24 px inde og 20 px fra toppen, navn 15/700, dato 13,
   brødtekst 15/1,5 med 20 px luft under avataren, 24 px i siderne og 20 px i bunden */
.card.hoodi-msg { border-radius: var(--hoodi-r-kort); padding: 24px; }   /* 24 px på alle sider (Patrick 03-11-2026) */
/* Intern note (med øjet): grå som siden, afgrænset af en stiplet hvid kant (Patrick 03-11-2026) */
.card.hoodi-msg.hoodi-msg-note { background: var(--hoodi-graa) !important; border: 2px dashed var(--hoodi-hvid) !important; padding: 22px; }   /* 22 + 2 px kant = 24 */
.hoodi-msg-head { display: flex; align-items: center; gap: 11px; }   /* som listernes rækker: 44 px cirkel, 11 px til teksten, 16/700 + 13/400 (Patrick 02-11-2026) */
.hoodi-msg-avatar { flex: 0 0 auto; line-height: 0; }
.hoodi-msg-avatar .symbol { display: block; }
.card.hoodi-msg .hoodi-msg-avatar .symbol .symbol-label { width: 44px; height: 44px; font-size: 15px !important; font-weight: 700 !important; display: flex; align-items: center; justify-content: center; padding: 0 !important; }
.hoodi-msg-who { flex: 1 1 auto; min-width: 0; }
.hoodi-msg-name { font-size: 15px; font-weight: 700; color: var(--hoodi-petrol); line-height: 1.3; overflow-wrap: anywhere; }
.hoodi-msg-you { font-weight: 400; color: var(--hoodi-tekst2); }
.hoodi-msg-time { font-size: 13px; color: var(--hoodi-tekst2); line-height: 1.4; }
.hoodi-msg-noteicon { flex: 0 0 auto; width: 35px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: var(--hoodi-tekst2); line-height: 1; }   /* som opslagets "...": 16 px glyf i 35 px boks, 32,5 px fra kanten */
.hoodi-msg-body { margin-top: 20px; font-size: 15px; line-height: 1.5; color: var(--hoodi-petrol); overflow-wrap: anywhere; }
.hoodi-msg-body p { margin: 0 0 10px; }
.hoodi-msg-body p:last-child { margin-bottom: 0; }
.hoodi-msg-body a { color: var(--hoodi-petrol); text-decoration: underline; }
.hoodi-msg-body img { max-width: 100%; height: auto; border-radius: 12px; }

/* Vedhæftninger: grå boks (16 px runding, 12 px indre luft) med hvid 44 px flise (12 px runding, filtype 11/700 grå), navn 15/600
   med ellipsis og pil 16 px grå med 20 px til højre; flere filer skilles af en hvid streg. Målene er dokumentlistens på en
   begivenhed (events.css), så filer ser ens ud overalt (Patrick 04-11-2026) */
.hoodi-attachbox { margin-top: 16px; background: var(--hoodi-graa); border-radius: 16px; padding: 0; }
.hoodi-attach { display: flex; align-items: center; gap: 16px; padding: 12px; color: var(--hoodi-petrol); text-decoration: none; }   /* luften i rækken, ikke i boksen: den hvide streg går i fuld bredde som på begivenheden og i opslag (04-11-2026) */
.hoodi-attach + .hoodi-attach { border-top: 1px solid var(--hoodi-hvid); }
.hoodi-attach:hover { color: var(--hoodi-petrol); }
.hoodi-attach:hover .hoodi-attach-name { text-decoration: none; }   /* ingen streg ved hover (Patrick 02-11-2026) */
.hoodi-attach-tile { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; background: var(--hoodi-hvid); color: var(--hoodi-tekst2); font-size: 11px; font-weight: 700; letter-spacing: .03em; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
.hoodi-attach-tile > .fi { font-size: 16px; line-height: 1; display: inline-flex; color: var(--hoodi-petrol); }   /* ikon i stedet for filtypen, når filen mangler en brugbar endelse (begivenhed og ressource, 04-11-2026); som listernes ikoner */
.hoodi-attach-name { flex: 1 1 auto; width: 0; min-width: 0; font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }   /* width: 0, ellers strækker et langt navn tabellen om boksen (nyt opslag, ny besked) ud over kortet i stedet for at få "..." (04-11-2026) */
.hoodi-attach .fi { flex: 0 0 auto; font-size: 16px; color: var(--hoodi-tekst2); line-height: 1; margin-right: 8px; }
/* Bilag, der endnu ikke er sendt (nyt opslag på opslagstavlen og ny besked, 04-11-2026): samme rækker, men i stedet for pilen
   begivenhedens slet-knap (hvid 30 px cirkel med 12 px skraldespand, .hoodi-approvalfile i administration.css), midt på pilens
   plads 28 px fra højre kant (12 + 1 + 15). Altid synlig, så den også kan bruges på telefon, hvor der ikke er hover. */
.hoodi-attach .hoodi-attach-del { flex: 0 0 30px; width: 30px; height: 30px; margin-right: 1px; padding: 0; border: 0; border-radius: 999px; background: var(--hoodi-hvid); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.hoodi-attach .hoodi-attach-del .fi { font-size: 12px; margin: 0; color: var(--hoodi-petrol); position: relative; top: 1.5px; }
#createPost_Card .hoodi-attachbox { margin: 0 0 16px; }   /* under feltet, der selv har luft under sig; 16 px til afstemningen */
/* Nederst (ingen afstemning åben): samme luft over "Opret opslag" som under den, 22 px + tre cellers 1 px = 25 px (Patrick 04-11-2026; før 19) */
#createPost_Card:not(:has(#poll_section:not(.d-none))) .hoodi-attachbox { margin-bottom: 22px; }
.card.hoodi-compose .hoodi-attachbox { margin-top: 0; }   /* rækken har selv 10 px over og under */

/* Svarfelt: kort med 20 px indre luft, tekst 16 px med 24 px linjehøjde, svartype-vælgeren som 32 px chip, vedhæft- og
   AI-ikon 20 px grå med 44 px pitch, "Send svar" 40 px rund 16/700 */
.card.hoodi-reply { border-radius: var(--hoodi-r-kort); }
.card.hoodi-reply table td.px-5 { padding-left: 24px !important; padding-right: 24px !important; }   /* 24 px i siderne som beskedkortene og skrivekortet (Patrick 03-11-2026: ens rundt) */
.card.hoodi-reply tr.py-5 > td.py-5 { padding-top: 24px !important; padding-bottom: 0 !important; }
.card.hoodi-reply td[style*="cursor: text"] { padding-top: 16px !important; }
.card.hoodi-reply td.pb-5 { padding-bottom: 24px !important; }   /* 24 px i bunden som i siderne */
.card.hoodi-reply textarea#text, .card.hoodi-reply .hoodi-richtext { font-size: 15px !important; line-height: 1.5; color: var(--hoodi-petrol) !important; margin-bottom: 16px !important; min-height: 48px; }
.card.hoodi-reply textarea#text::placeholder { color: var(--hoodi-tekst2); }
.card.hoodi-reply .badge.py-2.px-3 { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px 0 14px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1; }
.card.hoodi-reply .badge .ki-down { font-size: 12px !important; margin-left: 6px !important; color: var(--hoodi-petrol) !important; }
.card.hoodi-reply .btn.btn-icon { width: 36px !important; height: 36px; margin-right: -4px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; }
.card.hoodi-reply .btn.btn-icon:first-child, .card.hoodi-reply td > .btn.btn-icon:first-of-type { margin-left: -10px; }
.card.hoodi-reply .btn.btn-icon .fi { font-size: 16px !important; color: var(--hoodi-tekst2) !important; line-height: 1; }
.card.hoodi-reply .btn.btn-icon:hover .fi { color: var(--hoodi-petrol) !important; }
.card.hoodi-reply .btn.btn-primary { min-height: 40px; height: 40px; padding: 0 20px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 999px !important; margin-left: 0 !important; }
.card.hoodi-reply #ai_inboxReply_loading, .card.hoodi-reply #ai_inboxReply_undo { font-size: 14px !important; color: var(--hoodi-tekst2) !important; vertical-align: middle; }
.card.hoodi-reply table#attachments .d-flex.py-3 { padding: 8px 0 !important; }

/* "..."-menuen på samtalen: 270 px, punkter 16/500 med 20 px ikon og 14 px mellemrum; "Slet" i fejlfarve, ingen skillelinje (Patrick 05-11-2026) */
.menu-sub-dropdown.hoodi-inboxactions { width: 270px !important; padding: 8px !important; }
.menu-sub-dropdown.hoodi-inboxactions .btn.btn-white { display: flex; align-items: center; gap: 14px; width: 100%; padding: 10px 16px !important; margin: 0 !important; border-radius: 12px; font-size: 16px !important; font-weight: 500; color: var(--hoodi-petrol) !important; background: var(--hoodi-hvid) !important; text-align: left; }
.menu-sub-dropdown.hoodi-inboxactions .btn.btn-white:hover { background: var(--hoodi-graa) !important; color: var(--hoodi-petrol) !important; }
.menu-sub-dropdown.hoodi-inboxactions .btn.btn-white .fi { font-size: 20px !important; line-height: 1; margin: 0 !important; color: inherit !important; }
.menu-sub-dropdown.hoodi-inboxactions .btn.btn-white.hoodi-menu-danger { color: var(--hoodi-fejl) !important; }   /* samme række som de andre (44 px, 14 px runding) */
.menu-sub-dropdown.hoodi-inboxactions .btn.btn-white.hoodi-menu-danger .fi { color: var(--hoodi-fejl) !important; }

/* Ny besked: etiketter 15 grå, felter 16 px, rækker med 20 px indre luft, samme ikoner og knap som svarfeltet */
.card.hoodi-compose { border-radius: var(--hoodi-r-kort); }
.card.hoodi-compose table.tablebank > tbody > tr > td { padding-top: 10px !important; padding-bottom: 10px !important; }
.card.hoodi-compose table.tablebank > tbody > tr > td.px-5 { padding-left: 24px !important; padding-right: 24px !important; }   /* samme indre luft som nyt opslag-kortet: 24 px (Patrick 02-11-2026) */
.card.hoodi-compose table.tablebank > tbody > tr > td:first-child { padding-left: 24px !important; }
.card.hoodi-compose table.tablebank > tbody > tr > td:last-child { padding-right: 24px !important; }
.card.hoodi-compose table.tablebank > tbody > tr:last-child > td { padding-bottom: 24px !important; }   /* 24 px i bunden som i siderne (Patrick 03-11-2026; mockup 21) */
.card.hoodi-compose td:has(> .btn.btn-primary) { padding-right: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; }
.card.hoodi-compose table.tablebank > tbody > tr:has(> td > table#attachments) > td, .card.hoodi-compose table.tablebank > tbody > tr:has(> td > div#attachments) > td, .card.hoodi-compose table.tablebank > tbody > tr:last-child > td { border-top: 0 !important; }   /* div: filboksen i det nye design (04-11-2026) */
.card.hoodi-compose .text-gray-500.fs-7 { font-size: 15px !important; color: var(--hoodi-tekst2) !important; }
.card.hoodi-compose input.form-control { font-size: 16px !important; color: var(--hoodi-petrol) !important; min-height: 40px; box-shadow: none !important; }
.card.hoodi-compose textarea#text, .card.hoodi-compose .hoodi-richtext { font-size: 15px !important; line-height: 1.5; color: var(--hoodi-petrol) !important; }
.card.hoodi-compose textarea#text::placeholder { color: var(--hoodi-tekst2); }
/* Værktøjslinjen som nyt opslag-kortet på opslagstavlen: 16 px glyffer i 36 px rytme, første glyf flugter tekstkanten (Patrick 02-11-2026) */
.card.hoodi-compose .btn.btn-icon { width: 36px !important; height: 36px; margin-right: -4px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; }
.card.hoodi-compose .btn.btn-icon:first-child, .card.hoodi-compose td > .btn.btn-icon:first-of-type { margin-left: -10px; }
.card.hoodi-compose td.px-5:has(> .btn.btn-icon) { padding-left: 0 !important; padding-bottom: 2px !important; padding-top: 0 !important; vertical-align: bottom; }   /* ikonknapperne (36) midt på sendeknappen (40) i den indlejrede tabel; den ydre celle giver de 24 px til bunden */
.card.hoodi-reply td.px-5:has(> .btn.btn-icon) { padding-left: 24px !important; padding-bottom: 26px !important; padding-top: 0 !important; vertical-align: bottom; }   /* ikonknapperne (36) midt på sendeknappen (40, 24 px fra bunden): 24 + 2 */   /* knappen (med -10 px margin) 10 px inde + glyffen 10 px inde i knappen = 20 px som teksten */   /* cellen ligger allerede 20 px inde; glyffens blæk ender dermed ved tekstkanten */
.card.hoodi-compose .btn.btn-icon .fi { font-size: 16px !important; color: var(--hoodi-tekst2) !important; line-height: 1; }
.card.hoodi-compose .btn.btn-icon:hover .fi { color: var(--hoodi-petrol) !important; }
.card.hoodi-compose .btn.btn-primary { margin-right: 0; min-height: 40px; height: 40px; padding: 0 22px !important; font-size: 15px !important; font-weight: 700 !important; border-radius: 999px !important; margin-left: 0 !important; }
.card.hoodi-compose .tagify { border: 0 !important; font-size: 16px; --tag-bg: var(--hoodi-graa); --tag-hover: var(--hoodi-graa); --tag-text-color: var(--hoodi-petrol); }   /* modtagere som grå chips, ikke lysegrønne (Patrick 02-11-2026) */
.card.hoodi-compose .tagify__tag > div { border-radius: 999px; }
.card.hoodi-compose .tagify__tag-text { color: var(--hoodi-petrol); font-size: 14px !important; font-weight: 600; }
/* Ny SMS-besked (inbox/sms) bruger samme kort; tælleren "0 / 160" står ud for sendeknappen 14 px grå som svarfeltets "Tænker...",
   med 16 px til knappen, hvis egen ms-2 nulstilles af knapreglen ovenfor (05-11-2026) */
.card.hoodi-compose #sms_count { font-size: 14px !important; color: var(--hoodi-tekst2) !important; margin-right: 16px; }

/* Forslag i Til-feltet (Tagify-dropdownen "users-list" i inbox/new og inbox/sms; den hænger på body, ikke i kortet): samme
   minimenu som indbakke-vælgeren (392 px, 20 px runding, 8 px indre luft, rækker med 16 px runding og hover-flade uden
   skillelinjer), og rækkerne bygget som Medlemmer: 44 px cirkel med 14 px luft rundt om og til teksten, navn 15/600 og
   undertekst 13/400 (Patrick 04-11-2026). Tagify sætter venstrekant og bredde inline efter feltet; på telefon gav det 249 px
   og afskårne adresser, så dér går menuen i skærmens bredde med 16 px kant som indbakke-vælgeren. */
.tagify__dropdown.users-list { padding: 8px !important; background-color: var(--hoodi-hvid) !important; border-radius: var(--hoodi-r-minimenu) !important; box-shadow: 0 12px 32px rgba(38, 69, 81, 0.14) !important; }
@media (min-width: 576px) { .tagify__dropdown.users-list { width: 392px !important; } }
@media (max-width: 575.98px) { .tagify__dropdown.users-list { left: 16px !important; width: calc(100vw - 32px) !important; } }
.tagify__dropdown.users-list[placement="bottom"] { margin-top: 6px; }
.tagify__dropdown.users-list[placement="top"] { margin-top: -6px; }
.tagify__dropdown.users-list .tagify__dropdown__wrapper { max-height: min(432px, 60vh); background: transparent; }   /* seks rækker før der rulles (Tagifys standard 300 px gav fire) */
.tagify__dropdown.users-list .tagify__dropdown__item { display: flex; align-items: center; gap: 14px; padding: 14px; margin: 0; max-height: none; border-radius: 16px; color: var(--hoodi-petrol); }
.tagify__dropdown.users-list .tagify__dropdown__item--hidden { padding-top: 0; padding-bottom: 0; max-height: 0; }
.tagify__dropdown.users-list .tagify__dropdown__item--active, .tagify__dropdown.users-list .tagify__dropdown__item:hover { background-color: var(--hoodi-hover); color: var(--hoodi-petrol); }
.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap { flex: 0 0 var(--hoodi-ikonflade); margin-right: 0 !important; line-height: 0; }
.tagify__dropdown.users-list .symbol-group { margin: 0 !important; padding: 0 !important; display: flex; }
.tagify__dropdown.users-list .symbol-group > .symbol { margin: 0 !important; border: 0 !important; }
.tagify__dropdown.users-list .symbol-40px .symbol-label { width: var(--hoodi-ikonflade); height: var(--hoodi-ikonflade); padding-top: 0 !important; display: flex; align-items: center; justify-content: center; }
.tagify__dropdown.users-list .symbol-label:not([class*="bg-"]) { background-color: var(--hoodi-graa); }   /* background-color, ikke background: profilbilleder ligger som background-image */
.tagify__dropdown.users-list .symbol-label .fi { font-size: 16px !important; color: var(--hoodi-petrol) !important; line-height: 1; position: relative; top: 1px; }
.tagify__dropdown.users-list .symbol-label[class*="bg-"] { font-size: 15px !important; }   /* initialer */
.tagify__dropdown.users-list .tagify__dropdown__item > .d-flex.flex-column { flex: 1 1 auto; min-width: 0; }
.tagify__dropdown.users-list .tagify__dropdown__item .fw-bold { 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; }
.tagify__dropdown.users-list .tagify__dropdown__item .text-muted { 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; }
.tagify__dropdown.users-list .tagify__dropdown__item .text-muted:empty { display: none !important; }