/**
 * XPORTAL — Bootstrap / SmartAdmin 공통 버튼 스킨
 * cust-theme-15·app.bundle 이후 로드. onlybody·embed·전체 레이아웃 공통.
 * (.btn-switch 등 테마 토글은 클래스 조합이 달라 여기서 덮지 않음)
 */
:root {
    --xp-btn-radius: 6px;
    --xp-btn-weight: 600;
    --xp-btn-primary: #00a495;
    --xp-btn-primary-hover: #088f82;
    --xp-btn-primary-active: #0a8076;
    --xp-btn-secondary: #5c6d7a;
    --xp-btn-secondary-hover: #4a5a66;
    --xp-btn-secondary-active: #3e4d58;
    --xp-btn-success: #1a8a7e;
    --xp-btn-success-hover: #15756b;
    --xp-btn-success-active: #12665d;
    --xp-btn-info: #1a7fc4;
    --xp-btn-info-hover: #156fad;
    --xp-btn-info-active: #125f96;
    --xp-btn-warning: #e8830c;
    --xp-btn-warning-hover: #d6780a;
    --xp-btn-warning-active: #c26d09;
    --xp-btn-danger: #c72f2f;
    --xp-btn-danger-hover: #a82828;
    --xp-btn-danger-active: #922323;
    --xp-btn-dark: #2c3e45;
    --xp-btn-dark-hover: #24343a;
    --xp-btn-dark-active: #1c2a2f;
    --xp-btn-light-bg: #fff;
    --xp-btn-light-border: #e0e3e6;
    --xp-btn-light-color: #153a43;
    --xp-btn-light-hover-bg: #f5f7f8;
    --xp-btn-default-bg: #f4f5f5;
    --xp-btn-default-border: #d9dcdf;
    --xp-btn-default-color: #3d566b;
    --xp-btn-default-hover-bg: #e9ebed;
    --xp-btn-default-hover-border: #cdd1d6;
}

html body .btn:disabled,
html body .btn.disabled {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none !important;
}

/* ── 솔리드 ── */
html body .btn.btn-primary {
    color: #fff;
    background-color: var(--xp-btn-primary);
    border-color: var(--xp-btn-primary);
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-primary:hover {
    color: #fff;
    background-color: var(--xp-btn-primary-hover);
    border-color: var(--xp-btn-primary-hover);
    box-shadow: none;
}
html body .btn.btn-primary:focus,
html body .btn.btn-primary.focus {
    color: #fff;
    background-color: var(--xp-btn-primary-hover);
    border-color: var(--xp-btn-primary-hover);
    box-shadow: 0 0 0 0.2rem rgba(0, 164, 149, 0.32);
}
html body .btn.btn-primary:not(:disabled):not(.disabled):active,
html body .btn.btn-primary:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-primary-active);
    border-color: var(--xp-btn-primary-active);
    box-shadow: none;
}
html body .btn.btn-primary:not(:disabled):not(.disabled):active:focus,
html body .btn.btn-primary:not(:disabled):not(.disabled).active:focus,
html body .show > .btn.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 164, 149, 0.35);
}

html body .btn.btn-secondary {
    color: #fff;
    background-color: var(--xp-btn-secondary);
    border-color: var(--xp-btn-secondary);
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-secondary:hover {
    color: #fff;
    background-color: var(--xp-btn-secondary-hover);
    border-color: var(--xp-btn-secondary-hover);
    box-shadow: none;
}
html body .btn.btn-secondary:focus,
html body .btn.btn-secondary.focus {
    color: #fff;
    background-color: var(--xp-btn-secondary-hover);
    border-color: var(--xp-btn-secondary-hover);
    box-shadow: 0 0 0 0.2rem rgba(92, 109, 122, 0.35);
}
html body .btn.btn-secondary:not(:disabled):not(.disabled):active,
html body .btn.btn-secondary:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-secondary-active);
    border-color: var(--xp-btn-secondary-active);
    box-shadow: none;
}
html body .btn.btn-secondary:not(:disabled):not(.disabled):active:focus,
html body .btn.btn-secondary:not(:disabled):not(.disabled).active:focus,
html body .show > .btn.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(92, 109, 122, 0.38);
}

html body .btn.btn-success {
    color: #fff;
    background-color: var(--xp-btn-success);
    border-color: var(--xp-btn-success);
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-success:hover {
    color: #fff;
    background-color: var(--xp-btn-success-hover);
    border-color: var(--xp-btn-success-hover);
    box-shadow: none;
}
html body .btn.btn-success:focus,
html body .btn.btn-success.focus {
    color: #fff;
    background-color: var(--xp-btn-success-hover);
    border-color: var(--xp-btn-success-hover);
    box-shadow: 0 0 0 0.2rem rgba(26, 138, 126, 0.35);
}
html body .btn.btn-success:not(:disabled):not(.disabled):active,
html body .btn.btn-success:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-success.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-success-active);
    border-color: var(--xp-btn-success-active);
    box-shadow: none;
}
html body .btn.btn-success:not(:disabled):not(.disabled):active:focus,
html body .btn.btn-success:not(:disabled):not(.disabled).active:focus,
html body .show > .btn.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(26, 138, 126, 0.38);
}

html body .btn.btn-info {
    color: #fff;
    background-color: var(--xp-btn-info);
    border-color: var(--xp-btn-info);
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-info:hover {
    color: #fff;
    background-color: var(--xp-btn-info-hover);
    border-color: var(--xp-btn-info-hover);
    box-shadow: none;
}
html body .btn.btn-info:focus,
html body .btn.btn-info.focus {
    color: #fff;
    background-color: var(--xp-btn-info-hover);
    border-color: var(--xp-btn-info-hover);
    box-shadow: 0 0 0 0.2rem rgba(26, 127, 196, 0.35);
}
html body .btn.btn-info:not(:disabled):not(.disabled):active,
html body .btn.btn-info:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-info.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-info-active);
    border-color: var(--xp-btn-info-active);
    box-shadow: none;
}
html body .btn.btn-info:not(:disabled):not(.disabled):active:focus,
html body .btn.btn-info:not(:disabled):not(.disabled).active:focus,
html body .show > .btn.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(26, 127, 196, 0.38);
}

html body .btn.btn-warning {
    color: #fff;
    background-color: var(--xp-btn-warning);
    border-color: var(--xp-btn-warning);
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-warning:hover {
    color: #fff;
    background-color: var(--xp-btn-warning-hover);
    border-color: var(--xp-btn-warning-hover);
    box-shadow: none;
}
html body .btn.btn-warning:focus,
html body .btn.btn-warning.focus {
    color: #fff;
    background-color: var(--xp-btn-warning-hover);
    border-color: var(--xp-btn-warning-hover);
    box-shadow: 0 0 0 0.2rem rgba(232, 131, 12, 0.38);
}
html body .btn.btn-warning:not(:disabled):not(.disabled):active,
html body .btn.btn-warning:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-warning-active);
    border-color: var(--xp-btn-warning-active);
    box-shadow: none;
}
html body .btn.btn-warning:not(:disabled):not(.disabled):active:focus,
html body .btn.btn-warning:not(:disabled):not(.disabled).active:focus,
html body .show > .btn.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 131, 12, 0.4);
}

html body .btn.btn-danger {
    color: #fff;
    background-color: var(--xp-btn-danger);
    border-color: var(--xp-btn-danger);
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-danger:hover {
    color: #fff;
    background-color: var(--xp-btn-danger-hover);
    border-color: var(--xp-btn-danger-hover);
    box-shadow: none;
}
html body .btn.btn-danger:focus,
html body .btn.btn-danger.focus {
    color: #fff;
    background-color: var(--xp-btn-danger-hover);
    border-color: var(--xp-btn-danger-hover);
    box-shadow: 0 0 0 0.2rem rgba(199, 47, 47, 0.35);
}
html body .btn.btn-danger:not(:disabled):not(.disabled):active,
html body .btn.btn-danger:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-danger-active);
    border-color: var(--xp-btn-danger-active);
    box-shadow: none;
}
html body .btn.btn-danger:not(:disabled):not(.disabled):active:focus,
html body .btn.btn-danger:not(:disabled):not(.disabled).active:focus,
html body .show > .btn.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(199, 47, 47, 0.38);
}

html body .btn.btn-dark {
    color: #fff;
    background-color: var(--xp-btn-dark);
    border-color: var(--xp-btn-dark);
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-dark:hover {
    color: #fff;
    background-color: var(--xp-btn-dark-hover);
    border-color: var(--xp-btn-dark-hover);
    box-shadow: none;
}
html body .btn.btn-dark:focus,
html body .btn.btn-dark.focus {
    color: #fff;
    background-color: var(--xp-btn-dark-hover);
    border-color: var(--xp-btn-dark-hover);
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 69, 0.35);
}
html body .btn.btn-dark:not(:disabled):not(.disabled):active,
html body .btn.btn-dark:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-dark-active);
    border-color: var(--xp-btn-dark-active);
    box-shadow: none;
}
html body .btn.btn-dark:not(:disabled):not(.disabled):active:focus,
html body .btn.btn-dark:not(:disabled):not(.disabled).active:focus,
html body .show > .btn.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 69, 0.38);
}

html body .btn.btn-light {
    color: var(--xp-btn-light-color);
    background-color: var(--xp-btn-light-bg);
    border: 1px solid var(--xp-btn-light-border);
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-light:hover {
    color: var(--xp-btn-light-color);
    background-color: var(--xp-btn-light-hover-bg);
    border-color: #d0d4d8;
    box-shadow: none;
}
html body .btn.btn-light:focus,
html body .btn.btn-light.focus {
    color: var(--xp-btn-light-color);
    background-color: var(--xp-btn-light-hover-bg);
    border-color: #c9cdd2;
    box-shadow: 0 0 0 0.2rem rgba(21, 58, 67, 0.12);
}
html body .btn.btn-light:not(:disabled):not(.disabled):active,
html body .btn.btn-light:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-light.dropdown-toggle {
    color: var(--xp-btn-light-color);
    background-color: #ebedef;
    border-color: #c4c8cd;
    box-shadow: none;
}
html body .btn.btn-light:not(:disabled):not(.disabled):active:focus,
html body .btn.btn-light:not(:disabled):not(.disabled).active:focus,
html body .show > .btn.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(21, 58, 67, 0.14);
}

html body .btn.btn-default {
    background-image: none;
    color: var(--xp-btn-default-color);
    background-color: var(--xp-btn-default-bg);
    border: 1px solid var(--xp-btn-default-border);
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-default:hover {
    color: var(--xp-btn-default-color);
    background-color: var(--xp-btn-default-hover-bg);
    border-color: var(--xp-btn-default-hover-border);
    box-shadow: none;
}
html body .btn.btn-default:focus,
html body .btn.btn-default.focus {
    color: var(--xp-btn-default-color);
    background-color: var(--xp-btn-default-hover-bg);
    border-color: #bfc5cb;
    box-shadow: 0 0 0 0.2rem rgba(0, 164, 149, 0.15);
}
html body .btn.btn-default:not(:disabled):not(.disabled):active,
html body .btn.btn-default:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-default.dropdown-toggle {
    color: var(--xp-btn-default-color);
    background-color: #dfe2e5;
    border-color: #b3b9c0;
    box-shadow: none;
}
html body .btn.btn-default.active {
    background: var(--xp-btn-secondary);
    border-color: var(--xp-btn-secondary);
    color: #fff;
}

/* 링크형 — 틸 톤, 굵게 덮지 않음 */
html body .btn.btn-link {
    color: var(--xp-btn-primary);
    font-weight: 500;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
}
html body .btn.btn-link:hover {
    color: var(--xp-btn-primary-active);
    box-shadow: none;
}
html body .btn.btn-link:focus,
html body .btn.btn-link.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 164, 149, 0.2);
}

/* ── 아웃라인 ── */
html body .btn.btn-outline-primary {
    color: var(--xp-btn-primary);
    border-color: var(--xp-btn-primary);
    background-color: transparent;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--xp-btn-primary);
    border-color: var(--xp-btn-primary);
    box-shadow: none;
}
html body .btn.btn-outline-primary:focus,
html body .btn.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 164, 149, 0.3);
}
html body .btn.btn-outline-primary:not(:disabled):not(.disabled):active,
html body .btn.btn-outline-primary:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-primary-active);
    border-color: var(--xp-btn-primary-active);
    box-shadow: none;
}

html body .btn.btn-outline-secondary {
    color: var(--xp-btn-secondary);
    border-color: var(--xp-btn-secondary);
    background-color: transparent;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    letter-spacing: -0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--xp-btn-secondary);
    border-color: var(--xp-btn-secondary);
    box-shadow: none;
}
html body .btn.btn-outline-secondary:focus,
html body .btn.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(92, 109, 122, 0.28);
}
html body .btn.btn-outline-secondary:not(:disabled):not(.disabled):active,
html body .btn.btn-outline-secondary:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-secondary-active);
    border-color: var(--xp-btn-secondary-active);
    box-shadow: none;
}

html body .btn.btn-outline-success {
    color: var(--xp-btn-success);
    border-color: var(--xp-btn-success);
    background-color: transparent;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-outline-success:hover {
    color: #fff;
    background-color: var(--xp-btn-success);
    border-color: var(--xp-btn-success);
    box-shadow: none;
}
html body .btn.btn-outline-success:focus,
html body .btn.btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(26, 138, 126, 0.28);
}
html body .btn.btn-outline-success:not(:disabled):not(.disabled):active,
html body .btn.btn-outline-success:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-success-active);
    border-color: var(--xp-btn-success-active);
    box-shadow: none;
}

html body .btn.btn-outline-info {
    color: var(--xp-btn-info);
    border-color: var(--xp-btn-info);
    background-color: transparent;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-outline-info:hover {
    color: #fff;
    background-color: var(--xp-btn-info);
    border-color: var(--xp-btn-info);
    box-shadow: none;
}
html body .btn.btn-outline-info:focus,
html body .btn.btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(26, 127, 196, 0.28);
}
html body .btn.btn-outline-info:not(:disabled):not(.disabled):active,
html body .btn.btn-outline-info:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-info-active);
    border-color: var(--xp-btn-info-active);
    box-shadow: none;
}

html body .btn.btn-outline-warning {
    color: var(--xp-btn-warning);
    border-color: var(--xp-btn-warning);
    background-color: transparent;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-outline-warning:hover {
    color: #fff;
    background-color: var(--xp-btn-warning);
    border-color: var(--xp-btn-warning);
    box-shadow: none;
}
html body .btn.btn-outline-warning:focus,
html body .btn.btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 131, 12, 0.3);
}
html body .btn.btn-outline-warning:not(:disabled):not(.disabled):active,
html body .btn.btn-outline-warning:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-warning-active);
    border-color: var(--xp-btn-warning-active);
    box-shadow: none;
}

html body .btn.btn-outline-danger {
    color: var(--xp-btn-danger);
    border-color: var(--xp-btn-danger);
    background-color: transparent;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-outline-danger:hover {
    color: #fff;
    background-color: var(--xp-btn-danger);
    border-color: var(--xp-btn-danger);
    box-shadow: none;
}
html body .btn.btn-outline-danger:focus,
html body .btn.btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(199, 47, 47, 0.28);
}
html body .btn.btn-outline-danger:not(:disabled):not(.disabled):active,
html body .btn.btn-outline-danger:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-danger-active);
    border-color: var(--xp-btn-danger-active);
    box-shadow: none;
}

html body .btn.btn-outline-light {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.85);
    background-color: transparent;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-outline-light:hover {
    color: var(--xp-btn-light-color);
    background-color: #fff;
    border-color: #fff;
    box-shadow: none;
}
html body .btn.btn-outline-light:focus,
html body .btn.btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.35);
}
html body .btn.btn-outline-light:not(:disabled):not(.disabled):active,
html body .btn.btn-outline-light:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-outline-light.dropdown-toggle {
    color: var(--xp-btn-light-color);
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    box-shadow: none;
}

html body .btn.btn-outline-dark {
    color: var(--xp-btn-dark);
    border-color: var(--xp-btn-dark);
    background-color: transparent;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-outline-dark:hover {
    color: #fff;
    background-color: var(--xp-btn-dark);
    border-color: var(--xp-btn-dark);
    box-shadow: none;
}
html body .btn.btn-outline-dark:focus,
html body .btn.btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 69, 0.28);
}
html body .btn.btn-outline-dark:not(:disabled):not(.disabled):active,
html body .btn.btn-outline-dark:not(:disabled):not(.disabled).active,
html body .show > .btn.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: var(--xp-btn-dark-active);
    border-color: var(--xp-btn-dark-active);
    box-shadow: none;
}

html body .btn.btn-outline-default {
    color: var(--xp-btn-default-color);
    border-color: var(--xp-btn-default-border);
    background-color: transparent;
    box-shadow: none;
    border-radius: var(--xp-btn-radius);
    font-weight: var(--xp-btn-weight);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
html body .btn.btn-outline-default:hover {
    color: var(--xp-btn-default-color);
    background-color: var(--xp-btn-default-hover-bg);
    border-color: var(--xp-btn-default-hover-border);
    box-shadow: none;
}
html body .btn.btn-outline-default:focus,
html body .btn.btn-outline-default.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 164, 149, 0.15);
}

/* 테마가 입히는 컬러 글로우 제거(잔상) */
html body .btn.btn-primary,
html body .btn.btn-secondary,
html body .btn.btn-success,
html body .btn.btn-info,
html body .btn.btn-warning,
html body .btn.btn-danger,
html body .btn.btn-light,
html body .btn.btn-dark {
    -webkit-box-shadow: none;
    box-shadow: none;
}