/* ============================================================
   metas-novo.css — namespace .met-* (Metas refeito)
   ============================================================ */

/* Sessão 134: revertido pro padding original (estava OK pro user) */
.met-page { display:flex; flex-direction:column; gap:16px; padding:8px 0; }

.met-tabs { display:flex; gap:4px; border-bottom:1px solid var(--cf-border, #e2e8f0); }
.met-tab {
  background:transparent; border:none; cursor:pointer;
  padding:12px 18px; font-size:14px; font-weight:500;
  color:var(--cf-text-3, #64748b);
  border-bottom:2px solid transparent;
}
.met-tab.active { color:var(--cf-brand, #1E5BAA); border-bottom-color:var(--cf-brand, #1E5BAA); }

.met-content { padding-top:14px; }

.met-head {
  display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:16px;
  padding-bottom:16px; border-bottom:1px solid #ecf0f4;
}
.met-title { font-size:22px; font-weight:600; margin:0; font-family:'IBM Plex Sans', sans-serif; color:#0f172a; letter-spacing:-0.01em; }
.met-subtitle { font-size:12.5px; color:#64748b; margin:4px 0 0 0; }

/* progress card */
.met-progress-card {
  background: linear-gradient(135deg, #1E5BAA 0%, #164785 100%);
  color:#fff; padding:24px; border-radius:14px;
}
.met-progress-head {
  display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:14px;
}
.met-progress-pct {
  font-size:48px; font-weight:700; font-family:'IBM Plex Sans', sans-serif;
  line-height:1;
}
.met-progress-amount strong { display:block; font-size:24px; font-family:'IBM Plex Sans', sans-serif; }
.met-progress-amount small { font-size:13px; opacity:.8; }
.met-progress-bar {
  position:relative; height:14px; background:rgba(255,255,255,.2); border-radius:7px; overflow:hidden;
}
.met-progress-fill {
  height:100%; background: linear-gradient(90deg, #10b981 0%, #34d399 100%);
  border-radius:7px; transition:width .5s;
}
.met-progress-marker {
  position:absolute; top:-4px; bottom:-4px; width:2px; background:#fbbf24;
}
.met-progress-foot { margin-top:10px; opacity:.85; }

/* stat cards */
.met-grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }
@media (max-width:720px) { .met-grid-3 { grid-template-columns:1fr; } }
.met-stat-card {
  display:flex; gap:14px; align-items:center;
  padding:18px 20px; border-radius:10px; background:#fff;
  transition: transform .15s ease, box-shadow .15s ease;
}
.met-stat-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06); }
.met-stat-icon { font-size:28px; flex-shrink:0; }
.met-stat-value { font-size:22px; font-weight:600; font-family:'IBM Plex Sans', sans-serif; color:#0f172a; line-height:1.1; }
.met-stat-label { font-size:11.5px; color:#64748b; line-height:1.3; }
.met-stat-green .met-stat-icon { color:#10b981; }
.met-stat-amber .met-stat-icon { color:#f59e0b; }
.met-stat-red .met-stat-icon { color:#dc2626; }

/* prize card */
.met-prize-card { padding:18px; background:#fffbeb; border:1px solid #fde68a; border-radius:10px; }
.met-prize-title { font-size:14px; font-weight:600; margin:0 0 12px 0; }
.met-prize-row {
  display:flex; justify-content:space-between; padding:8px 0;
  font-size:13px; border-bottom:1px dashed #fde68a;
}
.met-prize-row:last-child { border-bottom:none; }
.met-prize-won { color:#10b981; font-weight:600; }
.met-prize-pending { color:#92400e; font-size:12px; }

.met-no-goal {
  padding:32px; text-align:center; background:#f8fafc; border:2px dashed var(--cf-border, #e2e8f0); border-radius:10px;
}
.met-no-goal p { margin:6px 0; }
.met-hint { font-size:12px; color:var(--cf-text-3, #94a3b8); }

.met-empty { padding:56px 32px; text-align:center; color:#64748b; background:#f8fafc; border-radius:12px; }

/* table */
.met-table { width:100%; border-collapse:collapse; font-size:13px; background:#fff; border-radius:10px; overflow:hidden; }
.met-table th {
  text-align:left; padding:14px 16px; background:#f8fafc;
  font-size:12px; font-weight:600; color:#475569;
  /* Sessão 134: sem uppercase, mais legível */
}
.met-table td { padding:14px 16px; border-top:1px solid #f1f5f9; }
.met-row-clickable { cursor:pointer; }
.met-row-clickable:hover { background:#f8fafc; }

/* form */
.met-form { display:flex; flex-direction:column; gap:12px; }
.met-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.met-label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:500; color:var(--cf-text-2, #475569); }
.met-input {
  padding:9px 12px; border:1px solid var(--cf-border, #e2e8f0); border-radius:7px;
  font-size:13px; background:#fff;
}
.met-input-sm { padding:6px 10px; font-size:12px; max-width:80px; }
.met-toggle { display:inline-flex; gap:6px; align-items:center; cursor:pointer; font-size:13px; }

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

.met-bonus-row {
  display:flex; gap:8px; align-items:center; padding:6px 0;
  font-size:13px;
}

.met-btn-primary {
  background:var(--cf-brand, #1E5BAA); color:#fff; border:none;
  padding:8px 14px; border-radius:6px; font-size:13px; cursor:pointer;
}
.met-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;
}
.met-btn-icon { background:transparent; border:none; cursor:pointer; padding:4px 8px; color:#dc2626; font-size:14px; }