/*!
 * 토스트 알림 일괄 닫기 바 (.ag-nda)
 *
 * 우측 하단 토스트(jquery.notify)가 쌓였을 때 스택 맨 위에 떠서 한 번에 지우는 버튼.
 * 좌표(top)는 common.js 가 스택 높이에 맞춰 매번 계산해 넣는다 — 여기선 모양만 잡는다.
 *
 * v3(layout-v3.css)와 구 헤더 화면이 함께 쓰므로 --ag-* 토큰에 의존하지 않는다(폴백 값 지정).
 */
.ag-nda {
    position: fixed;
    right: 20px;
    z-index: 10000; /* .notify 가 9999 — 항상 그 위 */
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--ag-radius-sm, 6px);
    background: #18181b;
    color: #f4f4f6;
    font-family: var(--ag-font, 'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', 'Malgun Gothic', sans-serif);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.01em;
    cursor: pointer;
    box-shadow: var(--ag-shadow-lg, 0 10px 30px rgba(24, 24, 27, .12), 0 2px 8px rgba(24, 24, 27, .06));
    transition: background .12s ease, transform .12s ease;
}

.ag-nda:hover {
    background: #000;
    transform: translateY(-1px);
}

.ag-nda:active {
    transform: translateY(0);
}

.ag-nda i.icon {
    margin: 0;
    font-size: 12px;
    opacity: .8;
}

/* 쌓인 개수 */
.ag-nda b {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #a5b4fc;
}