/* Toolbar */
header.mdc-toolbar.mdc-toolbar--portal-no-shrink {
    /* fallback sólido */
    background-color: #1d335b;

    /* degradê monocromático */
    background-image: linear-gradient(
            173deg,
            #111f37 0%,   /* bem escuro */
            #172949 30%,  /* escuro intermediário */
            #1d335b 62%,  /* cor exata do logo */
            #29477f 100%  /* um pouco mais clara */
    );
}

/* Fundo do header da tela de login */
.app-fmk-login-screen-header-bg {
    background-color: #1d335b;
    background-image: linear-gradient(
            173deg,
            #111f37 0%,
            #172949 30%,
            #1d335b 62%,
            #29477f 100%
    );
}


/*** E-mail template styles ***/
.mail-header {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    color: #0056b3;
    font-size: 16px;
}
.mail-section-title {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.mail-paragraph {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
}
.mail-details, .mail-credentials, .mail-data {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    margin-bottom: 20px;
}
.mail-highlight {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    font-weight: bold;
    color: #000;
}
.mail-link {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    color: #0056b3;
    text-decoration: none;
}
.mail-link:hover {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    text-decoration: underline;
}
.mail-alert {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    color: #d9534f;
    font-style: italic;
}
.mail-footer {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    margin-top: 20px;
}

.mail-table-produto {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    width: 100%;
    border-collapse: collapse;
}
.mail-table-limites {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    border-collapse: collapse;
}
.mail-table-inner-limites {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    border-collapse: collapse;
}
.mail-table-faturamento {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    border-collapse: collapse;
}
.mail-table-garantia {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    width: 100%;
    border-collapse: collapse;
}
.mail-table-correcao {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    width: 100%;
    border-collapse: collapse;
}
.mail-table-preco-volume {
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 13px;
    width: 100%;
    border-collapse: collapse;
}