/* ============================================================
 * applecoffee 侧边栏彩色图标皮肤  skin-sidebar-icons.css
 * ------------------------------------------------------------
 * 来源：https://8888.name 侧边栏配色（2026-10-09 由 DOM 提取）
 *
 * 结论先说：对方那 15 个图标【SVG 路径与本站完全相同】——
 * 两边都是同一个 sub2api 前端，图标都是 Heroicons v2 outline。
 * 唯一差别是对方给每个 <svg> 挂了 Tailwind 颜色类
 * （text-cyan-500 dark:text-cyan-400 …），本站是裸的
 * class="h-5 w-5 flex-shrink-0"，于是全部继承成 zinc-600 灰。
 *
 * 所以本文件不替换任何图形，只做一件事：给本站侧边栏图标上色。
 *
 * 做法：按 <a href> 精确匹配给 svg 直接设 color。
 *   - svg 用 stroke/fill="currentColor"，设 color 即上色；
 *   - 直接规则胜过继承，无需 !important；
 *   - 折叠分组标题是 <button>，没有 href，由 skin-sidebar-icons.js
 *     按文案补色（见该文件）。
 *
 * 卸载：从 Caddyfile 的注入串里删掉本文件那一段 <link> 即可，零副作用。
 * ============================================================ */

/* ---------- 调色板（对齐 8888.name 用的 Tailwind 色阶） ---------- */
:root {
  --ac-ic-cyan:    #06b6d4; /* cyan-500    */
  --ac-ic-blue:    #3b82f6; /* blue-500    */
  --ac-ic-fuchsia: #d946ef; /* fuchsia-500 */
  --ac-ic-teal:    #0d9488; /* teal-600    */
  --ac-ic-amber:   #f59e0b; /* amber-500   */
  --ac-ic-indigo:  #6366f1; /* indigo-500  */
  --ac-ic-emerald: #10b981; /* emerald-500 */
  --ac-ic-sky:     #0ea5e9; /* sky-500     */
  --ac-ic-gray:    #6b7280; /* gray-500    */
  --ac-ic-lime:    #65a30d; /* lime-600    */
  --ac-ic-rose:    #f43f5e; /* rose-500    */
  --ac-ic-orange:  #f97316; /* orange-500  */
  --ac-ic-violet:  #8b5cf6; /* violet-500  */
}

/* 暗色：整体提亮一档，对齐对方的 dark:text-*-400 */
html.dark {
  --ac-ic-cyan:    #22d3ee;
  --ac-ic-blue:    #60a5fa;
  --ac-ic-fuchsia: #e879f9;
  --ac-ic-teal:    #2dd4bf;
  --ac-ic-amber:   #fbbf24;
  --ac-ic-indigo:  #818cf8;
  --ac-ic-emerald: #34d399;
  --ac-ic-sky:     #38bdf8;
  --ac-ic-gray:    #9ca3af;
  --ac-ic-lime:    #a3e635;
  --ac-ic-rose:    #fb7185;
  --ac-ic-orange:  #fb923c;
  --ac-ic-violet:  #a78bfa;
}

/* ============================================================
 * 用户区菜单
 * ============================================================ */

/* 仪表盘 — 青 */
aside.sidebar a[href="/dashboard"] > svg,
aside.sidebar a[href="/admin/dashboard"] > svg { color: var(--ac-ic-cyan); }

/* API 密钥 — 蓝 */
aside.sidebar a[href="/keys"] > svg { color: var(--ac-ic-blue); }

/* 使用记录 — 靛蓝 */
aside.sidebar a[href="/usage"] > svg,
aside.sidebar a[href="/admin/usage"] > svg { color: var(--ac-ic-indigo); }

/* 可用渠道 — 蓝绿 */
aside.sidebar a[href="/available-channels"] > svg { color: var(--ac-ic-teal); }

/* 渠道状态 — 天蓝 */
aside.sidebar a[href="/monitor"] > svg { color: var(--ac-ic-sky); }

/* 我的订阅 — 灰 */
aside.sidebar a[href="/subscriptions"] > svg,
aside.sidebar a[href="/admin/subscriptions"] > svg { color: var(--ac-ic-gray); }

/* 充值/订阅 · 我的订单 — 柠檬绿（对方这两个就是同色相邻，保持一致） */
aside.sidebar a[href="/purchase"] > svg,
aside.sidebar a[href="/orders"] > svg { color: var(--ac-ic-lime); }

/* 兑换 — 玫瑰 */
aside.sidebar a[href="/redeem"] > svg,
aside.sidebar a[href="/admin/redeem"] > svg { color: var(--ac-ic-rose); }

/* 个人资料 — 紫罗兰 */
aside.sidebar a[href="/profile"] > svg { color: var(--ac-ic-violet); }

/* ============================================================
 * 管理后台菜单（本站比对方多出来的部分，按语义配色）
 * ============================================================ */

/* 运维监控 — 翡翠 */
aside.sidebar a[href="/admin/ops"] > svg { color: var(--ac-ic-emerald); }

/* 用户管理 — 橙 */
aside.sidebar a[href="/admin/users"] > svg { color: var(--ac-ic-orange); }

/* 分组管理 — 品红 */
aside.sidebar a[href="/admin/groups"] > svg { color: var(--ac-ic-fuchsia); }

/* 渠道管理（含子项）— 天蓝 */
aside.sidebar a[href="/admin/channels/pricing"] > svg,
aside.sidebar a[href="/admin/channels/monitor"] > svg { color: var(--ac-ic-sky); }

/* 账号管理 — 蓝 */
aside.sidebar a[href="/admin/accounts"] > svg { color: var(--ac-ic-blue); }

/* 公告 — 琥珀 */
aside.sidebar a[href="/admin/announcements"] > svg { color: var(--ac-ic-amber); }

/* IP管理 — 蓝绿 */
aside.sidebar a[href="/admin/proxies"] > svg { color: var(--ac-ic-teal); }

/* 安全审计（含子项）— 紫罗兰 */
aside.sidebar a[href="/admin/risk-control"] > svg,
aside.sidebar a[href="/admin/prompt-audit"] > svg { color: var(--ac-ic-violet); }

/* 优惠码 — 柠檬绿 */
aside.sidebar a[href="/admin/promo-codes"] > svg { color: var(--ac-ic-lime); }

/* 订单管理（含子项）— 橙 */
aside.sidebar a[href="/admin/orders/dashboard"] > svg,
aside.sidebar a[href="/admin/orders"] > svg,
aside.sidebar a[href="/admin/orders/plans"] > svg { color: var(--ac-ic-orange); }

/* 操作日志 — 紫罗兰 */
aside.sidebar a[href="/admin/audit-logs"] > svg { color: var(--ac-ic-violet); }

/* 系统设置 — 灰 */
aside.sidebar a[href="/admin/settings"] > svg { color: var(--ac-ic-gray); }

/* ============================================================
 * 折叠分组标题（<button>，无 href）——由 skin-sidebar-icons.js
 * 打上 data-ac-icon 属性后由这里上色
 * ============================================================ */
aside.sidebar button[data-ac-icon="sky"] > svg    { color: var(--ac-ic-sky); }
aside.sidebar button[data-ac-icon="violet"] > svg { color: var(--ac-ic-violet); }
aside.sidebar button[data-ac-icon="orange"] > svg { color: var(--ac-ic-orange); }