/* Styles communs à stats-agents / pic-appel / agent-peak */

/* ── Header extras ── */
.gc-header-sep { width: 1px; height: 24px; background: var(--border); }

/* ── Sidebar extras ── */
.gc-select-actions { display: flex; gap: 12px; }

/* ── Status / Queue items ── */
.gc-check-list { display: flex; flex-direction: column; gap: 5px; }
.gc-check-list-scroll { max-height: 200px; overflow-y: auto; display: flex; flex-direction: column; gap: 4px; }

/* ── Period buttons ── */
.gc-period-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.gc-period-btn {
  padding: 8px 6px;
  background: var(--surface2);
  border: 1.5px solid var(--border);
  border-radius: var(--radius);
  color: var(--text2);
  font-size: 12px; font-weight: 600;
  cursor: pointer; transition: all .15s;
  text-align: center;
}
.gc-period-btn:hover  { border-color: var(--gc-orange); color: var(--gc-orange); background: var(--gc-orange-dim); }
.gc-period-btn.active { border-color: var(--gc-orange); color: var(--gc-orange); background: var(--gc-orange-dim2); }

/* ── Custom date range ── */
.gc-date-range { display: flex; flex-direction: column; gap: 10px; margin-top: 6px;
  padding: 12px; background: var(--surface2); border: 1px solid var(--border);
  border-radius: var(--radius); animation: fadeIn .2s ease; }
@keyframes fadeIn { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:none; } }

/* ── Table search ── */
.gc-table-search-row {
  padding: 12px 20px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* ── Results ── */
#gc-results { display: none; flex-direction: column; gap: 22px; }