/**
 * DocForge — Icon styles (mask-image + DaisyUI theme colors)
 * Loaded AFTER tailwindcss.js so DaisyUI CSS vars are available.
 */

/* ── Base icon sizing + mask ── */

.tab-icon, .icon, .icon-sm, .icon-xs {
  display: inline-block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  flex-shrink: 0;
}

.tab-icon, .icon { width: 15px; height: 15px; margin-right: 3px; vertical-align: -2px; }
.icon-sm { width: 13px; height: 13px; margin-right: 2px; vertical-align: -1px; }
.icon-xs { width: 11px; height: 11px; margin-right: 2px; vertical-align: -1px; }

/* ── Tab bar ── */
.svg-upload   { -webkit-mask-image: url("/static/img/ingest.svg");    mask-image: url("/static/img/ingest.svg");    background-color: oklch(var(--su)); }
.svg-archive  { -webkit-mask-image: url("/static/img/archive.svg");   mask-image: url("/static/img/archive.svg");   background-color: oklch(var(--wa)); }
.svg-extract  { -webkit-mask-image: url("/static/img/extract.svg");   mask-image: url("/static/img/extract.svg");   background-color: oklch(var(--in)); }
.svg-query    { -webkit-mask-image: url("/static/img/query.svg");     mask-image: url("/static/img/query.svg");     background-color: oklch(var(--p)); }
.svg-schema   { -webkit-mask-image: url("/static/img/schema.svg");    mask-image: url("/static/img/schema.svg");    background-color: oklch(var(--a)); }
.svg-config   { -webkit-mask-image: url("/static/img/config.svg");    mask-image: url("/static/img/config.svg");    background-color: oklch(var(--nc)); }
.svg-llm      { -webkit-mask-image: url("/static/img/llm-config.svg");mask-image: url("/static/img/llm-config.svg");background-color: oklch(var(--in)); }
.svg-keys      { -webkit-mask-image: url("/static/img/key.svg");       mask-image: url("/static/img/key.svg");       background-color: oklch(var(--wa)); }
.svg-dashboard { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E"); background-color: oklch(var(--su)); }

/* ── Config sections ── */
.svg-general   { -webkit-mask-image: url("/static/img/general.svg");    mask-image: url("/static/img/general.svg");    background-color: oklch(var(--nc)); }
.svg-models    { -webkit-mask-image: url("/static/img/models.svg");     mask-image: url("/static/img/models.svg");     background-color: oklch(var(--p)); }
.svg-router    { -webkit-mask-image: url("/static/img/llm-config.svg"); mask-image: url("/static/img/llm-config.svg"); background-color: oklch(var(--a)); }
.svg-vision    { -webkit-mask-image: url("/static/img/vision.svg");     mask-image: url("/static/img/vision.svg");     background-color: oklch(var(--in)); }
.svg-docindex  { -webkit-mask-image: url("/static/img/docindex.svg");   mask-image: url("/static/img/docindex.svg");   background-color: oklch(var(--su)); }
.svg-security  { -webkit-mask-image: url("/static/img/security.svg");   mask-image: url("/static/img/security.svg");   background-color: oklch(var(--er)); }

/* ── Sidebar ── */
.svg-workspace { -webkit-mask-image: url("/static/img/workspace.svg");mask-image: url("/static/img/workspace.svg");background-color: oklch(var(--p)); }
.svg-files     { -webkit-mask-image: url("/static/img/files.svg");    mask-image: url("/static/img/files.svg");    background-color: oklch(var(--nc)); }

/* ── Actions ── */
.svg-save    { -webkit-mask-image: url("/static/img/save.svg");    mask-image: url("/static/img/save.svg");    background-color: oklch(var(--su)); }
.svg-play    { -webkit-mask-image: url("/static/img/play.svg");    mask-image: url("/static/img/play.svg");    background-color: oklch(var(--su)); }
.svg-stop    { -webkit-mask-image: url("/static/img/stop.svg");    mask-image: url("/static/img/stop.svg");    background-color: oklch(var(--er)); }
.svg-send    { -webkit-mask-image: url("/static/img/send.svg");    mask-image: url("/static/img/send.svg");    background-color: oklch(var(--p)); }
.svg-cleanup { -webkit-mask-image: url("/static/img/cleanup.svg"); mask-image: url("/static/img/cleanup.svg"); background-color: oklch(var(--wa)); }
.svg-select  { -webkit-mask-image: url("/static/img/select.svg");  mask-image: url("/static/img/select.svg");  background-color: oklch(var(--in)); }
.svg-refresh { -webkit-mask-image: url("/static/img/refresh.svg"); mask-image: url("/static/img/refresh.svg"); background-color: oklch(var(--nc)); }
.svg-trash   { -webkit-mask-image: url("/static/img/cleanup.svg"); mask-image: url("/static/img/cleanup.svg"); background-color: oklch(var(--er)); }