/* Tasklet theme, DaisyUI and Tailwind are provided by the preview host. */
html { scroll-behavior: smooth; }
body { min-width: 320px; }

.tactical-shell,
.tactical-grid {
  background-image:
    linear-gradient(to right, color-mix(in oklab, currentColor 3%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in oklab, currentColor 3%, transparent) 1px, transparent 1px);
  background-size: 32px 32px;
}

.tactical-card {
  position: relative;
  overflow: hidden;
}

.tactical-card::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.25rem;
  height: 2.25rem;
  content: '';
  background: currentColor;
  clip-path: polygon(100% 0, 100% 100%, 0 0);
  opacity: .06;
  pointer-events: none;
}

.tactical-kicker,
.card-title,
table thead {
  letter-spacing: .08em;
  text-transform: uppercase;
}

.card,
.rounded-box,
.alert,
.input,
.select,
.textarea,
.btn,
.badge,
.tabs {
  border-radius: .3rem;
}

input[type='number'],
input[inputmode='decimal'] { font-variant-numeric: tabular-nums; }

@media print {
  header, .no-print, button { display: none !important; }
  main { max-width: none !important; padding: 0 !important; }
  .card { break-inside: avoid; box-shadow: none !important; }
}