/* BistWatch.Web — minimal CSS resets. MudBlazor handles component styling.
   Bootstrap link removed — MudBlazor provides the design system. */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Tabular figures for price columns — UI-SPEC typography */
.bw-num {
    font-variant-numeric: tabular-nums;
}

/* Market-status indicator dot in the AppBar (UI-09) */
.bw-status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.bw-status-open {
    background-color: #2D7FF9; /* accent — market open */
}

.bw-status-closed {
    background-color: #8A93A2; /* muted — market closed */
}

/* Mandatory disclaimer footer — UI-09, CMP-07 */
.bw-disclaimer-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    border-top: 1px solid rgba(42, 49, 59, 0.5);
    text-align: center;
}

/* Validation states (used by Identity forms) */
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #1FA971;
}

.invalid {
    outline: 1px solid #E5484D;
}

.validation-message {
    color: #E5484D;
    font-size: 12px;
}