/* GoYatchify Teams & Analytics */

/* ---- Metrics row (views · favorites · shares) ---- */
.gy-metrics{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.gy-metric{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#64748b}
.gy-metric svg{opacity:.75}
.gy-card .gy-metrics{margin-top:8px}

/* ---- Share buttons ---- */
.gy-share{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.gy-share__label{font-size:13px;font-weight:600;color:#64748b;margin-right:2px}
.gy-share-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  border:1px solid #e2e6ea;background:#fff;color:#0b1f6f;cursor:pointer;
  transition:.16s;padding:0;
}
.gy-share-btn:hover{background:#f2f7ff;border-color:#cfe0ff;color:#0073ff;transform:translateY(-1px)}
.gy-share-btn.is-copied{background:#e7f6ee;border-color:#bfe6cd;color:#16a34a}

/* ---- Assignment control (dashboard) ---- */
.gy-assign{display:flex;flex-direction:column;gap:4px;min-width:170px}
.gy-assign label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}
.gy-assign-select{
  padding:8px 10px;border:1px solid #dbe3f0;border-radius:8px;background:#fff;
  font-size:13px;color:#0e1730;max-width:220px;
}
.gy-assign-select:disabled{opacity:.6}
.gy-assign-status{font-size:12px;min-height:15px}
.gy-assign-status.ok{color:#16a34a}
.gy-assign-status.err{color:#dc2626}

/* ---- Team management table ---- */
.gy-team-table{width:100%;border-collapse:collapse;margin-top:8px}
.gy-team-table th,.gy-team-table td{text-align:left;padding:11px 14px;border-bottom:1px solid #eef2f9;font-size:14px}
.gy-team-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:700}
.gy-team-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:#e6f0ff;color:#0073ff}
.gy-team-badge.mgr{background:#eef1f7;color:#475569}

@media (prefers-color-scheme:dark){
  .gy-metric{color:#9aa8c4}
  .gy-share-btn{background:#101a31;border-color:#26334f;color:#93a9ff}
  .gy-assign-select{background:#101a31;border-color:#26334f;color:#e9eef8}
}