/* Syncfusion Material Theme — Immutabl Invest brand overrides */

:root {
    /* Primary brand colour */
    --color-sf-primary: #3b82f6;
    --color-sf-primary-light-hover: #dbeafe;
    --color-sf-primary-container: #eff6ff;

    /* Typography — Lato from Google Fonts */
    --font-family: 'Lato', sans-serif;
    --font-weight-normal: 400;
}

/* Global font */
body {
    font-family: 'Lato', sans-serif;
    color: #1e293b;
}

/* Inputs — airy spacing */
.e-input-group .e-input,
.e-input-group.e-control-wrapper .e-input,
.e-float-input input {
    padding: 0.7rem 0.9rem;
    font-family: 'Lato', sans-serif;
}

/* Buttons — rounded to match brand */
.e-btn {
    border-radius: 8px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: none;
}

/* Primary button */
.e-btn.e-primary {
    background-color: #3b82f6;
    border-color: #3b82f6;
}

.e-btn.e-primary:hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

/* Full-width button helper */
.e-btn.e-block {
    width: 100%;
}

/* Cards — subtle shadow, rounded */
.e-card {
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

/* Grid — light header, airy rows */
.e-grid .e-headercell {
    background-color: #f8fafc;
    color: #64748b;
    font-weight: 400;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.e-grid .e-row:hover .e-rowcell {
    background-color: #f8fafc;
}

.e-grid .e-rowcell {
    font-size: 0.9rem;
    padding: 0.75rem 1rem;
}

/* Tabs — clean underline style */
.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: none;
}

/* Chips/badges */
.e-chip {
    border-radius: 6px;
    font-size: 0.8rem;
}