@import '/_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css';
@import '/_content/Waves.Tooling.App.Core/css/fonts.css';
@import '/_content/Waves.Tooling.App.Components.FluentUI/css/waves-app-fluentui.css';
@import '/_content/Waves.Tooling.App.Components.FluentUI/css/waves-app-component.css';

:root {    
    /* Waves Brand Colors */
    --waves-blue-primary: #006bb6;
    --waves-blue-secondary: #00b0e8;
    --waves-blue-light: #0092cb;
    --waves-blue-dark: #004990;
    --waves-blue-hover-light: #0088d9;
    --waves-blue-hover-bright: #00d4ff;
    --waves-accent-light: #fdb515;
    --waves-accent-dark: #c10230;
    --waves-cps-blue-primary: #006CB7;
    --waves-cps-blue-secondary: #00AEE7;
    --waves-new2-blue-light: #FFFFFF;
    --waves-new2-blue-dark: #C2FFFF;
    /* Gilmore Colors */
    --gilmore-blue-dark: #003b5c;
    --gilmore-blue-primary: #003A5D;
    --gilmore-blue-light: #0068A5;
    --gilmore-blue-hover-dark: #005580;
    --gilmore-blue-hover-light: #0081CC;
    /* Workforce Colors */
    --workforce-blue-dark: #053F67;
    --workforce-blue-light: #3C98C9;
    --workforce-blue-hover-dark: #075d92;
    --workforce-blue-hover-light: #4db8e8;
    /* Grafana Colors */
    --grafana-orange: #F05A28;
    --grafana-yellow: #FBCA0A;
    --grafana-orange-hover: #ff6e3c;
    --grafana-yellow-hover: #ffd91f;
    --grafana-bg: #000000;
    --grafana-bg-hover: #3F3F3F;
    /* Portal Button Styles */
    --portal-button-border-radius: 16px;
    --portal-button-border-width: 0.25rem;
    --portal-button-min-height: 100%;
    --portal-button-max-height: 100%;
    --portal-button-margin: 0.5rem;
    /* Common Colors */
    --color-gray-light: #C0C0C0;
    /* Dashboard Section Styles */
    --dashboard-section-padding: 1.5rem 0;
    --dashboard-section-header-margin: 0 0 1.5rem 0;
    --dashboard-section-title-color: var(--waves-blue-dark);
    --dashboard-section-description-color: #666666;
}

.dashboard-section-title {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--dashboard-section-title-color);
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.dashboard-section-description {
    font-size: 1rem;
    color: var(--dashboard-section-description-color);
    margin: 0;
    line-height: 1.4;
    font-style: italic;
}

/* Anchor wrapper for Safari iOS compatibility - ensures proper stretching */
.waves-link-button-wrapper {
    text-decoration: none;
    color: inherit;
    display: contents; /* Makes the anchor transparent to layout - children act as if anchor doesn't exist */
}

/* Media Queries for Browser Size */

/* Browser size less than 599px = Xs */
@media (max-width: 599px) {
    .waves-link-button {
        min-height: 150px;
        max-height: 125px;
        margin: 0.5rem;
    }    
}

/* Browser size less than 959px = Sm or smaller */
@media (max-width: 959px) {    
}

/* Browser size less than 1279px = Md or smaller */
@media (max-width: 1279px) {
}

/* Browser size less than 1919px = Lg or smaller */
@media (max-width: 1919px) {
}

/* Browser size less than 2559px = Xl or smaller */
@media (max-width: 2559px) {
}

/* Browser size less than 2560px = Xxl or smaller */
@media (min-width: 2560px) {
}

/* END - Media Queries for Broser Size */