taxbaik/TaxBaik.Admin/wwwroot/css/admin.css

/* TaxBaik Admin — 워밍-프로페셔널 디자인 */

:root {
    --color-primary: #C89D6E;        /* 따뜻한 골드/브론즈 */
    --color-primary-dark: #A67C52;   /* 진한 브론즈 */
    --color-secondary: #2E5C4E;      /* 따뜻한 초록 */
    --color-secondary-dark: #1F3A30; /* 어두운 초록 */
    --color-accent: #E8E4D8;         /* 따뜻한 베이지 */
    --color-bg: #F9F7F3;             /* 따뜻한 화이트 */
    --color-text: #3D2817;           /* 따뜻한 갈색 */
    --color-text-light: #6B5D4F;     /* 밝은 갈색 */
    --color-border: #D9D3C4;         /* 경계선 */
}

body {
    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
    color: var(--color-text);
    background-color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
    color: var(--color-text);
    font-weight: 700;
}

p {
    color: var(--color-text-light);
    line-height: 1.6;
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

a:hover {
    color: var(--color-secondary);
}

/* ===== MudBlazor 커스터마이징 ===== */

.mud-appbar {
    background: linear-gradient(90deg, var(--color-secondary) 0%, #1F3A30 100%) !important;
    box-shadow: 0 2px 8px rgba(61, 40, 23, 0.12) !important;
}

.mud-appbar-content {
    padding: 1rem;
}

.mud-appbar .mud-button-root {
    color: white;
}

.mud-button-contained-primary {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
    box-shadow: 0 2px 8px rgba(61, 40, 23, 0.12) !important;
}

.mud-button-contained-primary:hover {
    background: linear-gradient(135deg, var(--color-primary-dark) 0%, #8B5E3C 100%) !important;
    box-shadow: 0 4px 12px rgba(61, 40, 23, 0.2) !important;
}

.mud-button-outlined-primary {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.mud-button-outlined-primary:hover {
    background-color: rgba(200, 157, 110, 0.1) !important;
}

.mud-button-text-primary {
    color: var(--color-primary) !important;
}

.mud-button-text-primary:hover {
    background-color: rgba(200, 157, 110, 0.1) !important;
}

.mud-card {
    background-color: white !important;
    box-shadow: 0 2px 8px rgba(61, 40, 23, 0.08) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
}

.mud-card:hover {
    box-shadow: 0 6px 16px rgba(61, 40, 23, 0.12) !important;
}

.mud-card-header {
    background-color: var(--color-accent) !important;
    border-bottom: 1px solid var(--color-border) !important;
    padding: 1.5rem !important;
}

.mud-card-content {
    padding: 1.5rem !important;
}

/* ===== 테이블 스타일 ===== */

.mud-table {
    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
}

.mud-table-cell {
    border-color: var(--color-border) !important;
}

.mud-table-head {
    background-color: var(--color-accent) !important;
}

.mud-table-head .mud-table-cell {
    color: var(--color-text) !important;
    font-weight: 600;
}

.mud-table-body .mud-table-row:hover {
    background-color: rgba(200, 157, 110, 0.05) !important;
}

/* ===== 폼 요소 ===== */

.mud-input-slot {
    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
}

.mud-input-outlined {
    border-color: var(--color-border) !important;
}

.mud-input-outlined:hover {
    border-color: var(--color-primary) !important;
}

.mud-input-outlined .mud-input-slot {
    color: var(--color-text) !important;
}

.mud-input-outlined .mud-input-slot input,
.mud-input-outlined .mud-input-slot textarea {
    color: var(--color-text) !important;
}

.mud-input-outlined .mud-input-slot input::placeholder {
    color: var(--color-text-light) !important;
    opacity: 0.7;
}

.mud-input-outlined.mud-focused {
    border-color: var(--color-primary) !important;
}

/* ===== 토글 & 체크박스 ===== */

.mud-switch-base {
    color: var(--color-primary) !important;
}

.mud-checkbox-base {
    color: var(--color-primary) !important;
}

/* ===== 드롭다운 & 셀렉트 ===== */

.mud-select-input {
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

.mud-select-popper-content {
    background-color: white !important;
    box-shadow: 0 4px 12px rgba(61, 40, 23, 0.15) !important;
    border-radius: 8px !important;
}

.mud-list-item:hover {
    background-color: rgba(200, 157, 110, 0.1) !important;
}

/* ===== 다이얼로그 ===== */

.mud-dialog {
    border-radius: 12px !important;
}

.mud-dialog-container {
    box-shadow: 0 10px 40px rgba(61, 40, 23, 0.2) !important;
}

.mud-dialog-title {
    color: var(--color-text) !important;
    font-weight: 700;
}

/* ===== 배지 & 칩 ===== */

.mud-chip-set {
    gap: 0.5rem;
}

.mud-chip {
    background-color: rgba(200, 157, 110, 0.1) !important;
    color: var(--color-primary) !important;
    font-weight: 500;
}

.mud-chip-click:hover {
    background-color: rgba(200, 157, 110, 0.2) !important;
}

/* ===== 페이지네이션 & 프로그레스 ===== */

.mud-pagination-item.selected {
    background-color: var(--color-primary) !important;
    color: white !important;
}

.mud-pagination-item:hover:not(.selected) {
    background-color: var(--color-accent) !important;
}

.mud-progress-linear {
    background-color: var(--color-accent) !important;
}

.mud-progress-linear::before {
    background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%) !important;
}

/* ===== 텍스트 필드 라벨 ===== */

.mud-field-label {
    color: var(--color-text) !important;
    font-weight: 500;
}

/* ===== 반응형 ===== */

@media (max-width: 768px) {
    body {
        font-size: 14px;
    }

    .mud-appbar-content {
        padding: 0.75rem;
    }

    .mud-card-content {
        padding: 1rem !important;
    }

    .mud-table {
        font-size: 0.9rem;
    }
}