/* Toolkit Scape - design system entry (strict dark + gold) */
@import url("../css/01-tokens.css?v=0.4.00");
@import url("../css/02-base.css?v=0.4.00");
@import url("../css/03-layout-shell.css?v=0.4.00");
@import url("../css/04-components/buttons.css?v=0.4.00");
@import url("../css/04-components/forms.css?v=0.4.00");
@import url("../css/04-components/cards.css?v=0.4.00");
@import url("../css/04-components/chips.css?v=0.4.00");
@import url("../css/04-components/status.css?v=0.4.00");
@import url("../css/04-components/modal.css?v=0.4.00");
@import url("../css/04-components/upload.css?v=0.4.00");
@import url("../css/05-patterns/ux-states.css?v=0.4.00");
@import url("../css/05-patterns/workflow.css?v=0.4.00");
@import url("../css/05-patterns/legal.css?v=0.4.00");
@import url("../css/05-patterns/content-premium.css?v=0.4.00");
@import url("../css/05-patterns/tool-guide.css?v=0.4.00");
@import url("../css/05-patterns/ad-slots.css?v=0.4.00");
@import url("../css/05-patterns/glass-panel.css?v=0.4.00");
@import url("../css/06-tabs/convert.css?v=0.4.00");
@import url("../css/06-tabs/photo.css?v=0.4.00");
@import url("../css/06-tabs/text-edit.css?v=0.4.00");
@import url("../css/06-tabs/audiowave.css?v=0.4.00");
@import url("../css/06-tabs/archives.css?v=0.4.00");
@import url("../css/06-tabs/qr-code.css?v=0.4.00");
@import url("../css/06-tabs/take-photo.css?v=0.4.00");
@import url("../css/06-tabs/metadata.css?v=0.4.00");
@import url("../css/06-tabs/gps-coordinates.css?v=0.4.00");
@import url("../css/06-tabs/hash.css?v=0.4.00");
@import url("../css/06-tabs/base64.css?v=0.4.00");
@import url("../css/06-tabs/barcode.css?v=0.4.00");
@import url("../css/06-tabs/pdf-tools.css?v=0.4.00");
@import url("../css/06-tabs/data-tools.css?v=0.4.00");
@import url("../css/06-tabs/creative.css?v=0.4.00");
@import url("../css/06-tabs/homepage.css?v=0.4.00");

/* Utility tool panels: card, ad rail, and tool guide use full main column width */
.archives-panel,
.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);
}