/* Sol menü temaları — html[data-sb-theme] */

html[data-sb-theme="slate"] {
  --sb-bg: #f1f5f9;
  --sb-border: #d8e0ea;
  --sb-shadow: rgba(51,65,85,.08);
  --sb-text: #334155;
  --sb-text-muted: #64748b;
  --sb-text-sub: #475569;
  --sb-hover-bg: #e2e8f0;
  --sb-hover-color: #0f766e;
  --sb-active-bg: #ccfbf1;
  --sb-active-color: #0f766e;
  --sb-active-border: #14b8a6;
  --sb-sub-hover-bg: #e2e8f0;
  --sb-sub-active-bg: #d1fae5;
  --sb-divider: #d8e0ea;
  --sb-nested-border: #cbd5e1;
  --sb-search-bg: #fff;
  --sb-search-border: #cbd5e1;
  --sb-collapse-bg: #0f766e;
  --sb-collapse-hover: #0d9488;
  --sb-icon-size: 1.05rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.9rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 6px;
}

html[data-sb-theme="ocean"] {
  --sb-bg: #eef7fb;
  --sb-border: #c5dde8;
  --sb-shadow: rgba(14,116,144,.1);
  --sb-text: #0c4a6e;
  --sb-text-muted: #0284c7;
  --sb-text-sub: #075985;
  --sb-hover-bg: #dbeaf3;
  --sb-hover-color: #0369a1;
  --sb-active-bg: #bae6fd;
  --sb-active-color: #0369a1;
  --sb-active-border: #0284c7;
  --sb-sub-hover-bg: #e0f2fe;
  --sb-sub-active-bg: #bae6fd;
  --sb-divider: #c5dde8;
  --sb-nested-border: #7dd3fc;
  --sb-search-bg: #fff;
  --sb-search-border: #7dd3fc;
  --sb-collapse-bg: #0284c7;
  --sb-collapse-hover: #0369a1;
  --sb-icon-size: 1.1rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.92rem;
  --sb-sub-icon-width: 16px;
  --sb-item-radius: 8px;
}

html[data-sb-theme="forest"] {
  --sb-bg: #f3f8f4;
  --sb-border: #cfe0d4;
  --sb-shadow: rgba(47,111,78,.08);
  --sb-text: #1f3d2d;
  --sb-text-muted: #5a7a66;
  --sb-text-sub: #2f513c;
  --sb-hover-bg: #e4efe8;
  --sb-hover-color: #2f6f4e;
  --sb-active-bg: #d8ede0;
  --sb-active-color: #1f5c3d;
  --sb-active-border: #3d8b61;
  --sb-sub-hover-bg: #e8f2ec;
  --sb-sub-active-bg: #d4ebdc;
  --sb-divider: #d0e0d6;
  --sb-nested-border: #a8cbb6;
  --sb-search-bg: #fff;
  --sb-search-border: #b7d0c0;
  --sb-collapse-bg: #2f6f4e;
  --sb-collapse-hover: #3d8b61;
  --sb-icon-size: 1.08rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.9rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 6px;
}

html[data-sb-theme="midnight"] {
  --sb-bg: #1e293b;
  --sb-border: #334155;
  --sb-shadow: rgba(0,0,0,.25);
  --sb-text: #e2e8f0;
  --sb-text-muted: #94a3b8;
  --sb-text-sub: #cbd5e1;
  --sb-hover-bg: #334155;
  --sb-hover-color: #7dd3fc;
  --sb-active-bg: #0c4a6e;
  --sb-active-color: #e0f2fe;
  --sb-active-border: #38bdf8;
  --sb-sub-hover-bg: #334155;
  --sb-sub-active-bg: #075985;
  --sb-divider: #334155;
  --sb-nested-border: #475569;
  --sb-search-bg: #0f172a;
  --sb-search-border: #475569;
  --sb-collapse-bg: #38bdf8;
  --sb-collapse-hover: #0ea5e9;
  --sb-icon-size: 1.15rem;
  --sb-icon-width: 24px;
  --sb-sub-icon-size: 0.95rem;
  --sb-sub-icon-width: 16px;
  --sb-item-radius: 8px;
}

html[data-sb-theme="graphite"] {
  --sb-bg: #2a2f36;
  --sb-border: #3d4450;
  --sb-shadow: rgba(0,0,0,.3);
  --sb-text: #eef1f4;
  --sb-text-muted: #9aa3ad;
  --sb-text-sub: #d0d5db;
  --sb-hover-bg: #3a414c;
  --sb-hover-color: #f0b429;
  --sb-active-bg: #3f3420;
  --sb-active-color: #ffd666;
  --sb-active-border: #f0b429;
  --sb-sub-hover-bg: #3a414c;
  --sb-sub-active-bg: #463a22;
  --sb-divider: #3d4450;
  --sb-nested-border: #555e6b;
  --sb-search-bg: #1f2329;
  --sb-search-border: #555e6b;
  --sb-collapse-bg: #f0b429;
  --sb-collapse-hover: #d99a14;
  --sb-icon-size: 1.12rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.92rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 7px;
}

html[data-sb-theme="azure"] {
  --sb-bg: #f4f7fc;
  --sb-border: #d5e0f0;
  --sb-shadow: rgba(37,99,235,.08);
  --sb-text: #1e3a5f;
  --sb-text-muted: #64748b;
  --sb-text-sub: #334155;
  --sb-hover-bg: #e8eef8;
  --sb-hover-color: #2563eb;
  --sb-active-bg: #dbeafe;
  --sb-active-color: #1d4ed8;
  --sb-active-border: #3b82f6;
  --sb-sub-hover-bg: #eef2ff;
  --sb-sub-active-bg: #dbeafe;
  --sb-divider: #d5e0f0;
  --sb-nested-border: #bfdbfe;
  --sb-search-bg: #fff;
  --sb-search-border: #bfdbfe;
  --sb-collapse-bg: #2563eb;
  --sb-collapse-hover: #1d4ed8;
  --sb-icon-size: 1.05rem;
  --sb-icon-width: 21px;
  --sb-sub-icon-size: 0.88rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 7px;
}

html[data-sb-theme="mint"] {
  --sb-bg: #f2fbf7;
  --sb-border: #c9e8da;
  --sb-shadow: rgba(13,148,136,.08);
  --sb-text: #134e4a;
  --sb-text-muted: #5b8a7e;
  --sb-text-sub: #115e59;
  --sb-hover-bg: #dcf5ec;
  --sb-hover-color: #0f766e;
  --sb-active-bg: #ccfbf1;
  --sb-active-color: #0f766e;
  --sb-active-border: #14b8a6;
  --sb-sub-hover-bg: #e6f7f1;
  --sb-sub-active-bg: #99f6e4;
  --sb-divider: #c9e8da;
  --sb-nested-border: #99f6e4;
  --sb-search-bg: #fff;
  --sb-search-border: #99f6e4;
  --sb-collapse-bg: #0d9488;
  --sb-collapse-hover: #0f766e;
  --sb-icon-size: 1.06rem;
  --sb-icon-width: 21px;
  --sb-sub-icon-size: 0.9rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 8px;
}

html[data-sb-theme="frost"] {
  --sb-bg: #f8fafc;
  --sb-border: #e2e8f0;
  --sb-shadow: rgba(100,116,139,.08);
  --sb-text: #0f172a;
  --sb-text-muted: #64748b;
  --sb-text-sub: #334155;
  --sb-hover-bg: #f1f5f9;
  --sb-hover-color: #475569;
  --sb-active-bg: #e2e8f0;
  --sb-active-color: #1e293b;
  --sb-active-border: #64748b;
  --sb-sub-hover-bg: #f1f5f9;
  --sb-sub-active-bg: #e2e8f0;
  --sb-divider: #e2e8f0;
  --sb-nested-border: #cbd5e1;
  --sb-search-bg: #fff;
  --sb-search-border: #cbd5e1;
  --sb-collapse-bg: #64748b;
  --sb-collapse-hover: #475569;
  --sb-icon-size: 1rem;
  --sb-icon-width: 20px;
  --sb-sub-icon-size: 0.85rem;
  --sb-sub-icon-width: 14px;
  --sb-item-radius: 6px;
}

html[data-sb-theme="pearl"] {
  --sb-bg: #faf9f7;
  --sb-border: #e7e2da;
  --sb-shadow: rgba(120,113,108,.08);
  --sb-text: #44403c;
  --sb-text-muted: #78716c;
  --sb-text-sub: #57534e;
  --sb-hover-bg: #f5f0ea;
  --sb-hover-color: #78716c;
  --sb-active-bg: #ebe4db;
  --sb-active-color: #44403c;
  --sb-active-border: #a8a29e;
  --sb-sub-hover-bg: #f5f0ea;
  --sb-sub-active-bg: #ebe4db;
  --sb-divider: #e7e2da;
  --sb-nested-border: #d6d3d1;
  --sb-search-bg: #fff;
  --sb-search-border: #d6d3d1;
  --sb-collapse-bg: #78716c;
  --sb-collapse-hover: #57534e;
  --sb-icon-size: 1.02rem;
  --sb-icon-width: 20px;
  --sb-sub-icon-size: 0.86rem;
  --sb-sub-icon-width: 14px;
  --sb-item-radius: 6px;
}

html[data-sb-theme="blossom"] {
  --sb-bg: #fdf6f7;
  --sb-border: #f0d6db;
  --sb-shadow: rgba(190,84,110,.08);
  --sb-text: #5c2a36;
  --sb-text-muted: #a65d6d;
  --sb-text-sub: #7a3a49;
  --sb-hover-bg: #f8e8eb;
  --sb-hover-color: #be546e;
  --sb-active-bg: #f5d0d8;
  --sb-active-color: #9f1239;
  --sb-active-border: #e11d48;
  --sb-sub-hover-bg: #fce7eb;
  --sb-sub-active-bg: #fecdd3;
  --sb-divider: #f0d6db;
  --sb-nested-border: #fda4af;
  --sb-search-bg: #fff;
  --sb-search-border: #fda4af;
  --sb-collapse-bg: #e11d48;
  --sb-collapse-hover: #be123c;
  --sb-icon-size: 1.08rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.9rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 8px;
}

html[data-sb-theme="coral"] {
  --sb-bg: #fff7f5;
  --sb-border: #f5d0c5;
  --sb-shadow: rgba(234,88,12,.08);
  --sb-text: #7c2d12;
  --sb-text-muted: #c2410c;
  --sb-text-sub: #9a3412;
  --sb-hover-bg: #ffedd5;
  --sb-hover-color: #ea580c;
  --sb-active-bg: #fed7aa;
  --sb-active-color: #c2410c;
  --sb-active-border: #f97316;
  --sb-sub-hover-bg: #ffedd5;
  --sb-sub-active-bg: #fdba74;
  --sb-divider: #f5d0c5;
  --sb-nested-border: #fdba74;
  --sb-search-bg: #fff;
  --sb-search-border: #fdba74;
  --sb-collapse-bg: #ea580c;
  --sb-collapse-hover: #c2410c;
  --sb-icon-size: 1.08rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.9rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 8px;
}

html[data-sb-theme="navy"] {
  --sb-bg: #0b1a33;
  --sb-border: #1e3a5f;
  --sb-shadow: rgba(0,0,0,.35);
  --sb-text: #e2e8f0;
  --sb-text-muted: #94a3b8;
  --sb-text-sub: #ffffff;
  --sb-hover-bg: #13284a;
  --sb-hover-color: #60a5fa;
  --sb-active-bg: #1e3a8a;
  --sb-active-color: #dbeafe;
  --sb-active-border: #3b82f6;
  --sb-sub-hover-bg: #13284a;
  --sb-sub-active-bg: #1e40af;
  --sb-divider: #1e3a5f;
  --sb-nested-border: #334155;
  --sb-search-bg: #071222;
  --sb-search-border: #334155;
  --sb-collapse-bg: #3b82f6;
  --sb-collapse-hover: #2563eb;
  --sb-icon-size: 1.14rem;
  --sb-icon-width: 23px;
  --sb-sub-icon-size: 0.94rem;
  --sb-sub-icon-width: 16px;
  --sb-item-radius: 8px;
}

html[data-sb-theme="ink"] {
  --sb-bg: #111827;
  --sb-border: #1f2937;
  --sb-shadow: rgba(0,0,0,.4);
  --sb-text: #f3f4f6;
  --sb-text-muted: #9ca3af;
  --sb-text-sub: #e5e7eb;
  --sb-hover-bg: #1f2937;
  --sb-hover-color: #a7f3d0;
  --sb-active-bg: #064e3b;
  --sb-active-color: #d1fae5;
  --sb-active-border: #34d399;
  --sb-sub-hover-bg: #1f2937;
  --sb-sub-active-bg: #065f46;
  --sb-divider: #1f2937;
  --sb-nested-border: #374151;
  --sb-search-bg: #0b1220;
  --sb-search-border: #374151;
  --sb-collapse-bg: #34d399;
  --sb-collapse-hover: #10b981;
  --sb-icon-size: 1.16rem;
  --sb-icon-width: 24px;
  --sb-sub-icon-size: 0.95rem;
  --sb-sub-icon-width: 16px;
  --sb-item-radius: 8px;
}

html[data-sb-theme="steel"] {
  --sb-bg: #243044;
  --sb-border: #36465c;
  --sb-shadow: rgba(0,0,0,.28);
  --sb-text: #e8eef6;
  --sb-text-muted: #9db0c7;
  --sb-text-sub: #ffffff;
  --sb-hover-bg: #2f3f56;
  --sb-hover-color: #93c5fd;
  --sb-active-bg: #1e3a5f;
  --sb-active-color: #dbeafe;
  --sb-active-border: #60a5fa;
  --sb-sub-hover-bg: #2f3f56;
  --sb-sub-active-bg: #1e40af;
  --sb-divider: #36465c;
  --sb-nested-border: #4b5d75;
  --sb-search-bg: #1a2433;
  --sb-search-border: #4b5d75;
  --sb-collapse-bg: #60a5fa;
  --sb-collapse-hover: #3b82f6;
  --sb-icon-size: 1.1rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.92rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 7px;
}

html[data-sb-theme="espresso"] {
  --sb-bg: #2c211c;
  --sb-border: #4a372f;
  --sb-shadow: rgba(0,0,0,.35);
  --sb-text: #f5ebe0;
  --sb-text-muted: #c4a484;
  --sb-text-sub: #e7d5c4;
  --sb-hover-bg: #3b2d26;
  --sb-hover-color: #d6a77a;
  --sb-active-bg: #4a3428;
  --sb-active-color: #f5d0a9;
  --sb-active-border: #c9894e;
  --sb-sub-hover-bg: #3b2d26;
  --sb-sub-active-bg: #5c4033;
  --sb-divider: #4a372f;
  --sb-nested-border: #6b4f42;
  --sb-search-bg: #211814;
  --sb-search-border: #6b4f42;
  --sb-collapse-bg: #c9894e;
  --sb-collapse-hover: #b07a3f;
  --sb-icon-size: 1.12rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.92rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 7px;
}

html[data-sb-theme="lagoon"] {
  --sb-bg: #0f2f34;
  --sb-border: #1f4a52;
  --sb-shadow: rgba(0,0,0,.3);
  --sb-text: #e6f7f5;
  --sb-text-muted: #7db8b2;
  --sb-text-sub: #c9ebe7;
  --sb-hover-bg: #184248;
  --sb-hover-color: #5eead4;
  --sb-active-bg: #115e59;
  --sb-active-color: #ccfbf1;
  --sb-active-border: #2dd4bf;
  --sb-sub-hover-bg: #184248;
  --sb-sub-active-bg: #0f766e;
  --sb-divider: #1f4a52;
  --sb-nested-border: #2a5f68;
  --sb-search-bg: #0a2226;
  --sb-search-border: #2a5f68;
  --sb-collapse-bg: #2dd4bf;
  --sb-collapse-hover: #14b8a6;
  --sb-icon-size: 1.13rem;
  --sb-icon-width: 23px;
  --sb-sub-icon-size: 0.93rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 8px;
}

html[data-sb-theme="moss"] {
  --sb-bg: #1f2a1c;
  --sb-border: #354832;
  --sb-shadow: rgba(0,0,0,.3);
  --sb-text: #e8f0e4;
  --sb-text-muted: #9bb08f;
  --sb-text-sub: #d4e2cc;
  --sb-hover-bg: #2a3826;
  --sb-hover-color: #a3e635;
  --sb-active-bg: #365314;
  --sb-active-color: #ecfccb;
  --sb-active-border: #84cc16;
  --sb-sub-hover-bg: #2a3826;
  --sb-sub-active-bg: #3f6212;
  --sb-divider: #354832;
  --sb-nested-border: #4a5f42;
  --sb-search-bg: #161e14;
  --sb-search-border: #4a5f42;
  --sb-collapse-bg: #84cc16;
  --sb-collapse-hover: #65a30d;
  --sb-icon-size: 1.12rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.92rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 7px;
}

html[data-sb-theme="copper"] {
  --sb-bg: #2a221c;
  --sb-border: #4a392e;
  --sb-shadow: rgba(0,0,0,.32);
  --sb-text: #f7ebe1;
  --sb-text-muted: #c9a48a;
  --sb-text-sub: #ebd5c3;
  --sb-hover-bg: #3a2e25;
  --sb-hover-color: #f0a060;
  --sb-active-bg: #5c3a1e;
  --sb-active-color: #ffedd5;
  --sb-active-border: #fb923c;
  --sb-sub-hover-bg: #3a2e25;
  --sb-sub-active-bg: #7c2d12;
  --sb-divider: #4a392e;
  --sb-nested-border: #63503f;
  --sb-search-bg: #1c1612;
  --sb-search-border: #63503f;
  --sb-collapse-bg: #fb923c;
  --sb-collapse-hover: #f97316;
  --sb-icon-size: 1.14rem;
  --sb-icon-width: 23px;
  --sb-sub-icon-size: 0.94rem;
  --sb-sub-icon-width: 16px;
  --sb-item-radius: 8px;
}

html[data-sb-theme="charcoal"] {
  --sb-bg: #363a40;
  --sb-border: #4b515a;
  --sb-shadow: rgba(0,0,0,.28);
  --sb-text: #f1f5f9;
  --sb-text-muted: #a8b0ba;
  --sb-text-sub: #e2e8f0;
  --sb-hover-bg: #454b54;
  --sb-hover-color: #fde047;
  --sb-active-bg: #422006;
  --sb-active-color: #fef9c3;
  --sb-active-border: #eab308;
  --sb-sub-hover-bg: #454b54;
  --sb-sub-active-bg: #713f12;
  --sb-divider: #4b515a;
  --sb-nested-border: #5c636d;
  --sb-search-bg: #2a2e33;
  --sb-search-border: #5c636d;
  --sb-collapse-bg: #eab308;
  --sb-collapse-hover: #ca8a04;
  --sb-icon-size: 1.1rem;
  --sb-icon-width: 22px;
  --sb-sub-icon-size: 0.9rem;
  --sb-sub-icon-width: 15px;
  --sb-item-radius: 7px;
}

html[data-sb-theme="graphite"] .sidebar-collapse-btn,
html[data-sb-theme="graphite"] .sidebar-collapse-btn:hover,
html[data-sb-theme="charcoal"] .sidebar-collapse-btn,
html[data-sb-theme="charcoal"] .sidebar-collapse-btn:hover {
  color: #1f2329;
}

.sidebar-theme-swatch[data-theme="classic"] { background: linear-gradient(135deg, #ffffff 50%, #8ba3d9 50%); }
.sidebar-theme-swatch[data-theme="slate"] { background: linear-gradient(135deg, #f1f5f9 50%, #0f766e 50%); }
.sidebar-theme-swatch[data-theme="ocean"] { background: linear-gradient(135deg, #eef7fb 50%, #0284c7 50%); }
.sidebar-theme-swatch[data-theme="forest"] { background: linear-gradient(135deg, #f3f8f4 50%, #2f6f4e 50%); }
.sidebar-theme-swatch[data-theme="midnight"] { background: linear-gradient(135deg, #1e293b 50%, #38bdf8 50%); }
.sidebar-theme-swatch[data-theme="graphite"] { background: linear-gradient(135deg, #2a2f36 50%, #f0b429 50%); }
.sidebar-theme-swatch[data-theme="azure"] { background: linear-gradient(135deg, #f4f7fc 50%, #2563eb 50%); }
.sidebar-theme-swatch[data-theme="mint"] { background: linear-gradient(135deg, #f2fbf7 50%, #0d9488 50%); }
.sidebar-theme-swatch[data-theme="frost"] { background: linear-gradient(135deg, #f8fafc 50%, #64748b 50%); }
.sidebar-theme-swatch[data-theme="pearl"] { background: linear-gradient(135deg, #faf9f7 50%, #78716c 50%); }
.sidebar-theme-swatch[data-theme="blossom"] { background: linear-gradient(135deg, #fdf6f7 50%, #e11d48 50%); }
.sidebar-theme-swatch[data-theme="coral"] { background: linear-gradient(135deg, #fff7f5 50%, #ea580c 50%); }
.sidebar-theme-swatch[data-theme="navy"] { background: linear-gradient(135deg, #0b1a33 50%, #3b82f6 50%); }
.sidebar-theme-swatch[data-theme="ink"] { background: linear-gradient(135deg, #111827 50%, #34d399 50%); }
.sidebar-theme-swatch[data-theme="steel"] { background: linear-gradient(135deg, #243044 50%, #60a5fa 50%); }
.sidebar-theme-swatch[data-theme="espresso"] { background: linear-gradient(135deg, #2c211c 50%, #c9894e 50%); }
.sidebar-theme-swatch[data-theme="lagoon"] { background: linear-gradient(135deg, #0f2f34 50%, #2dd4bf 50%); }
.sidebar-theme-swatch[data-theme="moss"] { background: linear-gradient(135deg, #1f2a1c 50%, #84cc16 50%); }
.sidebar-theme-swatch[data-theme="copper"] { background: linear-gradient(135deg, #2a221c 50%, #fb923c 50%); }
.sidebar-theme-swatch[data-theme="charcoal"] { background: linear-gradient(135deg, #363a40 50%, #eab308 50%); }

html[data-sb-theme="graphite"] .sidebar-theme-btn,
html[data-sb-theme="graphite"] .sidebar-theme-btn:hover,
html[data-sb-theme="charcoal"] .sidebar-theme-btn,
html[data-sb-theme="charcoal"] .sidebar-theme-btn:hover {
  color: #1f2329;
}