/* =====================================================
   EPICID SAAS UI — CUSTOM TOKENS ONLY
===================================================== */

body {
  font-family: Inter, system-ui, sans-serif;
}

/* SIDEBAR */
.sidebar-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #cbd5e1;
  transition: all .2s ease;
}

.sidebar-link:hover {
  background: #1e293b;
  color: #fff;
}

.sidebar-link.active {
  background: #2563eb;
  color: #fff;
}

.sidebar-link.disabled {
  opacity: .35;
  pointer-events: none;
}

/* ICON */
.sidebar-link .icon {
  width: 20px;
  height: 20px;
}

/* APP CARD */
.app-card {
  background: white;
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 8px 24px rgba(0,0,0,.05);
  transition: transform .25s ease, box-shadow .25s ease;
}

.app-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(0,0,0,.12);
}

.app-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}

.app-card p {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 16px;
}

.app-card.disabled {
  opacity: .4;
  pointer-events: none;
}

.badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  background: #e5e7eb;
  color: #374151;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 10px;
}

/* BUTTON */
.btn-open {
  display: inline-block;
  background: #2563eb;
  color: white;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 600;
  transition: background .2s ease;
}

.btn-open:hover {
  background: #1e40af;
}


.sidebar-link.disabled {
  pointer-events: none;
}