/* OU – Mobile Card UI (ergänzend zu lkc_members.css) */

.lkc-ou-actions{
    display:flex;
    gap:8px;
    justify-content:flex-end;
    flex-wrap:wrap;
  }
  
  .lkc-ou-actions form{ display:inline; margin:0; }
  .lkc-ou-actions .lkc-btn{ white-space:nowrap; }
  
  /* === Admin List: Desktop Table bleibt, Mobile wird Card-Liste === */
  .lkc-ou-cards{ display:none; }
  @media (max-width: 720px){
    .lkc-ou-table{ display:none; }
    .lkc-ou-cards{ display:flex; flex-direction:column; gap:10px; }
  }
  
  .lkc-ou-card-item{
    border:1px solid #e5e7eb;
    border-radius:3px;
    background:#fff;
    padding:12px;
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  
  .lkc-ou-card-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
  }
  
  .lkc-ou-card-name{
    font-weight:800;
    color:#111827;
    line-height:1.2;
  }
  
  .lkc-ou-badges{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  
  .lkc-ou-badge{
    border:1px solid #d1d5db;
    border-radius:999px;
    padding:2px 8px;
    font-size:12px;
    font-weight:800;
    background:#fff;
    color:#111827;
  }
  
  .lkc-ou-badge-muted{ color:#6b7280; }
  
  .lkc-ou-card-actions{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:8px;
  }
  
  .lkc-ou-card-actions .lkc-btn{
    width:100%;
    justify-content:center;
  }
  
  /* 4 Aktionen -> 2x2 Grid */
  .lkc-ou-card-actions .lkc-ou-action-wide{
    grid-column: span 2;
  }
  
  /* === Detail: Mitglieder als Cards, stabil unabhängig von Wortlänge === */
  .lkc-ou-member-card{
    border:1px solid #e5e7eb;
    border-radius:3px;
    background:#fff;
    padding:12px;
    display:grid;
    grid-template-columns: 1fr auto;
    gap:10px;
    align-items:center;
  }
  
  .lkc-ou-member-main{ min-width:0; }
  .lkc-ou-member-name{
    font-weight:800;
    color:#111827;
    line-height:1.2;
    word-break: break-word;
  }
  
  .lkc-ou-member-email{
    font-size:13px;
    color:#4b5563;
    margin-top:4px;
    word-break: break-word;
  }
  
  .lkc-ou-member-right{
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:flex-end;
  }
  
  .lkc-ou-member-right form{ margin:0; }
  .lkc-ou-member-right .lkc-btn{ width:140px; justify-content:center; }
  .lkc-ou-member-right .lkc-ou-badge{ align-self:flex-end; }
  
  @media (max-width: 640px){
    .lkc-ou-member-card{
      grid-template-columns: 1fr;
    }
    .lkc-ou-member-right{
      align-items:stretch;
    }
    .lkc-ou-member-right .lkc-btn{
      width:100%;
    }
  }