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

/* Byggesten, der blev bygget til Dokumenter, men også bruges af Venteliste, Integrationer og e-Boks (administration.css
   bygger videre på dem). Alle mål er taget i mockups i 2x og delt med 2. */

/* 1. Primær knap øverst på en side (mockup Dokumenter "Upload": 46 px høj i mockup, guiden siger 48; tekst 15/600 i frisk
      grøn på petrol, 20 px luft til siderne). Lægges oven på .btn.btn-primary, så farverne følger Del A. */
.hoodi-btn, .hoodi-btn.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  min-height: 44px; padding: 0 22px !important;   /* samme pille som hovedets øvrige knapper: 44 px som de runde knapper, 15/700 (Patrick 02-11-2026) */
  border: 0 !important; border-radius: 999px !important;
  font-size: 15px !important; font-weight: 700 !important; line-height: 1.2;
  white-space: nowrap; cursor: pointer; text-decoration: none;
}
.hoodi-btn.btn-primary { background: var(--hoodi-petrol) !important; color: var(--hoodi-groen) !important; }
.hoodi-btn.btn-primary:hover, .hoodi-btn.btn-primary:focus, .hoodi-btn.btn-primary.show { background: #1D3640 !important; color: var(--hoodi-groen) !important; }
.hoodi-btn .fi { font-size: 18px; line-height: 1; display: inline-flex; margin-right: -6px; }
.hoodi-btn.btn-primary .fi { color: var(--hoodi-groen) !important; }

/* 2. Grå sekundær knap (mockup Integrationer "Opsætning": grå flade, petrol tekst 15/600, naturlig bredde, 46 -> 48 px) */
.hoodi-btn-grey, .hoodi-btn-grey.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 20px !important; width: auto !important;
  border: 0 !important; border-radius: 999px !important;
  background: var(--hoodi-graa) !important; color: var(--hoodi-petrol) !important;
  font-size: 15px !important; font-weight: 600 !important; line-height: 1.2; white-space: nowrap; cursor: pointer;
}
.hoodi-btn-grey:hover, .hoodi-btn-grey:focus { background: #E4E6E5 !important; color: var(--hoodi-petrol) !important; }

/* 3. Søgefelt som hvid pille med lup (mockup Venteliste: 48 px høj, luppen 24 px inde, teksten 46 px inde, 15 px grå) */
.hoodi-search { position: relative; }
.hoodi-search > .fi {
  position: absolute; left: 19px; top: 50%; transform: translateY(-50%);
  font-size: 16px; line-height: 1; display: inline-flex; color: var(--hoodi-tekst2); pointer-events: none;   /* mockup Boliger: lup-blæk 28x29 ved 2x, 19,5 px inde */
}
.hoodi-search > .form-control {
  min-height: 48px; height: 48px; padding: 0 20px 0 46px !important;
  border: 0 !important; border-radius: 999px !important; box-shadow: none !important;
  background: var(--hoodi-hvid) !important; color: var(--hoodi-petrol); font-size: 15px !important;
}
.hoodi-search > .form-control::placeholder { color: var(--hoodi-tekst2); opacity: 1; }
.hoodi-search > .form-control:focus { box-shadow: none !important; outline: 0; }   /* ingen fokusring (Patrick 02-11-2026) */

/* 4. Afsnitsoverskrift mellem to kort (byggesten; "Seneste" på Dokumenter er fjernet 04-11-2026). "Modtagere" på
      e-Boks-forsendelsen bruger appens almindelige td.fs-3 som kladden (04-11-2026). */
.hoodi-sectionhead { margin: 30px 0 14px; padding-left: 4px; font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; color: var(--hoodi-petrol); }   /* som afsnitsoverskriften "Medlemmer" (td.fw-bold.fs-3: 18/700 siden 05-11-2026, før 20/700; blæk 35 px under kortet over og 20 px over kortet under), Patrick 02-11-2026; før 16/700 */

/* 5. Dokumentlisten (#table_documents i .hoodi-doclist). Mapper, HOODI-dokumenter og filer ligger i ÉN tabel, fordi DataTables
      søger i og sletter rækker fra den: kortet gøres gennemsigtigt, rækkerne hvide, og hjørnerne rundes på første og sidste
      række. Afsnitsrækken "Seneste" mellem mapper og dokumenter er fjernet (Patrick 04-11-2026). Rækkehøjde 14 + 44 + 14 = 72 px (målt). */
.hoodi-doclist.card { background: transparent !important; overflow: visible !important; border-radius: 0; }
#table_documents { border-collapse: separate; border-spacing: 0; }
#table_documents > tbody > tr > td { background: var(--hoodi-hvid); padding-top: 14px !important; padding-bottom: 14px !important; }
/* Kolonnebredder: DataTables giver de øvrige kolonner bredde 0, og tekstcellens max-width 0 sender tabellens overskud til
   ikonkolonnen (76 px, teksten 32 px fra cirklen). Fast tabellayout: ikon 58 (14 + 44), tekst resten, hover-handlinger 112
   (fem ikoner = 105), dato 84, chevron 50 (02-11-2026). */
#table_documents { table-layout: fixed; }
#table_documents > tbody > tr > td:first-child:has(.symbol-circle) { width: 58px !important; box-sizing: border-box; }
#table_documents > tbody > tr > td:nth-child(2) { width: auto !important; }
#table_documents > tbody > tr > td.d-sm-table-cell.text-nowrap:not(.w-70px) { width: 112px !important; }
#table_documents > tbody > tr > td.w-70px { width: 84px !important; padding-right: 0 !important; white-space: nowrap; }
#table_documents > tbody > tr > td:last-child { width: 50px !important; }
#table_documents > tbody > tr:hover > td { background: var(--hoodi-hover); }
#table_documents > tbody > tr:first-child > td:first-child { border-top-left-radius: var(--hoodi-r-kort); }
#table_documents > tbody > tr:first-child > td:last-child { border-top-right-radius: var(--hoodi-r-kort); }
#table_documents > tbody > tr:last-child > td:first-child { border-bottom-left-radius: var(--hoodi-r-kort); }
#table_documents > tbody > tr:last-child > td:last-child { border-bottom-right-radius: var(--hoodi-r-kort); }
/* Undertekst under navnefeltet (antal i mappen, dato, kladdestatus): 15 px grå, tæt under titlen */
#table_documents .hoodi-foldercount { font-size: 13px !important; font-weight: 400 !important; line-height: 1.4; color: var(--hoodi-tekst2) !important; }   /* undertekst som i listerne (Patrick 02-11-2026; før 15) */
/* Hover-knapperne i rækkerne (download, omdøb, flyt, slet, gem, annuller): grå 30 px cirkler med petrol uicons som rækkens
   ikoncirkel (før Metronics lysegrønne bg-light-primary med Keen-ikoner). Glyffen 12 px med top 1.5px som underskriftssagens
   og begivenhedens omdøb/slet (administration.css afsnit 4); mørkere grå ved hover som .hoodi-btn-grey (Patrick 04-11-2026) */
.hoodi-doclist #table_documents .symbol-30px > .symbol-label { background: var(--hoodi-graa) !important; display: flex; align-items: center; justify-content: center; }
.hoodi-doclist #table_documents .symbol-30px:hover > .symbol-label { background: #E4E6E5 !important; }
.hoodi-doclist #table_documents .symbol-30px > .symbol-label > .fi { font-size: 12px !important; color: var(--hoodi-petrol) !important; line-height: 1; position: relative; top: 1.5px; }
/* Knapperne står i datokolonnen, højrestillet mod chevronen, så mapper og dokumenter ser ens ud (Patrick 04-11-2026). Før lå de
   i en 112 px kolonne foran den 84 px brede dato: filernes fire knapper dækkede datoen, og mappernes tre stod længere til venstre.
   Knapperne bliver i rækkens 5. celle, fordi hover og omdøbning finder dem dér (cells[4]); cellen er 0 px bred, og knapperne
   lægges ud over datokolonnen, der er 144 px = fire 30 px knapper med 8 px imellem. Datoen skjules, mens knapperne vises. */
.hoodi-doclist #table_documents > tbody > tr > td.d-sm-table-cell.text-nowrap:not(.w-70px) { width: 0 !important; padding: 0 !important; position: relative; overflow: visible; }
.hoodi-doclist #table_documents > tbody > tr > td.d-sm-table-cell.text-nowrap:not(.w-70px) > div { position: absolute; top: 50%; right: -144px; transform: translateY(-50%); z-index: 1; }
.hoodi-doclist #table_documents > tbody > tr > td.d-sm-table-cell.text-nowrap:not(.w-70px) > div > div { display: flex; gap: 8px; justify-content: flex-end; }   /* d-none vinder stadig (!important) */
.hoodi-doclist #table_documents > tbody > tr > td.d-sm-table-cell.text-nowrap:not(.w-70px) .symbol-30px { margin: 0 !important; }   /* me-1 og mellemrummene erstattes af gap */
.hoodi-doclist #table_documents > tbody > tr > td.w-70px { width: 144px !important; padding-left: 0 !important; }
.hoodi-doclist #table_documents > tbody > tr:has(> td.d-sm-table-cell.text-nowrap:not(.w-70px) > div:not(.d-none) > div:not(.d-none) > .symbol-30px) > td.w-70px > * { visibility: hidden; }

/* 6. Tom mappe: samme stiplede felt som på boligsiden (.hoodi-emptydocs i hovedfilen), her direkte i kortet og 20 px inde.
      DataTables' egen "Ingen dokumenter"-række skjules, når kortet er markeret tomt. Uden upload-ret er feltet kun til at se på. */
.hoodi-doclist.hoodi-doclist-empty { background: var(--hoodi-hvid) !important; border-radius: var(--hoodi-r-kort); }
.hoodi-doclist-empty td.dataTables_empty { display: none; }
.hoodi-doclist-empty .hoodi-emptydocs { margin: 20px; }
/* Står feltet i DataTables' celle i en .hoodi-doclist (boligen og medlemmet: tom mappe; alle: tom søgning), er kortet bag cellen
   gennemsigtigt; hovedfilens hover-regel gør cellen gennemsigtig, så den skal blive hvid her, ellers bliver feltet gråt ved hover. */
.hoodi-doclist #table_documents > tbody > tr:hover > td.dataTables_empty:has(> .hoodi-emptydocs) { background: var(--hoodi-hvid) !important; }
.hoodi-emptydocs.hoodi-emptydocs-static { cursor: default; border-color: transparent; }   /* ingen stiplet ramme, når feltet ikke modtager filer (Patrick 02-11-2026) */

/* Dokumentlister uden for Dokumenter-siden (#table_documents.tablebankgray på booking-ressourcer, boliger m.fl.): samme række som
   listerne i øvrigt - grå 44 px cirkel med 16 px glyf, filnavn 16/700, hvide rækker med hover (Patrick 02-11-2026: så rodet ud) */
#table_documents.tablebankgray { background: transparent !important; }
#table_documents.tablebankgray .symbol-40px .symbol-label { background: var(--hoodi-graa) !important; width: 44px; height: 44px; padding-top: 0 !important; display: flex; align-items: center; justify-content: center; }
#table_documents.tablebankgray .symbol-40px .symbol-label .fi { font-size: 16px !important; color: var(--hoodi-petrol) !important; line-height: 1; position: relative; top: 1px; }
#table_documents input.form-control-transparent.fw-bold { font-size: 15px !important; font-weight: 600 !important; color: var(--hoodi-petrol) !important; line-height: 1.3; height: auto; min-height: 0; }   /* både Dokumenter-siden (uden tablebankgray) og listerne på andre sider */   /* hovedlinje som rækketitlerne 15/600 (Patrick 02-11-2026; før 16/700) */
#table_documents.tablebankgray > tbody > tr + tr > td { border-top: 1px solid var(--hoodi-skillelinje) !important; }
#table_documents.tablebankgray > tbody > tr > td:first-child { padding-left: 18px !important; }
#table_documents.tablebankgray > tbody > tr > td:last-child { padding-right: 18px !important; }

/* 7. Dokumenteditoren (documents/page/index.php): samme indre luft som begivenheden og underskriftssagen, 24 px hele vejen
      rundt (før 3 rem = 39 px fra 768 px; Patrick 04-11-2026). Værktøjslinjen flugter med teksten: knapperne har selv 4 px
      luft om ikonet, og vælgeren "Brødtekst" får 4 px venstreluft, så ordet står i tekstens kant. Den skrivebeskyttede
      linje begynder med en avatar og slutter med en knap uden den luft og får derfor de fulde 24 px. Sidens egen stil kommer
      efter temaet, så id'et giver forrang; card-body's p-md-12 er !important. */
#pageCard > .card-body { padding: 24px !important; }
#pageToolbar > .card-body { padding-left: 20px; padding-right: 20px; }
#pageToolbar #pageBlockType { padding-left: 4px; }
#pageReadOnlyBar > .card-body { padding-left: 24px; padding-right: 24px; }