/* Beeld is een bijlage binnen de tekstcomposer, geen tweede hoofdtaak. */
.social-composer .ai-stap > label { min-width:0; max-width:100%; }
.social-composer .ai-stap select { min-width:0; width:220px; max-width:100%; }
.social-composer .ai-knoppen { min-width:0; max-width:100%; }
.social-composer .ai-knoppen input { min-width:0; flex:1 1 220px; max-width:100%; }
.social-bijlage { border-top:1px solid #e5e9e7; margin:18px 0 0; padding:16px 0 0; min-width:0; }
.panel > .social-bijlage { padding:16px 20px 18px; }
.ai-stap > .social-bijlage { flex-basis:100%; padding-bottom:16px; }
.beeld-rij { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.beeld-optioneel,.beeld-info small,.beeld-flow small { color:#68766f; font-size:12px; line-height:1.5; }
.beeld-preview { display:block; width:88px; height:88px; object-fit:cover; border:1px solid #e5e9e7; border-radius:8px; flex-shrink:0; }
.beeld-info { flex:1; min-width:0; }
.beeld-info strong,.beeld-info small { display:block; }
.beeld-info strong { font-size:14px; margin-bottom:4px; }
.beeld-acties,.beeld-keuzerij { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.beeld-acties { margin-top:10px; }
.beeld-opties { background:#f7f9f8; border:1px solid #e5e9e7; border-radius:8px; padding:14px; margin-top:12px; min-width:0; }
.beeld-keuzerij .btn[aria-pressed="true"] { background:#e1ebe6; border-color:#547763; color:#173b2a; }
.beeld-sluit { margin-left:auto; }
.beeld-flow { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:16px; min-width:0; }
.beeld-flow label { font-size:13px; font-weight:600; }
.beeld-flow input[type="file"] { display:block; max-width:100%; width:100%; min-width:0; font-size:13px; }
.beeld-flow textarea { width:100%; max-width:100%; min-width:0; margin:0; box-sizing:border-box; resize:vertical; border:1px solid #d7dfda; border-radius:6px; padding:10px; font:inherit; font-size:13px; background:#fff; }
.beeld-flow input::file-selector-button { border:1px solid #cad6ce; border-radius:5px; background:white; color:#18382a; padding:9px 12px; margin-right:8px; cursor:pointer; }
.beeld-details { margin-top:14px; color:#68766f; font-size:12px; line-height:1.6; }
.beeld-details summary { cursor:pointer; width:fit-content; }
.beeld-details p { margin:8px 0; max-width:65ch; }
.beeld-status { margin-top:12px; font-size:13px; overflow-wrap:anywhere; }
.beeld-bibliotheek { display:grid; grid-template-columns:repeat(auto-fill,minmax(88px,1fr)); gap:10px; margin-top:14px; }
.beeld-bibliotheek-item { min-width:0; padding:3px; border:1px solid #d7dfda; border-radius:6px; background:white; cursor:pointer; }
.beeld-bibliotheek-item img { display:block; width:100%; height:88px; object-fit:cover; border-radius:3px; }
.social-bijlage .btn { flex:0 0 auto; width:auto; white-space:normal; text-align:center; max-width:100%; }
.social-bijlage button:focus-visible,.social-bijlage summary:focus-visible,.social-bijlage input:focus-visible,.social-bijlage textarea:focus-visible { outline:2px solid #426d53; outline-offset:3px; }
@media(max-width:480px) {
  .beeld-rij:has(.beeld-preview) { display:grid; grid-template-columns:64px minmax(0,1fr); gap:8px 10px; }
  .beeld-preview { width:64px; height:64px; grid-row:1 / span 2; }
  .beeld-info { display:contents; }
  .beeld-info > strong,.beeld-info > small { grid-column:2; }
  .beeld-info > .beeld-acties { grid-column:1 / -1; }
}
@media(max-width:480px) { .beeld-opties { padding:12px; } .beeld-info { flex-basis:calc(100% - 102px); } .beeld-acties { gap:6px; } .beeld-acties .btn { font-size:11px; } .beeld-keuzerij .btn { flex:1 1 auto; } .beeld-sluit { margin-left:0; } .beeld-optioneel { flex-basis:100%; } }