/* Toolkit Scape - design system entry (strict dark + gold) */
@import url("css/01-tokens.css");
@import url("css/02-base.css");
@import url("css/03-layout-shell.css");
@import url("css/04-components/buttons.css");
@import url("css/04-components/forms.css");
@import url("css/04-components/cards.css");
@import url("css/04-components/chips.css");
@import url("css/04-components/status.css");
@import url("css/04-components/modal.css");
@import url("css/04-components/upload.css");
@import url("css/05-patterns/ux-states.css");
@import url("css/05-patterns/workflow.css");
@import url("css/05-patterns/legal.css");
@import url("css/05-patterns/content-premium.css");
@import url("css/05-patterns/tool-guide.css");
@import url("css/05-patterns/ad-slots.css");
@import url("css/05-patterns/glass-panel.css");
@import url("css/05-patterns/matrix-font.css");
@import url("css/05-patterns/matrix-rain.css");
@import url("css/05-patterns/tool-nav-icon.css");
@import url("css/05-patterns/ambient-cursor.css");
@import url("css/05-patterns/graphics-settings.css");
@import url("css/05-patterns/tool-premium.css");
@import url("css/06-tabs/convert.css");
@import url("css/06-tabs/photo.css");
@import url("css/06-tabs/text-edit.css");
@import url("css/06-tabs/academic-tools.css");
@import url("css/06-tabs/audiowave.css");
@import url("css/06-tabs/archives.css");
@import url("css/06-tabs/qr-code.css");
@import url("css/06-tabs/take-photo.css");
@import url("css/06-tabs/metadata.css");
@import url("css/06-tabs/gps-coordinates.css");
@import url("css/06-tabs/hash.css");
@import url("css/06-tabs/color-palette.css");
@import url("css/06-tabs/strip-exif.css");
@import url("css/06-tabs/base64.css");
@import url("css/06-tabs/barcode.css");
@import url("css/06-tabs/pdf-tools.css");
@import url("css/06-tabs/data-tools.css");
@import url("css/06-tabs/creative.css");
@import url("css/06-tabs/homepage.css");
@import url("css/05-patterns/mobile-tool-layout.css");

/* Utility tool panels: card, ad rail, and tool guide use full main column width */
.archives-panel,
.academic-card,
.barcode-panel-inner,
.barcode-scanner-panel-inner,
.base64-panel-inner,
.gps-panel-inner,
.hash-panel-inner,
.meta-panel-inner,
.qr-panel-inner,
.take-photo-panel {
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

/* Legacy tab pill styles (unused with sidebar; kept for compatibility) */
.tab-btn {
  padding: 0.6rem 1.15rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--muted);
  font-size: var(--text-base);
  font-weight: 600;
  cursor: pointer;
}

.tab-btn.active {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
}