/* EMII v5.9 Source CSS — Buttons, badges and KPI */
.emii-btn {
  min-height: 42px;
  border: 0;
  border-radius: 15px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 950;
  color: var(--emii-blue);
  background: rgba(0,122,255,.10);
  text-decoration: none;
}

.emii-btn-primary {
  color: #fff;
  background: linear-gradient(135deg, var(--emii-blue), #5856d6);
  box-shadow: 0 12px 24px rgba(0,122,255,.22);
}

.emii-btn-green {
  color: #fff;
  background: linear-gradient(135deg, var(--emii-green), #30d158);
}

.emii-btn-red {
  color: #fff;
  background: linear-gradient(135deg, var(--emii-red), #ff2d55);
}

.emii-btn-orange {
  color: #fff;
  background: linear-gradient(135deg, var(--emii-orange), var(--emii-yellow));
}

.emii-btn-gray {
  color: #3a3a3c;
  background: rgba(120,120,128,.16);
}

.emii-btn-ghost {
  background: transparent;
  color: var(--emii-blue);
}

.emii-icon-btn {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 15px;
  background: rgba(120,120,128,.14);
  display: grid;
  place-items: center;
  color: #3a3a3c;
  font-weight: 950;
}

.emii-btn.is-loading {
  opacity: .62;
  pointer-events: none;
}

.emii-btn:disabled {
  opacity: .62;
  pointer-events: none;
}

.emii-icon-btn:disabled {
  opacity: .62;
  pointer-events: none;
}

.emii-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.emii-pill-blue {
  background: rgba(0,122,255,.1);
  color: var(--emii-blue);
}

.emii-pill-green {
  background: rgba(52,199,89,.12);
  color: var(--emii-green);
}

.emii-pill-red {
  background: rgba(255,59,48,.10);
  color: var(--emii-red);
}

.emii-pill-orange {
  background: rgba(255,149,0,.12);
  color: var(--emii-orange);
}

.emii-pill-gray {
  background: rgba(142,142,147,.16);
  color: #64748b;
}

.emii-kpi {
  padding: 14px;
  border-radius: 24px;
  background: rgba(255,255,255,.84);
  box-shadow: var(--emii-soft-shadow);
  border: 1px solid rgba(255,255,255,.74);
}

.emii-kpi-icon {
  display: grid;
  place-items: center;
  color: white;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26);
  width: 38px;
  height: 38px;
  border-radius: 13px;
  font-size: 18px;
  margin-bottom: 12px;
}

.emii-icon-blue {
  background: linear-gradient(135deg, var(--emii-blue), #5856d6);
}

.emii-icon-green {
  background: linear-gradient(135deg, var(--emii-green), #30d158);
}

.emii-icon-orange {
  background: linear-gradient(135deg, var(--emii-orange), var(--emii-yellow));
}

.emii-icon-red {
  background: linear-gradient(135deg, var(--emii-red), #ff2d55);
}

.emii-icon-purple {
  background: linear-gradient(135deg, var(--emii-purple), #5856d6);
}

.emii-icon-gray {
  background: linear-gradient(135deg, #8e8e93, #636366);
}

.emii-kpi strong {
  display: block;
  font-size: 22px;
  font-weight: 950;
  direction: ltr;
  text-align: right;
}

.emii-kpi span {
  display: block;
  margin-top: 4px;
  color: var(--emii-muted);
  font-size: 12px;
  font-weight: 850;
}