/* Admin-specific styles */

/* Definition lists in admin forms (used in island components) */
body#admin dl {
  @apply grid grid-cols-1 gap-x-4 gap-y-6 sm:grid-cols-2;
}

body#admin dl dt {
  @apply text-sm font-medium text-gray-500;
}

body#admin dl dd {
  @apply mt-1 text-sm text-gray-900;
}

/* Nested definition lists (e.g., metadata) */
body#admin dl dl {
  @apply grid grid-cols-1 gap-x-2 gap-y-1 sm:grid-cols-2;
}

/* Full-width items in definition lists */
body#admin dl .full-width {
  @apply sm:col-span-2;
}

/* Report table */
body#admin .report-table th,
body#admin .report-table td {
  @apply py-2 px-3 text-sm;
}

body#admin .report-table th {
  @apply font-medium text-gray-700;
}

body#admin .report-table .report-sub th {
  @apply py-1 px-2 text-xs font-medium text-gray-600;
}

body#admin .report-table .report-num {
  @apply text-right;
}

/* Weekly report histogram hours intensity */
body#admin .report-table .histogram-hours--light {
  @apply bg-sky-100;
}

body#admin .report-table .histogram-hours--medium {
  @apply bg-sky-200;
}

body#admin .report-table .histogram-hours--dark {
  @apply bg-sky-300 text-sky-900;
}