/* css/features/self/self.css — Layer Grid (6 มิติ กระจกตัวตน™), Robot Chat */

/* ═══ LAYER GRID (6 มิติ กระจกตัวตน™) ═══ */
.lg-progress-wrap{background:rgba(30,58,95,.6);border:1px solid var(--border);border-radius:var(--r2);padding:12px 15px;margin-bottom:14px}
.lg-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.lg-progress-label{font-size:12px;color:var(--tx2);font-weight:600}
.lg-progress-count{font-size:12px;color:var(--gold);font-weight:700}
.lg-progress-bar{height:6px;background:var(--bg4);border-radius:4px;overflow:hidden;position:relative}
.lg-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 10px rgba(139,123,184,.5);transition:width .4s ease}

.layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}
.layer-cell{position:relative;border-radius:var(--r2);padding:14px 13px;border:1px solid;overflow:hidden;min-height:118px;display:flex;flex-direction:column}
.layer-cell-icon{font-size:20px;margin-bottom:6px}
.layer-cell-title{font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;line-height:1.3}
.layer-cell-desc{font-size:11.5px;color:var(--tx2);line-height:1.55;flex:1}

.layer-cell.lc-open.lc-i{background:rgba(139,123,184,.08);border-color:rgba(139,123,184,.3)}
.layer-cell.lc-open.lc-i .layer-cell-title{color:var(--gold)}
.layer-cell.lc-open.lc-m{background:rgba(59,130,246,.07);border-color:rgba(59,130,246,.28)}
.layer-cell.lc-open.lc-m .layer-cell-title{color:var(--ind2)}
.layer-cell.lc-open.lc-e{background:rgba(139,123,184,.07);border-color:rgba(139,123,184,.28)}
.layer-cell.lc-open.lc-e .layer-cell-title{color:var(--pur2)}

.layer-cell.lc-locked{background:rgba(30,58,95,.55);border-color:var(--border)}
.layer-cell.lc-locked .layer-cell-desc{filter:blur(3.5px);user-select:none;-webkit-user-select:none}
.layer-cell.lc-locked .layer-cell-title{color:var(--tx3)}
.lc-lock-badge{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(180deg,rgba(15,31,63,.35) 0%,rgba(15,31,63,.82) 65%);backdrop-filter:blur(1px)}
.lc-lock-badge-icon{font-size:16px;opacity:.9}
.lc-lock-badge-text{font-size:10.5px;font-weight:700;color:var(--gold2);letter-spacing:.3px;text-align:center;padding:0 6px}
/* locked layer = แตะได้ + CTA ชวนอัปเกรดชัดเจน */
.layer-cell.lc-locked{cursor:pointer;transition:border-color .15s}
.layer-cell.lc-locked:hover,.layer-cell.lc-locked:focus-visible{border-color:rgba(212,175,55,.55)}
.lc-lock-badge-cta{font-size:9.5px;color:var(--tx3);letter-spacing:.2px}
/* Robot Chat fullscreen: ซ่อน bottom nav ให้จอแชทเต็มตา */
#sc-robot-chat.robot-fs .bnav{display:none}
#sc-robot-chat.robot-fs #robot-guide{display:none}