@import '_content/Adm.AppKit.Web/Adm.AppKit.Web.2imiq7trlc.bundle.scp.css';

/* /Components/Pages/Bedrijfsfiche.razor.rz.scp.css */
/* Het logovak compact (Dominique, 29/09/2026: "ik zou wat hoogte willen winnen"). De fundering tekent AdmFileDrop als
   een kolom van 132 px: icoon, prompt en hint onder elkaar, 24 px binnenruimte. Hier staat het blok op een halve breedte
   naast Rappels, dus: één rij, weinig binnenruimte, een kleiner icoon. Enkel op deze pagina (CSS-isolatie + ::deep) —
   niet in app.css, dat uit de template komt. */
.co-logo[b-fadqu18rhz]  .adm-filedrop__zone {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: .25rem .5rem;
    padding: .5rem .75rem;
}

.co-logo[b-fadqu18rhz]  .adm-filedrop__zone svg {
    width: 18px;
    height: 18px;
}

.co-logo[b-fadqu18rhz]  .adm-filedrop__hint {
    font-size: .8em;
}
/* /Components/Pages/VoertuigDetail.razor.rz.scp.css */
/* Twee blokken naast elkaar, even breed samen als het blok erboven (856 px); op een smal scherm onder elkaar. */
.co-blokken-naast-elkaar[b-lvfjt3qmje] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    max-width: 856px;
}
/* /Components/Shared/MailVenster.razor.rz.scp.css */
/* Het oplaadvak compact (werklijst C16), zoals het logovak op de bedrijfsfiche: de fundering tekent AdmFileDrop als een kolom van
   132 px, en in dit venster staat het onder een editor van 300 px. Eén rij, weinig binnenruimte, een kleiner icoon. Enkel hier
   (CSS-isolatie + ::deep) — niet in app.css, dat uit de template komt. */
.mail-bestanden[b-mm1ip0jitd]  .adm-filedrop__zone {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: .25rem .5rem;
    padding: .4rem .75rem;
}

.mail-bestanden[b-mm1ip0jitd]  .adm-filedrop__zone svg {
    width: 18px;
    height: 18px;
}

.mail-bestanden[b-mm1ip0jitd]  .adm-filedrop__hint {
    font-size: .8em;
}

/* De bijlagen om aan te vinken in kolommen (werklijst C16): 12 attesten onder elkaar maakten het venster hoger dan het scherm.
   ⚠️ Hier stond dat een lange bestandsnaam "binnen zijn kolom afbreekt". Dat deed hij niet: een naam zonder spatie liep 21 px over de
   volgende kolom (gemeten 12/10/2026) — zie .mail-keuze-naam hieronder, die het nu wél doet. */
.mail-keuzes[b-mm1ip0jitd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: 0 1rem;
}

/* Opgeladen bestanden (de foto's van een cameraverslag, 12/10/2026): twee kolommen in plaats van drie. De naam die een toestel geeft
   ("IMG_20261012_093455.jpg") past niet naast een vinkje en een grootte in 13rem. */
.mail-keuzes--ruim[b-mm1ip0jitd] {
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
}

/* De naam breekt waar het moet — ook midden in een woord zonder spatie of streepje — en blijft zo binnen zijn kolom; de grootte
   blijft één stuk. Het bijschrift van DxCheckBox is een flex-rij: zonder dit liep een lange naam over de volgende kolom en brak
   "(167 kB)" in twee (gemeten 12/10/2026). */
.mail-keuze-naam[b-mm1ip0jitd] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.mail-keuze-grootte[b-mm1ip0jitd] {
    flex: none;
    white-space: nowrap;
}

/* Eén keuze per regel, voor een groep met een toelichting (de bijlagen van een werkorder, 12/10/2026): het vinkje met naam en
   grootte, en daarnaast datum en omschrijving. Past de toelichting niet meer op de regel, dan zakt ze eronder. */
.mail-keuzes--breed[b-mm1ip0jitd] {
    grid-template-columns: 1fr;
}

.mail-keuze-rij[b-mm1ip0jitd] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: .6rem;
}

.mail-keuze-toelichting[b-mm1ip0jitd] {
    font-size: .9em;
    overflow-wrap: anywhere;
}