/* T-Go Hub v1.0 — Sidebar Version Badge
   แสดงเวอร์ชั่นของระบบที่มุมซ้ายล่างของ sidebar
   รองรับทั้งสถานะ expanded และ collapsed
*/

.sidebar-version{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  margin:8px 14px 6px;
  padding:8px 10px;
  border-radius:8px;
  background:linear-gradient(135deg, rgba(99,102,241,0.08) 0%, rgba(139,92,246,0.08) 100%);
  border:1px solid rgba(99,102,241,0.18);
  color:var(--ink-secondary, #64748b);
  font-size:10px;
  line-height:1.3;
  user-select:none;
  cursor:default;
  transition:all 0.15s ease;
}

.sidebar-version:hover{
  background:linear-gradient(135deg, rgba(99,102,241,0.14) 0%, rgba(139,92,246,0.14) 100%);
  border-color:rgba(99,102,241,0.28);
}

.sidebar-version-label{
  font-size:9px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:0.6px;
  opacity:0.7;
}

.sidebar-version-num{
  font-size:13px;
  font-weight:700;
  color:#6366f1;
  letter-spacing:0.2px;
}

.sidebar-version-sub{
  font-size:10px;
  font-weight:500;
  opacity:0.75;
  font-variant-numeric:tabular-nums;
}

/* เมื่อ sidebar ถูกย่อ (collapsed) ให้แสดงเฉพาะตัวเลขแบบกระทัดรัด */
.sidebar.collapsed .sidebar-version{
  margin:8px 4px 6px;
  padding:6px 2px;
  align-items:center;
  text-align:center;
}
.sidebar.collapsed .sidebar-version-label,
.sidebar.collapsed .sidebar-version-sub{
  display:none;
}
.sidebar.collapsed .sidebar-version-num{
  font-size:10px;
  letter-spacing:0;
}

/* รองรับ Dark theme ถ้าใช้ */
@media (prefers-color-scheme: dark){
  .sidebar-version{
    background:linear-gradient(135deg, rgba(99,102,241,0.15) 0%, rgba(139,92,246,0.15) 100%);
    border-color:rgba(99,102,241,0.30);
  }
}