/* ==========================================================
   아이콘 «유리 타일 + 흰 선»(사장님 2026-09-28 — 로그인 A안 · 생성기 1안 확정)
   · 모양(SVG)은 src/js/wizard.js VG_ICONS(생성기) · src/js/shell.js .ldfeat(로그인) — 이 파일은 타일·색만.
   · index.html 에서 base.css 바로 뒤에 싣는다. base.css 의 K1 무드 블록이 !important 로 덮으므로 여기도 !important.
   · 아이콘 안 «.a»(옅은 면)·«.f»(꽉 찬 점)는 SVG 속성으로 이미 색이 있다 — 여기서는 옅기만 맞춘다.
   · 원본·시안: scratchpad r7/brand/icons (glyphs.js·iconkit.js)
   ========================================================== */

/* ---- 로그인 기능 목록(.lf i) — 파란 그라데이션 유리 타일 · 흰 선 · 위쪽 광택 ---- */
.lf i{width:40px!important;height:40px!important;border-radius:12px!important;position:relative;overflow:hidden;color:#fff!important;
  background:linear-gradient(145deg,#2E7DFF 0%,#38BDF8 100%)!important;border:1px solid rgba(255,255,255,.3);
  box-shadow:0 8px 18px rgba(46,125,255,.32),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 14px rgba(10,40,120,.16)!important}
.lf i::after{content:'';position:absolute;left:-20%;top:-58%;width:140%;height:92%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));pointer-events:none}
.lf i svg{width:22px;height:22px;position:relative;z-index:1;filter:drop-shadow(0 1px 1.5px rgba(0,40,120,.28))}
.lf i svg .a{opacity:.3}

/* ---- 생성기 — 사이드바 .wzico(옅은 파랑 타일, 고르면 그라데이션) · 홈 허브 .hubico · 형식 카드 .hicon(그라데이션 유리 타일 + 흰 아이콘) ---- */
.wzico{width:26px!important;height:26px!important;border-radius:8px!important;color:#2E7DFF;background:linear-gradient(145deg,rgba(46,125,255,.12),rgba(56,189,248,.08))!important;border:1px solid rgba(46,125,255,.14)}
:root:not(.lite) .wzico{color:#8FC2FF;background:linear-gradient(145deg,rgba(92,154,255,.16),rgba(56,189,248,.07))!important;border-color:rgba(143,194,255,.14)}
.wzico svg{width:16px!important;height:16px!important}
.wzitem.on .wzico,.wzmode.on .wzico{background:linear-gradient(145deg,#2E7DFF,#38BDF8)!important;color:#fff!important;border-color:rgba(255,255,255,.3);box-shadow:0 4px 10px rgba(46,125,255,.35),inset 0 1px 0 rgba(255,255,255,.5)}
.wzitem.on .wzico .a,.wzmode.on .wzico .a{opacity:.32}
.hubico,.hicon{color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;position:relative;overflow:hidden}
.hubico::after,.hicon::after{content:'';position:absolute!important;left:-20%!important;top:-58%!important;width:140%!important;height:92%!important;border-radius:50%!important;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0))!important;pointer-events:none;opacity:1!important;transform:none!important}
.hubico svg,.hicon svg{position:relative;z-index:1;width:28px!important;height:28px!important;filter:drop-shadow(0 1px 1.5px rgba(0,40,120,.3))}
.hubico .a,.hicon .a{opacity:.3}
.hubcard[data-hub="video"] .hubico,:root.lite .hubcard[data-hub="video"] .hubico{background:linear-gradient(145deg,#2E7DFF 0%,#38BDF8 100%)!important;box-shadow:0 10px 22px #2E7DFF55,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important}
.hubcard[data-hub="thumb"] .hubico,:root.lite .hubcard[data-hub="thumb"] .hubico{background:linear-gradient(145deg,#1F9BF0 0%,#5CC8FF 100%)!important;box-shadow:0 10px 22px #1F9BF055,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important}
.hubcard[data-hub="char"] .hubico,:root.lite .hubcard[data-hub="char"] .hubico{background:linear-gradient(145deg,#4F6BFF 0%,#6FB3FF 100%)!important;box-shadow:0 10px 22px #4F6BFF55,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important}
.hubcard[data-hub="shorts"] .hubico,:root.lite .hubcard[data-hub="shorts"] .hubico{background:linear-gradient(145deg,#1E6BFF 0%,#22D3EE 100%)!important;box-shadow:0 10px 22px #1E6BFF55,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important}
.hubcard[data-hub="works"] .hubico,:root.lite .hubcard[data-hub="works"] .hubico{background:linear-gradient(145deg,#1D7FE6 0%,#3CCFCF 100%)!important;box-shadow:0 10px 22px #1D7FE655,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important}
.hicon.ppt,.hcard[data-mode="ppt"] .hicon{background:linear-gradient(145deg,#2E7DFF 0%,#38BDF8 100%)!important;box-shadow:0 10px 22px #2E7DFF55,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important;color:#fff!important}
.hicon.webtoon,.hcard[data-mode="webtoon"] .hicon{background:linear-gradient(145deg,#4F6BFF 0%,#7FB2FF 100%)!important;box-shadow:0 10px 22px #4F6BFF55,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important;color:#fff!important}
.hicon.kiwoom,.hcard[data-mode="kiwoom"] .hicon{background:linear-gradient(145deg,#16336E 0%,#2E7DFF 100%)!important;box-shadow:0 10px 22px #16336E55,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important;color:#fff!important}
.hicon.refcopy,.hcard[data-mode="refcopy"] .hicon{background:linear-gradient(145deg,#1F9BF0 0%,#5CC8FF 100%)!important;box-shadow:0 10px 22px #1F9BF055,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important;color:#fff!important}
.hicon.coin,.hcard[data-mode="coin"] .hicon{background:linear-gradient(145deg,#1D7FE6 0%,#3CCFCF 100%)!important;box-shadow:0 10px 22px #1D7FE655,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 14px rgba(10,40,120,.16)!important;color:#fff!important}
.wzgico{color:#2E7DFF}:root:not(.lite) .wzgico{color:#8FC2FF}