.aa-integrated[data-theme="light"] {
  --color-primary: #ac3c19;
  --color-primary-content: #fff;
  --color-base-100: #fff;
  --color-base-200: var(--bg, #f4f2ef);
  --color-base-300: #e8e4df;
  --color-base-content: var(--text, #2b2a28);
  --color-error: #b6382b;
  --color-error-content: #fff;
  --radius-box: .75rem;
  --radius-field: .5rem;
  --depth: 0;
}

.aa-integrated *, .aa-integrated *::before, .aa-integrated *::after { box-sizing: border-box; }
.aa-integrated :is(button, input, select) { font-family: inherit; }
.aa-integrated .aa-title { font-size: 1.5rem; }

.aa {
  --aa-line: var(--color-base-300, #dce4eb);
  --aa-paper: var(--color-base-100, #fff);
  --aa-wash: var(--color-base-200, #f3f6f8);
  --aa-ink: var(--color-base-content, #142633);
  --aa-muted: color-mix(in srgb, var(--aa-ink) 75%, var(--aa-paper));
  --aa-accent: var(--color-primary, #185e57);
  min-width: 0;
  color: var(--aa-ink);
  line-height: 1.55;
}

.aa [hidden] { display: none !important; }
.aa :is(h1, h2, h3, p, dl, dd) { margin: 0; }
.aa :is(button, summary, select) { cursor: pointer; }
.aa button:disabled { cursor: default; }
.aa :is(button, summary, input, select, .aa-scroll, .aa-preview-box):focus-visible {
  outline: 2px solid var(--aa-accent);
  outline-offset: 3px;
}

.aa-title { font-size: clamp(1.65rem, 3.2vw, 2.2rem); line-height: 1.2; }
.aa-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid var(--aa-line);
}

.aa-nav .btn[aria-current="page"] {
  background: color-mix(in srgb, var(--aa-accent) 11%, var(--aa-paper));
  color: var(--aa-accent);
}

.aa-content { margin-top: 1rem; }
.aa .aa-status:not(:empty) { margin-top: .75rem; }
.aa-status { color: var(--aa-muted); font-size: .875rem; }

.aa-stack, .aa-form, .aa-grants, .aa-cell, .aa-field {
  display: grid;
  min-width: 0;
  gap: 1rem;
}

.aa-panel {
  min-width: 0;
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid var(--aa-line);
  border-radius: var(--radius-box, .75rem);
  background: var(--aa-paper);
}

.aa-panel-header, .aa-subhead, .aa-actions, .aa-checks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

.aa-panel-header, .aa-subhead { justify-content: space-between; }
.aa-panel-header { gap: .75rem 1rem; margin-bottom: 1rem; }
.aa-panel h2, .aa-dialog h2 { font-size: 1.25rem; font-weight: 700; }
.aa h3 { font-size: 1rem; font-weight: 700; }
.aa-muted { color: var(--aa-muted); font-size: .875rem; }
.aa-cell { gap: .125rem; }

.aa-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: .875rem;
  align-items: start;
}

.aa-filters {
  padding: 1rem;
  border-radius: var(--radius-field, .5rem);
  background: var(--aa-wash);
}

.aa-field {
  gap: .25rem;
  align-content: start;
  font-size: .875rem;
}

.aa-field > label { font-weight: 600; }
.aa-field :is(.input, .select) { width: 100%; min-height: 2.75rem; }
.aa .btn { min-height: 2.75rem; touch-action: manipulation; }
.aa .btn-sm { min-height: 2.25rem; }

.aa-scroll {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--aa-line);
  border-radius: var(--radius-box, .625rem);
}

.aa .table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.aa .table :is(th, td) {
  text-align: start;
  padding: .75rem;
  vertical-align: top;
  border-bottom: 1px solid var(--aa-line);
  overflow-wrap: anywhere;
}
.aa .table th { white-space: nowrap; background: var(--aa-wash); }
.aa .table tr:last-child td { border-bottom: 0; }
.aa .table .aa-actions { min-width: 6.5rem; }
.aa .badge { white-space: nowrap; }
.aa .badge[data-status="active"] { color: var(--aa-accent); }

.aa .aa-empty {
  padding: 1rem;
  color: var(--aa-muted);
  border: 1px dashed var(--aa-line);
  border-radius: var(--radius-field, .5rem);
  background: var(--aa-wash);
}

.aa-dialog::backdrop { background: rgb(15 29 40 / 55%); }
.aa-dialog .modal-box {
  display: grid;
  gap: 1rem;
  width: min(92vw, 45rem);
  max-width: none;
  max-height: 90dvh;
  overflow: auto;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-radius: var(--radius-box, .75rem);
  background: var(--aa-paper);
}
.aa-dialog .modal-action { margin-top: 0; justify-content: flex-end; }
.aa-form > .modal-action {
  position: sticky;
  bottom: 0;
  z-index: 1;
  padding-block: .5rem;
  background: var(--aa-paper);
}
.aa-dialog .aa-error { overflow-wrap: anywhere; }

.aa-check {
  display: inline-flex;
  gap: .625rem;
  align-items: center;
  min-height: 2.75rem;
  cursor: pointer;
}
.aa-check input { flex-shrink: 0; }
.aa-checks { gap: .5rem 1rem; }
.aa-grant {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: .75rem;
  gap: .75rem;
  border: 1px solid var(--aa-line);
  border-radius: var(--radius-field, .5rem);
}
.aa-grant .fieldset-legend { padding-inline: .25rem; font-size: .875rem; font-weight: 700; }
.aa-grant > .aa-actions { justify-content: end; }
.aa-stall-options { display: grid; gap: .5rem; }
.aa-stall-option {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  align-items: center;
  gap: .25rem 1rem;
  padding: .5rem .75rem;
  background: var(--aa-wash);
  border-radius: var(--radius-field, .5rem);
}

.aa-preview {
  display: grid;
  gap: .75rem;
  padding: .875rem;
  border: 1px solid var(--aa-line);
  border-radius: var(--radius-field, .5rem);
  background: var(--aa-wash);
}
.aa-preview .aa-scroll { margin-top: .375rem; background: var(--aa-paper); }
.aa-preview summary { padding-block: .25rem; font-weight: 600; }
.aa-relation { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .25rem .75rem; }
.aa-relation dt { font-weight: 700; }
.aa .aa-timeline { margin: .375rem 0 0; padding-inline-start: 1rem; }
.aa pre { max-width: 32ch; max-height: 15rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }

@media (max-width: 38rem) {
  .aa .btn-sm { min-height: 2.75rem; }
  .aa .table :is(th, td) { padding: .625rem; }
}