/* ─────────────────────────────────────────────────────────────────
   site.css  — minimal base; our design is in poss.css
───────────────────────────────────────────────────────────────── */

/* Remove all default Blazor template styles */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* CRITICAL: app element is display:inline by default — fix it */
app {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden !important;
    position: relative;
}

/* Override Bootstrap link color */
a, .btn-link { color: #1e3c72; }

/* Blazor validation helpers */
.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }
.invalid.modified:not([type=checkbox]) { outline: 1px solid #e74c3c; }
.validation-message { color: #e74c3c; font-size: 0.8rem; }

/* Remove old Blazor template layout rules */
.top-row  { display: none; }
.sidebar  { display: none; }
.main     { display: contents; }
.content  { display: contents; }

/* Blazor error */
#blazor-error-ui {
    background: #fff3cd;
    bottom: 0; left: 0; right: 0;
    padding: 0.6rem 1.25rem;
    position: fixed;
    z-index: 9999;
    display: none;
    box-shadow: 0 -2px 8px rgba(0,0,0,.15);
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; left: .75rem; top: .5rem; }