/* ============================================================
   atendimento.css — namespace .atd-* (setores) e .dst-* (distribuição)
   ============================================================ */

.atd-page, .dst-page { display:flex; flex-direction:column; gap:16px; padding:8px 0; }

.atd-head, .dst-head {
  display:flex; justify-content:space-between; gap:12px; align-items:flex-start;
  flex-wrap:wrap; padding:14px;
  background:#fff; border:1px solid var(--cf-border, #e2e8f0); border-radius:10px;
}
.atd-title, .dst-title { font-size:18px; font-weight:600; margin:0; font-family:'IBM Plex Sans', sans-serif; }
.atd-subtitle, .dst-subtitle { font-size:13px; color:var(--cf-text-3, #64748b); margin:4px 0 0 0; }

.atd-empty {
  text-align:center; padding:48px; background:#f8fafc; border-radius:12px;
  border:2px dashed var(--cf-border, #e2e8f0);
}
.atd-empty-icon { font-size:48px; margin-bottom:8px; }
.atd-empty-title { font-size:16px; font-weight:600; }
.atd-empty-sm, .dst-empty {
  text-align:center; padding:24px; color:var(--cf-text-3, #64748b); font-size:13px;
}

/* setor cards */
.atd-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:12px; }
.atd-card {
  background:#fff; border:1px solid var(--cf-border, #e2e8f0); border-radius:10px;
  padding:14px; cursor:pointer; transition:border-color .15s, transform .1s;
  display:flex; gap:12px; align-items:center;
}
.atd-card:hover { border-color:var(--cf-brand, #1E5BAA); transform:translateY(-1px); }
.atd-card-icon {
  width:44px; height:44px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
}
.atd-card-icon svg { stroke-width: 1.75; }
.atd-card-body { flex:1; min-width:0; }
.atd-card-name { font-size:14px; font-weight:600; }
.atd-card-meta { font-size:11px; color:var(--cf-text-3, #94a3b8); margin-top:2px; }

/* form */
.atd-form { display:flex; flex-direction:column; gap:12px; }
.atd-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.atd-label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:500; color:var(--cf-text-2, #475569); }
.atd-input {
  padding:9px 12px; border:1px solid var(--cf-border, #e2e8f0); border-radius:7px;
  font-size:13px; background:#fff;
}
.atd-textarea { resize:vertical; min-height:60px; font-family:inherit; }
.atd-color { padding:2px; height:36px; cursor:pointer; }
.atd-toggle { display:inline-flex; gap:6px; align-items:center; cursor:pointer; font-size:13px; }

.atd-icon-grid { display:flex; gap:6px; flex-wrap:wrap; }
.atd-icon-pick {
  width:38px; height:38px; border-radius:8px;
  background:#f1f5f9; color:#475569;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition: background .15s, color .15s;
}
.atd-icon-pick svg { stroke-width: 1.75; }
.atd-icon-pick.active { background:var(--cf-brand, #1E5BAA); color:#fff; }
.atd-icon-pick:hover:not(.active) { background:#e2e8f0; }

.atd-section {
  padding:14px; background:#f8fafc; border-radius:8px; display:flex; flex-direction:column; gap:10px;
  margin-top:14px;
}
.atd-section-head { display:flex; justify-content:space-between; align-items:center; }

.atd-members-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.atd-member {
  display:flex; gap:8px; align-items:center;
  padding:8px 12px; background:#fff; border-radius:6px;
  font-size:13px;
}
.atd-member span:first-child { flex:1; }

.atd-btn-primary {
  background:var(--cf-brand, #1E5BAA); color:#fff; border:none;
  padding:8px 14px; border-radius:6px; font-size:13px; cursor:pointer;
}
.atd-btn-ghost-sm {
  background:transparent; color:var(--cf-text-2, #475569);
  border:1px solid var(--cf-border, #e2e8f0);
  padding:5px 10px; border-radius:5px; font-size:12px; cursor:pointer;
}
.atd-btn-icon {
  background:transparent; border:none; cursor:pointer;
  padding:4px 8px; font-size:14px; color:var(--cf-text-3, #94a3b8);
}
.atd-btn-icon:hover { color:#dc2626; }

.atd-pill { padding:2px 8px; border-radius:10px; font-size:10px; font-weight:500; }
.atd-pill-gray { background:#f1f5f9; color:#475569; }
.atd-pill-purple { background:#ede9fe; color:#5b21b6; }

/* DISTRIBUIÇÃO */
.dst-actions { display:flex; gap:8px; }
.dst-stats { display:flex; gap:12px; }
.dst-stat { display:flex; flex-direction:column; padding:10px 14px; background:#fff; border:1px solid var(--cf-border, #e2e8f0); border-radius:8px; flex:1; }
.dst-stat strong { font-size:18px; font-family:'IBM Plex Sans', sans-serif; }
.dst-stat span { font-size:11px; color:var(--cf-text-3, #64748b); }

.dst-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:14px; }
@media (max-width:920px) { .dst-grid { grid-template-columns:1fr; } }
.dst-queue, .dst-team {
  background:#fff; border:1px solid var(--cf-border, #e2e8f0); border-radius:10px;
  padding:14px; display:flex; flex-direction:column; gap:10px;
}
.dst-list-title {
  font-size:11px; font-weight:600; color:var(--cf-text-3, #64748b);
  text-transform:uppercase; letter-spacing:0.5px; margin:0 0 4px 0;
}

.dst-row {
  display:flex; gap:12px; padding:10px 12px;
  background:#f8fafc; border-radius:6px; align-items:center;
}
.dst-row-info { flex:1; min-width:0; }
.dst-row-meta { font-size:11px; color:var(--cf-text-3, #94a3b8); margin-top:2px; }
.dst-input {
  padding:8px 12px; border:1px solid var(--cf-border, #e2e8f0); border-radius:6px;
  background:#fff; font-size:13px;
}
.dst-input-sm { padding:6px 10px; font-size:12px; min-width:200px; }
.dst-btn-primary {
  background:var(--cf-brand, #1E5BAA); color:#fff; border:none;
  padding:8px 14px; border-radius:6px; font-size:13px; cursor:pointer;
}
.dst-btn-primary:disabled { opacity:.4; cursor:not-allowed; }

.dst-member {
  display:flex; gap:12px; align-items:center;
  padding:10px 12px; background:#f8fafc; border-radius:6px;
}
.dst-member > div:first-child { flex:1; }
.dst-member-name { font-size:13px; font-weight:500; }
.dst-member-meta { font-size:11px; color:var(--cf-text-3, #94a3b8); margin-top:2px; }
.dst-load-bar { width:80px; height:6px; background:#e2e8f0; border-radius:3px; overflow:hidden; }
.dst-load-fill { height:100%; background: linear-gradient(90deg, #10b981 0%, #f59e0b 70%, #dc2626 100%); }

/* Sessao 135: lista de membros com avatar + display_name */
.atd-member { display:flex; gap:10px; align-items:center; padding:8px 10px; background:#f8fafc; border-radius:8px; }
.atd-member:hover { background:#f1f5f9; }
.atd-member-avatar {
  width:32px; height:32px; flex-shrink:0;
  border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:600; font-size:13px; color:#fff;
  object-fit:cover;
}
.atd-member-avatar-fallback { background:#1E5BAA; }
.atd-member-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.atd-member-info strong { font-size:13px; color:#0F172A; }
.atd-member-info small { font-size:11px; color:#64748b; font-family:'IBM Plex Mono', monospace; }
.atd-pill-purple { background:#F3E8FF; color:#7C3AED; padding:2px 8px; border-radius:10px; font-size:10.5px; font-weight:600; }