@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    /*padding-top: 1.1rem;*/
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* ── Bootstrap 5 shims (project uses BS4 — these polyfill the BS5 utilities) ── */

/* Margin-end (me-*) = Bootstrap 4 mr-* */
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem  !important; }
.me-3 { margin-right: 1rem    !important; }
.me-4 { margin-right: 1.5rem  !important; }
.me-5 { margin-right: 3rem    !important; }
.me-auto { margin-right: auto  !important; }

/* Margin-start (ms-*) = Bootstrap 4 ml-* */
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem  !important; }
.ms-3 { margin-left: 1rem    !important; }
.ms-4 { margin-left: 1.5rem  !important; }
.ms-5 { margin-left: 3rem    !important; }
.ms-auto { margin-left: auto  !important; }

/* Padding-end / Padding-start */
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem  !important; }
.pe-3 { padding-right: 1rem    !important; }
.ps-1 { padding-left: 0.25rem  !important; }
.ps-2 { padding-left: 0.5rem   !important; }
.ps-3 { padding-left: 1rem     !important; }

/* gap-* for flex/grid containers */
.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem  !important; }
.gap-3 { gap: 1rem    !important; }
.gap-4 { gap: 1.5rem  !important; }

/* Row gutters (g-*) */
.g-1 > * { padding: 0.125rem !important; }
.g-2 > * { padding: 0.25rem  !important; }
.g-3 > * { padding: 0.5rem   !important; }

/* fw-* font-weight */
.fw-bold     { font-weight: 700  !important; }
.fw-semibold { font-weight: 600  !important; }
.fw-normal   { font-weight: 400  !important; }
.fw-light    { font-weight: 300  !important; }

/* fst-italic */
.fst-italic { font-style: italic !important; }

/* text-truncate (already in BS4 but alias just in case) */
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* flex-wrap */
.flex-wrap { flex-wrap: wrap !important; }

/* align-items-start */
.align-items-start { align-items: flex-start !important; }

/* Border utilities */
.border-0  { border: 0 !important; }

/* shadow-sm */
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; }

/* ── Global: center all fixed popup panels over everything including sidebar ── */
[class*="divpos"],
[class*="popup-"],
.div_log,
.div_contact_add,
.div_sales_popup,
.div_deals_popup {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100vh - 2rem) !important;
    overflow: auto !important;
    z-index: 1055 !important;
}