/*!
 * dynamic-dialog.css
 * ---------------------------------------------------------------------------
 * dynamic-dialog.js 전용 버튼/레이아웃 스타일
 * ---------------------------------------------------------------------------
 */

/* 공통 버튼 */
.ui-dialog .dyn-dlg-btn {
    border-radius: 6px;
    font-weight: bold;
    margin-left: 8px;
    transition: all 0.15s ease-in-out;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
    transform: translateY(0);
    border: none;
    cursor: pointer;
    padding: 6px 16px;
}

/* OK 버튼 */
.ui-dialog .dyn-dlg-btn.dyn-dlg-ok {
    background: #626466;
    color: #fff;
}

/* Cancel 버튼 */
.ui-dialog .dyn-dlg-btn.dyn-dlg-cancel {
    background: #d93636;
    color: #fff;
}

/* Hover */
.ui-dialog .dyn-dlg-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 4px rgba(0, 0, 0, 0.25);
}

/* Active (누른 상태) */
.ui-dialog .dyn-dlg-btn:active {
    transform: translateY(2px);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

/* 다이얼로그 컨테이너 */
.dynamic-dialog {
    display: none; /* dialog() 초기화 전 깜빡임 방지 */
}