/* ===== Toolbar Base ===== */
.nc-toolbar{
    height:64px;
    position:fixed;
    top:68px;                       /* header bottom: 18+50 */
    left: var(--content-left, 315px);
    right: var(--content-right, 24px);
    z-index:999;                    /* below header(1000) */
    padding:16px 28px;
    background:#0E172A;
    display:flex;
    align-items:center;
    border-bottom: 1px solid #2E363E;
    justify-content:space-between;
    box-sizing:border-box;
}

/* ===== Left / Right sections ===== */
.nc-toolbar .toolbar-left{
    display:flex;
    align-items:center;
    gap:16px;
}
.nc-toolbar .toolbar-right{
    display:flex;
    align-items:center;
    gap:12px;
}

/* ===== Divider ===== */
.nc-toolbar .toolbar-divider{
    width:1px;
    height:16px;
    background:#586169;
}

/* ===== Title ===== */
.nc-toolbar .toolbar-title{
    font-family: Pretendard, sans-serif;
    font-weight:500;
    font-size:18px;
    line-height:1em;
    color:#AAB5BE;
    margin:0;
    white-space:nowrap;
}

/* ===== 공통 아이콘 버튼 ===== */
.btn-icon{
    width:32px; height:32px;
    display:flex; align-items:center; justify-content:center;
    padding:8px;
    background:#0E172A;
    border-radius:4px;
    cursor:pointer;
    transition:background .15s, border-color .15s, box-shadow .15s;
}
.btn-back{
    width:32px; height:32px;
    display:flex; align-items:center; justify-content:center;
    padding:8px;
    background:#0E172A;
    border:1px solid #586169;
    border-radius:4px;
    cursor:pointer;
    transition:background .15s, border-color .15s, box-shadow .15s;
}
.btn-back:hover{ background:#232B32; border-color:#7E8C95; }
.btn-icon:focus-visible{ outline:none; box-shadow:0 0 0 2px #0E172A; }

/* ===== Back ===== */
.btn-back img{ display:block; width: 16px !important; height: 16px !important;}

/* ===== Favorite ===== */
.btn-fav{
    width:24px; height:24px;
    padding:2px;
    border:none; background:transparent;
    cursor:pointer;
}
.btn-fav img{ display:block; }
/* 비활성 별: ui-ico(mask+currentColor) → 테마별 색 자동 (2026-06-24 · jiwon · 다크/라이트 동일색 문제 해결) */
.btn-fav .star-outline{ display:block; width:20px; height:20px; color:var(--text-muted); }
.btn-fav .star-filled{ display:none; }
.btn-fav.is-active .star-outline{ display:none; }
.btn-fav.is-active .star-filled{ display:block; }

/* ===== 라이트모드: 툴바 ===== */
body.body--light .nc-toolbar{ background:#FFFFFF; border-bottom-color:#E2E8F0; }
body.body--light .nc-toolbar .toolbar-title{ color:#374151; }
body.body--light .nc-toolbar .toolbar-divider{ background:#E2E8F0; }
body.body--light .btn-icon{ background:#FFFFFF; }
body.body--light .btn-back{ background:#FFFFFF; border-color:#E2E8F0; }
body.body--light .btn-back:hover{ background:#E2E8F0; border-color:#CBD5E0; }
body.body--light .btn-icon:focus-visible{ box-shadow:0 0 0 2px #FFFFFF; }