/**
 * ȫվ����� �� ��ť �� ��Ƭ �� ���� �� ���� �� Tab���� CSS��
 */
html.aum-ui-premium body {
    font-family: var(--aum-font);
}

html.aum-ui-premium .btn-primary,
html.aum-ui-premium button.btn-primary,
html.aum-ui-premium .hist-actions .btn-primary {
    background: var(--aum-btn-primary-bg) !important;
    color: var(--aum-btn-primary-text) !important;
    border: none !important;
    border-radius: var(--aum-radius-pill) !important;
    font-weight: 600 !important;
    min-height: var(--aum-btn-h-sm) !important;
    box-shadow: none !important;
    letter-spacing: 0.01em !important;
}

html.aum-ui-premium .btn-create,
html.aum-ui-premium button.btn-create,
html.aum-ui-premium .btn-primary.btn-create {
    background: var(--aum-gradient-cta) !important;
    color: #fff !important;
    border-radius: var(--aum-radius-pill) !important;
    box-shadow: 0 4px 20px rgba(249, 115, 22, 0.28) !important;
}

html.aum-ui-premium .btn-secondary,
html.aum-ui-premium button.btn-secondary,
html.aum-ui-premium .hist-actions .btn-secondary {
    background: transparent !important;
    color: var(--aum-btn-ghost-text) !important;
    border: 1px solid var(--aum-btn-ghost-border) !important;
    border-radius: var(--aum-radius-pill) !important;
    font-weight: 600 !important;
    min-height: var(--aum-btn-h-sm) !important;
}

html.aum-ui-premium .btn-primary:disabled,
html.aum-ui-premium .btn-secondary:disabled {
    opacity: 0.4 !important;
    box-shadow: none !important;
    filter: grayscale(0.2);
}

html.aum-ui-premium .top-bar,
html.aum-ui-premium header.top-bar {
    background: rgba(0, 0, 0, 0.92) !important;
    backdrop-filter: var(--aum-blur);
    -webkit-backdrop-filter: var(--aum-blur);
    border-bottom: 1px solid var(--aum-border-subtle) !important;
    color: var(--aum-text) !important;
    box-shadow: none !important;
}

html.aum-ui-premium .top-bar a,
html.aum-ui-premium .top-bar h1 {
    color: var(--aum-text) !important;
}

html.aum-ui-premium .hdr-btn,
html.aum-ui-premium a.hdr-btn,
html.aum-ui-premium .top-btn {
    background: transparent !important;
    border: 1px solid var(--aum-btn-ghost-border) !important;
    color: var(--aum-text) !important;
    border-radius: var(--aum-radius-pill) !important;
}

html.aum-ui-premium .card,
html.aum-ui-premium section.card {
    background: var(--aum-bg-card) !important;
    border: 1px solid var(--aum-border) !important;
    border-radius: var(--aum-radius-lg) !important;
    box-shadow: var(--aum-shadow-sm) !important;
    color: var(--aum-text) !important;
}

html.aum-ui-premium .card h3,
html.aum-ui-premium .card label {
    color: var(--aum-text) !important;
}

html.aum-ui-premium .hint {
    color: var(--aum-text-muted) !important;
}

html.aum-ui-premium textarea,
html.aum-ui-premium input[type='text'],
html.aum-ui-premium input[type='number'],
html.aum-ui-premium input[type='email'] {
    background: var(--aum-bg-input) !important;
    border: 1px solid var(--aum-border) !important;
    color: var(--aum-text) !important;
    border-radius: var(--aum-radius-sm) !important;
}

html.aum-ui-premium textarea::placeholder,
html.aum-ui-premium input::placeholder {
    color: var(--aum-text-muted) !important;
}

html.aum-ui-premium textarea:focus,
html.aum-ui-premium input:focus {
    border-color: var(--aum-accent) !important;
    box-shadow: 0 0 0 3px var(--aum-accent-soft) !important;
    outline: none !important;
}

html.aum-ui-premium .tab-btn {
    background: var(--aum-bg-input) !important;
    border: 1px solid var(--aum-border) !important;
    color: var(--aum-text-secondary) !important;
    border-radius: var(--aum-radius-sm) !important;
}

html.aum-ui-premium .tab-btn.active,
html.aum-ui-premium .chip.active,
html.aum-ui-premium .ratio-item.active,
html.aum-ui-premium .style-card.active {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: var(--aum-text) !important;
    box-shadow: none !important;
}

html.aum-ui-premium .ratio-item,
html.aum-ui-premium .chip,
html.aum-ui-premium .style-card {
    background: var(--aum-bg-input) !important;
    border-color: var(--aum-border) !important;
    color: var(--aum-text-secondary) !important;
    border-radius: var(--aum-radius-sm) !important;
}

html.aum-ui-premium .ratio-label,
html.aum-ui-premium .style-card-label {
    color: var(--aum-text) !important;
}

html.aum-ui-premium .toast {
    background: rgba(26, 26, 26, 0.94) !important;
    border: 1px solid var(--aum-border-accent) !important;
    color: var(--aum-text) !important;
    box-shadow: var(--aum-shadow-md) !important;
    backdrop-filter: var(--aum-blur);
}

html.aum-ui-premium,
html.aum-ui-premium body {
    background: var(--aum-bg-deep) !important;
    color: var(--aum-text);
}

html.aum-ui-premium body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: var(--aum-gradient-radial);
}

html.aum-ui-premium .main,
html.aum-ui-premium .page,
html.aum-ui-premium .feed,
html.aum-ui-premium #app {
    position: relative;
    z-index: 1;
}

html.aum-ui-premium .tab-bar {
    background: rgba(0, 0, 0, 0.92) !important;
    border-bottom-color: var(--aum-border-subtle) !important;
    backdrop-filter: var(--aum-blur);
}