/* FLOW-aligned left sidebar: full-height column, light surface, color logo card, FLOW sizes. */
.sidebar{font-family:Roboto,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;padding:20px 14px 0}
@media(min-width:801px){
  .sidebar{top:0}
  .topbar{left:296px}
}

/* Logo card (always the color logo; readable on light and dark sidebars). */
.sidebar-logo{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin:0 0 20px;padding:10px 14px;background:#fff;border-radius:4px;flex:none;cursor:pointer}
.sidebar-logo:focus-visible{outline:2px solid #6449fc;outline-offset:2px}
.sidebar .sidebar-logo .brand{margin:0;padding:0;min-height:0;height:auto;justify-content:center}
.sidebar .sidebar-logo .brand .westance-logo{width:150px;max-width:100%;height:auto;filter:none}
body[data-wp-sidebar] .sidebar .sidebar-logo .brand img{filter:none}

/* New project button (FLOW: 40px, #5b40f8, 4px radius, 14px/500). */
.sidebar .new-project{width:100%;height:40px;margin:0 0 20px;padding:0 12px;gap:8px;border:1px solid #5b40f8;border-radius:4px;background:#5b40f8;color:#fff;font-size:14px;font-weight:500;flex:none}
.sidebar .new-project:hover{background:#4d33e6;border-color:#4d33e6}
.sidebar .new-project svg{width:18px;height:18px}

/* Menu rows (FLOW: 30px rows, 14px/400, 14px inset, soft purple active). */
.sidebar .nav{gap:0}
.sidebar .nav button{min-height:30px;height:30px;padding:0 14px;gap:12px;border-radius:4px;font-size:14px;font-weight:400;line-height:20px}
.sidebar .nav button:before{display:none}
.sidebar .nav svg{width:18px;height:18px}
.sidebar .recent-projects{margin-top:16px;padding:12px 0;border-top:1px solid #e5e5e5}
.sidebar .recent-projects h3{margin:0 0 6px;padding:10px 14px;font-size:13px;font-weight:700}
.sidebar .recent-projects button{height:30px;padding:0 14px;gap:12px;font-size:14px;border-radius:4px}
.sidebar .sidebar-bottom{padding:8px 0}

/* Light (default) theme = FLOW surface. */
body:not([data-wp-sidebar="dark"]) .sidebar{background:#f9f9f9;color:#333;border-right:1px solid #e5e5e5}
body:not([data-wp-sidebar="dark"]) .sidebar .nav button,
body:not([data-wp-sidebar="dark"]) .sidebar .recent-projects button{color:#333}
body:not([data-wp-sidebar="dark"]) .sidebar .nav button:hover,
body:not([data-wp-sidebar="dark"]) .sidebar .recent-projects button:hover{background:#efeff3}
body:not([data-wp-sidebar="dark"]) .sidebar .nav button.active{background:rgba(198,190,239,.3);color:#6449fc}
body:not([data-wp-sidebar="dark"]) .sidebar .nav svg{color:#6449fc}
body:not([data-wp-sidebar="dark"]) .sidebar .recent-projects h3{color:#333}
body:not([data-wp-sidebar="dark"]) .sidebar .sidebar-bottom{background:#f9f9f9;border-top-color:#e5e5e5}

@media(max-width:800px){
  .sidebar{top:0}
}
body[data-wp-sidebar="dark"] .sidebar .recent-projects{border-top-color:#454b5b}