/* SIDEBAR -------------------------------------------- */

.sidebar {
  @apply w-64 bg-white border-r border-slate-200 h-screen fixed left-0 top-0 shadow;
}
.sidebar-link {
  @apply flex items-center gap-3 px-5 py-3 text-slate-700 hover:bg-blue-50 hover:text-blue-600 cursor-pointer rounded;
}
.sidebar-link-active {
  @apply bg-blue-100 text-blue-700 font-semibold;
}

/* NAVBAR --------------------------------------------- */

.navbar {
  @apply h-16 bg-white shadow flex items-center justify-between px-6 border-b border-slate-200;
}

/* DASHBOARD CARDS ------------------------------------ */

.stats-card {
  @apply bg-white rounded-lg shadow p-5 border border-slate-200;
}
.stats-title {
  @apply text-xs uppercase text-slate-500;
}
.stats-value {
  @apply text-3xl font-bold text-slate-900;
}

/* TABLE ---------------------------------------------- */

.table-header {
  @apply bg-slate-200 text-xs font-semibold uppercase;
}

.table-row {
  @apply hover:bg-slate-100 cursor-pointer;
}

/* CHAT UI -------------------------------------------- */

.chat-bubble-ai {
  @apply bg-blue-50 border border-blue-200 p-3 rounded shadow text-sm text-blue-900;
}

.chat-bubble-user {
  @apply bg-green-50 border border-green-200 p-3 rounded shadow text-sm text-green-900 text-right;
}

/* PAGE WRAPPER --------------------------------------- */

.page-content {
  margin-left: 16rem; /* space for sidebar */
  @apply p-8;
}