/* ── 색상 변수 ──────────────────────────────── */
:root{
  --accent:#2E7D32;                 /* 깊은 그린 */
  --sidebar-bg:rgba(240,255,245,.82);
  --sidebar-border:#d7e8dc;
  --sidebar-icon:#5b6c5f;
  --bg-light:#F1F9F3;
}

body{font-family:'Pretendard',sans-serif;background:var(--bg-light);transition:padding-left .3s}
/* 헤더 */
.apple-header{
  height:56px;
  backdrop-filter:saturate(180%) blur(20px);
  background:rgba(255,255,255,.78);
}

/* 아이콘 링크 */
.icon-link{color:#444;font-size:1.15rem}
.icon-link:hover{color:var(--accent)}

/* 사이드바 */
.sidebar{
  width:240px;min-height:100vh;background:var(--sidebar-bg);
  border-right:1px solid var(--sidebar-border);
  display:flex;flex-direction:column;transition:width .3s;
}
.sidebar-link{
  display:flex;align-items:center;gap:12px;padding:12px 20px;
  color:var(--sidebar-icon);text-decoration:none;font-size:.95rem
}
.sidebar-link i{font-size:1.1rem}
.sidebar-link.active,.sidebar-link:hover{background:#d8eedd;color:#000}
.link-text{white-space:nowrap}
.sidebar-footer{padding:16px 20px;border-top:1px solid var(--sidebar-border)}
.sidebar-footer a{color:var(--accent);text-decoration:none}

/* 아이콘 모드 */
body.sidebar-collapsed .sidebar{width:72px}
body.sidebar-collapsed .sidebar-link{justify-content:center}
body.sidebar-collapsed .link-text,.sidebar-footer{display:none}

/* 카드 & 탭 */
.apple-card{
  background:#fff;border:1px solid #d7e8dc;border-radius:20px;
  box-shadow:0 4px 10px rgba(0,0,0,.03)
}
.apple-tabs .nav-link{border:none;border-radius:14px;padding:.4rem 1.2rem}
.apple-tabs .nav-link.active{background:var(--accent);color:#fff}

#basicSub.collapse:not(.show){transition:height .2s ease;}  /* 서브메뉴 부드럽게 */