@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body.active_admin {
    @apply bg-[#0f1714] text-emerald-100 !important;
  }

  /* Header */
  body.active_admin #header {
    @apply bg-[#080d0b] border-b border-emerald-900 shadow-sm !important;
  }

  /* Sidebar and Panels */
  body.active_admin .panel, body.active_admin .attributes-table {
    @apply bg-[#111c18] border border-emerald-900/50 shadow-sm !important;
  }

  body.active_admin .panel-title {
    @apply bg-[#0c1311] border-b border-emerald-900/50 text-emerald-400 !important;
  }

  /* Table Headers */
  body.active_admin .data-table :where(thead > tr > th) {
    @apply bg-[#0c1311] border-b border-emerald-900/50 text-emerald-400 !important;
  }

  /* Table Body */
  body.active_admin .data-table :where(tbody > tr) {
    @apply border-b border-emerald-900/30 !important;
  }

  /* Links and Buttons */
  body.active_admin a {
    @apply text-emerald-400 hover:text-emerald-300 !important;
  }

  body.active_admin .button, body.active_admin input[type=submit] {
    @apply bg-emerald-700 hover:bg-emerald-600 text-white border-0 shadow-sm !important;
  }
}