@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body, .mud-typography {
    font-family: 'Inter', 'Roboto', sans-serif;
}

.mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 8px;
    border-color: #e2e8f0;
    transition: all 0.2s;
}

.mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.mud-input.mud-input-outlined .mud-input-slot,
.mud-input.mud-input-outlined input,
.mud-input.mud-input-outlined .mud-select-input,
.mud-input.mud-input-outlined textarea {
    font-size: 0.875rem;
}

.mud-input-label {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

.mud-input-label-outlined {
    font-size: 0.75rem;
}

.mud-button-filled-primary {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
    color: white !important;
    box-shadow: 0 4px 14px 0 rgba(99, 102, 241, 0.3);
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    transition: transform 0.1s, box-shadow 0.2s;
}

.mud-button-filled-primary:hover {
    box-shadow: 0 6px 20px 0 rgba(99, 102, 241, 0.4);
}

.mud-button-filled-primary:active {
    transform: scale(0.98);
}

.btn-icon-only {
    min-width: 28px !important;
    width: 28px !important;
    height: 28px !important;
    padding: 4px !important;
    border-radius: 6px !important;
    background: transparent !important;
    transition: background-color 0.15s;
}

/* === Unified ERP action buttons (Task #14) === */
.btn-unified {
    height: 36px !important;
    min-height: 36px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    padding: 0 16px !important;
    box-shadow: none !important;
    background-image: none !important;
}

.btn-unified.mud-button {
    line-height: 36px !important;
}

.btn-create,
.btn-create.mud-button-filled,
.btn-create.mud-button-filled-primary,
.btn-create.mud-button-filled-secondary,
.btn-create.mud-button-filled-default {
    background: #007bff !important;
    background-color: #007bff !important;
    color: #ffffff !important;
}

.btn-create:hover { background-color: #0069d9 !important; }

.btn-save,
.btn-save.mud-button-filled,
.btn-save.mud-button-filled-primary,
.btn-save.mud-button-filled-secondary,
.btn-save.mud-button-filled-default {
    background: #28a745 !important;
    background-color: #28a745 !important;
    color: #ffffff !important;
}

.btn-save:hover { background-color: #218838 !important; }

.btn-update,
.btn-update.mud-button-filled,
.btn-update.mud-button-filled-primary,
.btn-update.mud-button-filled-secondary,
.btn-update.mud-button-filled-default {
    background: #90ee90 !important;
    background-color: #90ee90 !important;
    color: #333333 !important;
}

.btn-update:hover { background-color: #7adb7a !important; }

.btn-cancel,
.btn-cancel.mud-button-filled,
.btn-cancel.mud-button-filled-primary,
.btn-cancel.mud-button-filled-secondary,
.btn-cancel.mud-button-filled-default,
.btn-cancel.mud-button-outlined {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

.btn-cancel:hover { background-color: #1a1a1a !important; }

.icon-btn-unified,
.icon-btn-unified.mud-icon-button,
.icon-btn-unified.mud-button-root {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 6px !important;
    border-radius: 6px !important;
}

.icon-btn-unified .mud-icon-root {
    font-size: 1.15rem;
}

/* Unified search field — 36px height aligning with action buttons */
.search-unified.mud-input-control,
.search-unified .mud-input-control {
    margin-top: 0 !important;
}

.search-unified .mud-input.mud-input-outlined,
.search-unified .mud-input-root,
.search-unified.mud-input-root {
    height: 36px !important;
    min-height: 36px !important;
}

.search-unified .mud-input-outlined input,
.search-unified .mud-input-root input {
    height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.search-unified .mud-input-adornment-start .mud-icon-root {
    color: #add8e6 !important;
}

.search-unified .mud-input-label-outlined {
    transform: translate(14px, 9px) scale(1) !important;
}

.search-unified .mud-input-label-outlined.mud-input-label-shrink {
    transform: translate(14px, -8px) scale(0.75) !important;
}

.btn-icon-only:hover {
    background-color: #f1f5f9 !important;
}

.btn-icon-only .mud-icon-root {
    font-size: 1.1rem;
}

.mud-table .mud-table-head .mud-table-cell {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.mud-table .mud-table-body .mud-table-row {
    transition: background-color 0.15s;
}

.appbar-company-logo {
    height: 40px;
    max-height: 40px;
    width: auto;
    object-fit: contain;
    background: transparent;
}