/* /Components/Account/Pages/Login.razor.rz.scp.css */
.STYLE_TEXT1[b-eet8ybyvqa] {
    color: #EEEEEE;
    font-weight: bold;
}

.STYLE_LOGINFORM[b-eet8ybyvqa] {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: #333333;
    border-radius: 8px;
    padding-bottom: 28px;
    padding-top: 18px;
    background-color: #333333AA;
    padding-left: 28px;
    padding-right: 28px;
}

.STYLE_ERROR[b-eet8ybyvqa] {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #333333;
    border-radius: 8px;
    padding-bottom: 18px;
    padding-top: 18px;
    background-color: #333333AA;
    padding-left: 28px;
    padding-right: 28px;
    color: orangered;
}

.login-page-container[b-eet8ybyvqa] {
    background-image: url('Images/LoginBackgroundBikR01.jpg');
    background-size: cover;
    height: calc(100vh);
    overflow: hidden;
}

.LOGIN_BRAND_BLOCK[b-eet8ybyvqa] {
    margin-bottom: 26px;
}

.LOGIN_BRAND_TITLE[b-eet8ybyvqa] {
    font-size: 32pt;
    color: var(--text-primary);
}

.LOGIN_BRAND_SUBTITLE[b-eet8ybyvqa] {
    color: #AAAAAA;
}

.LOGIN_FORM_TABLE[b-eet8ybyvqa] {
    width: 100%;
}

.LOGIN_FIELD_GROUP[b-eet8ybyvqa] {
    margin-bottom: 20px;
}

.LOGIN_SUBMIT_ROW[b-eet8ybyvqa] {
    margin-top: 12px;
}

.LOGIN_PART1_HIDDEN[b-eet8ybyvqa] {
    display: none;
}

.LOGIN_FIELD_GROUP_LARGE[b-eet8ybyvqa] {
    margin-bottom: 30px;
}

.LOGIN_BUTTONS_ROW[b-eet8ybyvqa] {
    margin-top: 8px;
}

.LOGIN_FIELD_GROUP_OFFSET[b-eet8ybyvqa] {
    margin-left: 32px;
}

[b-eet8ybyvqa] .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
[b-eet8ybyvqa] .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
[b-eet8ybyvqa] .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
[b-eet8ybyvqa] .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
[b-eet8ybyvqa] .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
[b-eet8ybyvqa] .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
[b-eet8ybyvqa] .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
[b-eet8ybyvqa] .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: #07b9b3 !important;
}
/* /Components/Common/DialogCheckinConfirmation.razor.rz.scp.css */
.checkin-confirmation-message[b-jyy1x92r59] {
    margin-bottom: 8px;
}

.checkin-confirmation-alert-box[b-jyy1x92r59] {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #3f5b66;
    border-radius: 4px;
    background-color: #2e343b;
    color: #e8eef2;
}

.checkin-confirmation-alert-label[b-jyy1x92r59] {
    font-weight: 600;
    margin-bottom: 6px;
    color: #7cc7c2;
}

.checkin-confirmation-alert-text[b-jyy1x92r59] {
    white-space: pre-wrap;
    color: #e8eef2;
}
/* /Components/Common/DialogLog.razor.rz.scp.css */
.DL_TASK_TYPE[b-pma32yw3zu] {
    font-weight: bold;
    color: rgb(7, 185, 179);
}

.DL_TRANSFER_DESC[b-pma32yw3zu] {
    margin-left: 0;
    font-style: italic;
}
/* /Components/Common/DialogVeloHistory.razor.rz.scp.css */
/* ============== */
/* VELO HISTORY TABLE */
/* ============== */

.DVH_TABLE[b-b1ly1h5rhy] {
    font-size: 0.8125rem;
    border-color: var(--border-subtle);
}

.DVH_TABLE thead.table-light th[b-b1ly1h5rhy] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.5rem 0.5rem;
    border-color: var(--border-strong);
    white-space: nowrap;
    vertical-align: middle;
}

.DVH_TABLE td[b-b1ly1h5rhy] {
    padding: 0.5rem;
    vertical-align: middle;
    color: var(--text-primary);
    border-color: var(--border-subtle);
    font-size: 0.8125rem;
}

.DVH_TABLE tbody tr:hover[b-b1ly1h5rhy] {
    background-color: var(--surface-2);
}

/* ============== */
/* SUMMARY CARDS   */
/* ============== */

.DVH_SUMMARY_CARD[b-b1ly1h5rhy] {
    background-color: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: 0.375rem;
    padding: 1rem;
}

.DVH_SUMMARY_LABEL[b-b1ly1h5rhy] {
    color: var(--text-muted);
}

.DVH_SUMMARY_VALUE[b-b1ly1h5rhy] {
    color: var(--text-primary);
}

.DVH_SUMMARY_MUTED[b-b1ly1h5rhy] {
    color: var(--text-muted);
}

/* ============== */
/* SEARCH INPUT    */
/* ============== */

.modal-body .input-group-text[b-b1ly1h5rhy] {
    color: var(--text-secondary);
    border-color: var(--border-strong);
    background-color: var(--surface-1);
}

.modal-body .input-group .form-control[b-b1ly1h5rhy] {
    background-color: var(--surface-1);
    color: var(--text-primary);
    border-color: var(--border-strong);
}

/* ============== */
/* SORTABLE HEADERS */
/* ============== */

.sortable-header[b-b1ly1h5rhy] {
    cursor: pointer;
    user-select: none;
    position: relative;
    padding-right: 20px;
}

.sortable-header:hover[b-b1ly1h5rhy] {
    color: var(--accent-primary);
}

.sort-icon-inline[b-b1ly1h5rhy] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}

/* ============== */
/* NOTES CELL      */
/* ============== */

.DVH_NOTES_CELL[b-b1ly1h5rhy] {
    max-width: 16rem;
    white-space: normal;
}

.DVH_NOTE_LINE[b-b1ly1h5rhy] {
    margin-bottom: 2px;
    white-space: pre-wrap;
    font-size: 0.75rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.DVH_NOTE_ROLE_A[b-b1ly1h5rhy] {
    color: #e05555;
    font-weight: 700;
}

/* Observations d'un bon : une ligne pleine largeur sous ses lignes pièce/action */
.DVH_OBS_CELL[b-b1ly1h5rhy] {
    white-space: normal;
    padding-top: 0.35rem;
    padding-bottom: 0.45rem;
    border-left: 3px solid #9575cd;
}

.DVH_OBS_TITLE[b-b1ly1h5rhy] {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.75;
    margin-bottom: 2px;
}

.DVH_NOTE_ROLE_M[b-b1ly1h5rhy] {
    color: #22d3ee;
    font-weight: 700;
}

.DVH_NOTE_ROLE_V[b-b1ly1h5rhy] {
    color: #34d399;
    font-weight: 700;
}

/* ============== */
/* STATUS BADGES   */
/* ============== */

.DVH_STATUS_BADGE[b-b1ly1h5rhy] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    border: 1px solid transparent;
    line-height: 1.2;
}

.DVH_STATUS_DONE[b-b1ly1h5rhy] {
    color: #34d399;
    border-color: #34d399;
    background-color: rgba(52, 211, 153, 0.14);
}

.DVH_STATUS_VERIFIED[b-b1ly1h5rhy] {
    color: var(--text-muted);
    border-color: var(--text-muted);
    background-color: rgba(122, 129, 145, 0.15);
}

.DVH_STATUS_CANCELLED[b-b1ly1h5rhy] {
    color: #e05555;
    border-color: #e05555;
    background-color: rgba(224, 85, 85, 0.14);
}

.DVH_STATUS_NEW[b-b1ly1h5rhy] {
    color: #22d3ee;
    border-color: #22d3ee;
    background-color: rgba(34, 211, 238, 0.15);
}

/* ============== */
/* STATUS BADGES – LIGHT MODE OVERRIDES */
/* ============== */

:root[data-theme="light"] .DVH_STATUS_DONE[b-b1ly1h5rhy],
body[data-theme="light"] .DVH_STATUS_DONE[b-b1ly1h5rhy],
:root:not([data-theme]) .DVH_STATUS_DONE[b-b1ly1h5rhy],
body:not([data-theme]) .DVH_STATUS_DONE[b-b1ly1h5rhy] {
    color: green;
    border-color: green;
    background-color: rgba(0, 128, 0, 0.12);
}

:root[data-theme="light"] .DVH_STATUS_VERIFIED[b-b1ly1h5rhy],
body[data-theme="light"] .DVH_STATUS_VERIFIED[b-b1ly1h5rhy],
:root:not([data-theme]) .DVH_STATUS_VERIFIED[b-b1ly1h5rhy],
body:not([data-theme]) .DVH_STATUS_VERIFIED[b-b1ly1h5rhy] {
    color: var(--text-muted);
    border-color: var(--text-muted);
    background-color: rgba(122, 129, 145, 0.15);
}

:root[data-theme="light"] .DVH_STATUS_CANCELLED[b-b1ly1h5rhy],
body[data-theme="light"] .DVH_STATUS_CANCELLED[b-b1ly1h5rhy],
:root:not([data-theme]) .DVH_STATUS_CANCELLED[b-b1ly1h5rhy],
body:not([data-theme]) .DVH_STATUS_CANCELLED[b-b1ly1h5rhy] {
    color: #cc3333;
    border-color: #cc3333;
    background-color: rgba(204, 51, 51, 0.14);
}

:root[data-theme="light"] .DVH_STATUS_NEW[b-b1ly1h5rhy],
body[data-theme="light"] .DVH_STATUS_NEW[b-b1ly1h5rhy],
:root:not([data-theme]) .DVH_STATUS_NEW[b-b1ly1h5rhy],
body:not([data-theme]) .DVH_STATUS_NEW[b-b1ly1h5rhy] {
    color: #06b6d4;
    border-color: #06b6d4;
    background-color: rgba(6, 182, 212, 0.15);
}

/* ============== */
/* NOTES ROLES – LIGHT MODE OVERRIDES */
/* ============== */

:root[data-theme="light"] .DVH_NOTE_ROLE_A[b-b1ly1h5rhy],
body[data-theme="light"] .DVH_NOTE_ROLE_A[b-b1ly1h5rhy],
:root:not([data-theme]) .DVH_NOTE_ROLE_A[b-b1ly1h5rhy],
body:not([data-theme]) .DVH_NOTE_ROLE_A[b-b1ly1h5rhy] {
    color: #cc3333;
}

:root[data-theme="light"] .DVH_NOTE_ROLE_M[b-b1ly1h5rhy],
body[data-theme="light"] .DVH_NOTE_ROLE_M[b-b1ly1h5rhy],
:root:not([data-theme]) .DVH_NOTE_ROLE_M[b-b1ly1h5rhy],
body:not([data-theme]) .DVH_NOTE_ROLE_M[b-b1ly1h5rhy] {
    color: #06b6d4;
}

:root[data-theme="light"] .DVH_NOTE_ROLE_V[b-b1ly1h5rhy],
body[data-theme="light"] .DVH_NOTE_ROLE_V[b-b1ly1h5rhy],
:root:not([data-theme]) .DVH_NOTE_ROLE_V[b-b1ly1h5rhy],
body:not([data-theme]) .DVH_NOTE_ROLE_V[b-b1ly1h5rhy] {
    color: green;
}

/* ============== */
/* USER HIGHLIGHT  */
/* ============== */

.DVH_USER_HIGHLIGHT[b-b1ly1h5rhy] {
    background-color: var(--surface-2) !important;
    color: var(--text-muted);
}

/* ============== */
/* DARK MODE       */
/* ============== */

:root[data-theme="dark"] .DVH_TABLE thead.table-light th[b-b1ly1h5rhy],
body[data-theme="dark"] .DVH_TABLE thead.table-light th[b-b1ly1h5rhy] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    border-bottom-color: var(--border-strong);
}

:root[data-theme="dark"] .input-group-text[b-b1ly1h5rhy],
body[data-theme="dark"] .input-group-text[b-b1ly1h5rhy] {
    color: var(--text-secondary);
    border-color: var(--border-strong);
    background-color: var(--surface-1);
}
/* /Components/Common/SearchPad.razor.rz.scp.css */
.SEARCHPAD[b-fbf4zizp2g] {
    width: 280px;
    padding: 0.7rem;
    border: 1px solid var(--border-subtle);
    border-radius: 0.55rem;
    background-color: var(--surface-1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
}

.SEARCHPAD_HEADER[b-fbf4zizp2g] {
    font-size: 0.74rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 0.45rem;
}

.SEARCHPAD_LABEL[b-fbf4zizp2g] {
    border: 1px solid var(--border-strong);
    border-radius: 0.45rem;
    padding: 0.5rem 0.65rem;
    margin-bottom: 0.55rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    color: var(--text-primary);
    background-color: var(--surface-2);
}

.SEARCHPAD_KEYS[b-fbf4zizp2g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    margin-bottom: 0.6rem;
}

.SEARCHPAD_KEY[b-fbf4zizp2g] {
    height: 44px;
    font-size: 1rem;
    font-weight: 600;
    user-select: none;
}

.SEARCHPAD_SEARCH[b-fbf4zizp2g] {
    width: 100%;
    height: 38px;
    font-size: 0.86rem;
    font-weight: 600;
}
/* /Components/Layout/Header.razor.rz.scp.css */
#layout-menu[b-q5pr5czr7s] {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    transform: translateX(-100%);
    transition: transform 0.25s ease, width 0.2s ease, min-width 0.2s ease, max-width 0.2s ease;
    will-change: transform;
    background-color: var(--surface-1);
    border-right: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: column;
    overflow: visible;
}

@supports (height: 100dvh) {
    #layout-menu[b-q5pr5czr7s] {
        height: 100dvh;
        min-height: 100dvh;
        max-height: 100dvh;
    }
}

html.layout-menu-expanded #layout-menu[b-q5pr5czr7s] {
    transform: translateX(0);
}

@media (min-width: 1200px) {
    #layout-menu[b-q5pr5czr7s] {
        position: sticky;
        transform: none;
        z-index: 30;
    }
}

.app-brand.demo[b-q5pr5czr7s] {
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
}

.app-brand-link[b-q5pr5czr7s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: auto;
    border: none;
    background: transparent;
    text-align: left;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
}

.app-brand-link:hover[b-q5pr5czr7s] {
    text-decoration: none;
}

.app-brand-text.menu-text[b-q5pr5czr7s] {
    color: var(--text-primary);
    letter-spacing: 0.05rem;
    font-size: 1rem;
}

.HEADER_BRAND_MARK[b-q5pr5czr7s] {
    height: 24px;
    width: auto;
    display: block;
}

.menu .app-brand .layout-menu-toggle[b-q5pr5czr7s] {
    position: absolute;
    z-index: 3;
    border: 7px solid var(--surface-1, #fff);
    border-radius: 50%;
    background-color: #673ab7;
    inset-inline-start: 15.2rem;
    opacity: 1;
    width: 2.625rem !important;
    height: 2.625rem !important;
    min-width: auto !important;
    padding: 0 !important;
    display: none !important;
    align-items: center;
    justify-content: center;
}

.menu .app-brand .layout-menu-toggle i[b-q5pr5czr7s] {
    color: #fff;
    font-size: 1.375rem;
    line-height: 1;
    transition: all 0.3s ease-in-out;
}

.menu .app-brand .layout-menu-toggle:hover[b-q5pr5czr7s] {
    background-color: #562fa0;
    color: #fff;
}

@media (min-width: 1200px) {
    .menu .app-brand .layout-menu-toggle[b-q5pr5czr7s] {
        display: inline-flex !important;
    }
}

/* Only show on mobile when sidebar is expanded */
@media (max-width: 1199.98px) {
    html.layout-menu-expanded .menu .app-brand .layout-menu-toggle[b-q5pr5czr7s] {
        display: inline-flex !important;
    }
}

.menu-divider[b-q5pr5czr7s] {
    border-top: 1px solid var(--border-subtle);
    margin: 0;
}

.menu-inner-shadow[b-q5pr5czr7s] {
    height: 0;
}

.menu-inner[b-q5pr5czr7s] {
    list-style: none;
    margin: 0;
    padding: 0.5rem 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.menu-item[b-q5pr5czr7s] {
    padding: 0 0.75rem;
    margin: 0.1rem 0;
}

.menu-link[b-q5pr5czr7s] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    border-radius: 0.375rem;
    padding: 0.62rem 0.75rem;
    text-align: left;
    font-size: 0.94rem;
    line-height: 1.35;
    transition: background-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
    text-decoration: none;
}

.menu-link:hover[b-q5pr5czr7s] {
    background-color: var(--surface-2);
    color: var(--text-primary);
    text-decoration: none;
}

.menu-icon[b-q5pr5czr7s] {
    font-size: 1.1rem;
    width: 1.25rem;
    text-align: center;
}

.menu-item.active .menu-link[b-q5pr5czr7s] {
    background-color: rgba(105, 108, 255, 0.16);
    color: var(--text-primary);
    font-weight: 600;
}

.menu-header[b-q5pr5czr7s] {
    padding: 0.6rem 1.5rem 0.3rem;
    color: var(--text-muted);
    letter-spacing: 0.05rem;
    font-size: 0.72rem;
}

.menu-header-text[b-q5pr5czr7s] {
    color: inherit;
}

.HEADER_SIDEBAR_FOOTER[b-q5pr5czr7s] {
    border-top: 1px solid var(--border-subtle);
    padding: 0.8rem 0.9rem;
    flex-shrink: 0;
}

.HEADER_LANGUAGE_SELECTOR[b-q5pr5czr7s] {
    margin-bottom: 0.65rem;
}

.HEADER_LANGUAGE_LABEL[b-q5pr5czr7s] {
    display: block;
    color: var(--text-muted);
    font-size: 0.74rem;
    margin-bottom: 0.35rem;
}

.HEADER_LANGUAGE_OPTIONS[b-q5pr5czr7s] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.HEADER_LANGUAGE_BUTTON[b-q5pr5czr7s] {
    width: 30px;
    height: 22px;
    border: 1px solid var(--border-subtle);
    border-radius: 0.3rem;
    background: transparent;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.HEADER_LANGUAGE_BUTTON.active[b-q5pr5czr7s] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 1px rgba(105, 108, 255, 0.25);
}

.HEADER_LANGUAGE_FLAG[b-q5pr5czr7s] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.HEADER_THEME_BUTTON[b-q5pr5czr7s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    margin-right: 0;
    padding: 0;
    border: 1px solid var(--border-subtle);
    border-radius: 0.375rem;
    background-color: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.HEADER_THEME_BUTTON i[b-q5pr5czr7s] {
    font-size: 18px;
}

.HEADER_THEME_BUTTON:hover[b-q5pr5czr7s] {
    color: var(--text-primary);
    background-color: var(--surface-2);
}

.HEADER_USER_PANEL[b-q5pr5czr7s] {
    margin-top: 0.45rem;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.HEADER_USER_AVATAR[b-q5pr5czr7s] {
    width: 40px;
    height: 40px;
    border: 1px solid var(--border-subtle);
    border-radius: 50%;
    background-color: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.HEADER_USER_ICON[b-q5pr5czr7s] {
    font-size: 20px;
    color: var(--text-muted);
    line-height: 1;
}

.HEADER_USER_PHOTO[b-q5pr5czr7s] {
    width: 100%;
    height: 100%;
    margin-right: 0;
    object-fit: cover;
    position: absolute;
    inset: 0;
}

.HEADER_USER_TEXT[b-q5pr5czr7s] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
}

.HEADER_USER_NAME_TRIGGER[b-q5pr5czr7s] {
    margin-top: 0;
    border: none;
    background: transparent;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.HEADER_USER_NAME[b-q5pr5czr7s] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-primary);
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HEADER_LOGOUT_BUTTON[b-q5pr5czr7s] {
    cursor: pointer;
    background-color: transparent;
    color: var(--text-muted);
    font-size: 0.75rem;
    border-color: transparent;
    border-style: none;
    padding-left: 0;
    padding-right: 0;
    text-decoration: underline;
}

.FORMFIELD1[b-q5pr5czr7s] {
    margin-bottom: 0.45rem;
}

.FORMFIELD2[b-q5pr5czr7s] {
    margin-top: 0.95rem;
    margin-bottom: 0.45rem;
}

.HEADER_PASSWORD_ACTIONS[b-q5pr5czr7s] {
    margin-top: 0;
}

.HEADER_PASSWORD_MODAL[b-q5pr5czr7s] {
    border: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    color: var(--text-primary);
}

.HEADER_BIKEREF_BADGE[b-q5pr5czr7s] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    font-family: monospace;
    background-color: rgba(105, 108, 255, 0.16);
    color: var(--text-primary);
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    margin-left: 0.35rem;
    vertical-align: middle;
    line-height: 1.4;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout-wrapper[b-883q7hwvdv] {
    display: block;
    min-height: 100vh;
}

.layout-container[b-883q7hwvdv] {
    display: flex;
    align-items: stretch;
    min-height: 100vh;
    transition: all 0.2s ease;
}

.layout-page[b-883q7hwvdv] {
    flex: 1 1 auto;
    min-width: 0;
}

.content-wrapper[b-883q7hwvdv] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.main-content-host[b-883q7hwvdv] {
    flex: 1 1 auto;
    min-height: 100vh;
    overflow: auto;
    padding: 1rem 1.25rem;
}

.layout-overlay[b-883q7hwvdv] {
    display: none;
}

.drag-target[b-883q7hwvdv] {
    display: none;
}

.MOBILE_MENU_TOGGLE_CONTAINER[b-883q7hwvdv] {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 1rem;
}

.MOBILE_MENU_TOGGLE[b-883q7hwvdv] {
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--text-primary);
    padding: 0.5rem;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease;
}

.MOBILE_MENU_TOGGLE:hover[b-883q7hwvdv] {
    background-color: var(--surface-2);
}

.layout-navbar[b-883q7hwvdv] {
    display: none;
    height: 56px;
    border-bottom: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    position: sticky;
    top: 0;
    z-index: 40;
}

@media (max-width: 991.98px) {
    .layout-navbar[b-883q7hwvdv] {
        display: flex;
    }

    .main-content-host[b-883q7hwvdv] {
        padding: 0.75rem;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .layout-page[b-883q7hwvdv] {
        width: 100%;
    }

    .layout-overlay[b-883q7hwvdv] {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.45);
        z-index: 1050;
        display: none;
    }

    html.layout-menu-expanded .layout-overlay[b-883q7hwvdv] {
        display: block;
    }
}

#blazor-error-ui[b-883q7hwvdv] {
    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[b-883q7hwvdv] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* /Components/ModuleAtelier/ATAvisage.razor.rz.scp.css */
.AT_AVISAGE_PAGE[b-96foln779a] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 0.75rem 9rem 0.75rem;
}

.AT_AVISAGE_PAGE .task-header-bar[b-96foln779a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 768px) {
    .AT_AVISAGE_PAGE[b-96foln779a] {
                padding: 0.5rem 0.5rem 9rem 0.5rem;
    }

    /* Enlarged modal text */
    .AT_AVISAGE_PAGE .modal-body p[b-96foln779a] {
        font-size: 1.15rem;
    }

    /* Larger touch targets for modal buttons (phone) */
    .AT_AVISAGE_PAGE .modal-footer .btn[b-96foln779a] {
        min-height: 54px;
        min-width: 140px;
        font-size: 1.2rem;
        padding: 0.7rem 1.5rem;
    }

    /* Table cells larger for tap targets */
    .AT_AVISAGE_PAGE .table td[b-96foln779a],
    .AT_AVISAGE_PAGE .table th[b-96foln779a] {
        font-size: 1rem;
        padding: 0.7rem 0.5rem;
    }

    /* Action buttons at full width on mobile */
    .AT_AVISAGE_PAGE .d-flex.gap-2.justify-content-end[b-96foln779a] {
        flex-direction: column;
    }

    .AT_AVISAGE_PAGE .d-flex.gap-2.justify-content-end .btn[b-96foln779a] {
        width: 100%;
        text-align: center;
    }
}

/* Tablet: scale up modal buttons */
@media (min-width: 769px) and (max-width: 1024px) {
    .AT_AVISAGE_PAGE .modal-footer .btn[b-96foln779a] {
        min-height: 50px;
        min-width: 130px;
        font-size: 1.1rem;
        padding: 0.6rem 1.4rem;
    }
}

/* ============== */
/* Search Results */
/* ============== */

.avisage-search-results[b-96foln779a] {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--border-subtle);
    border-radius: 0.375rem;
}

.avisage-search-results .table[b-96foln779a] {
    margin-bottom: 0;
    font-size: 13px;
}

.avisage-search-results .table th[b-96foln779a] {
    position: sticky;
    top: 0;
    background: var(--surface-2);
    z-index: 1;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.avisage-row--associated[b-96foln779a] {
    opacity: 0.6;
    background: var(--surface-2);
}

/* ============ */
/* Action Blocks  */
/* ============ */

.avisage-actions-cell[b-96foln779a] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.avisage-action-block[b-96foln779a] {
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
    background: #e8f0fe;
    color: #1a73e8;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.avisage-action-block:hover[b-96foln779a] {
    background: #d2e3fc;
    color: #1557b0;
}

.avisage-action-block--selected[b-96foln779a] {
    background: #c8e6c9;
    color: #2e7d32;
    cursor: default;
}

/* ============== */
/* Action Modal   */
/* ============== */

.avisage-modal-part-info[b-96foln779a] {
    padding: 0.5rem 0.75rem;
    background: var(--surface-2);
    border-radius: 0.375rem;
    border: 1px solid var(--border-subtle);
    font-size: 14px;
}

.avisage-modal-actions-list[b-96foln779a] {
    max-height: 360px;
    overflow-y: auto;
}

.avisage-modal-action-row[b-96foln779a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--border-subtle);
    transition: background 0.1s ease;
}

.avisage-modal-action-row:last-child[b-96foln779a] {
    border-bottom: none;
}

.avisage-modal-action-row:hover[b-96foln779a] {
    background: var(--surface-2);
}

.avisage-modal-action-row--selected[b-96foln779a] {
    background: #e8f5e9;
    opacity: 0.8;
}

/* ============== */
/* Dark Mode       */
/* ============== */

:root[data-theme="dark"] .AT_AVISAGE_PAGE .card[b-96foln779a],
body[data-theme="dark"] .AT_AVISAGE_PAGE .card[b-96foln779a] {
    background-color: var(--surface-1) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

:root[data-theme="dark"] .AT_AVISAGE_PAGE .card-header[b-96foln779a],
body[data-theme="dark"] .AT_AVISAGE_PAGE .card-header[b-96foln779a] {
    background-color: var(--surface-2) !important;
    border-bottom-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

:root[data-theme="dark"] .AT_AVISAGE_PAGE .card-body[b-96foln779a],
body[data-theme="dark"] .AT_AVISAGE_PAGE .card-body[b-96foln779a] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_AVISAGE_PAGE .text-muted[b-96foln779a],
body[data-theme="dark"] .AT_AVISAGE_PAGE .text-muted[b-96foln779a] {
    color: var(--text-muted) !important;
}

:root[data-theme="dark"] .AT_AVISAGE_PAGE .table[b-96foln779a],
body[data-theme="dark"] .AT_AVISAGE_PAGE .table[b-96foln779a] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_AVISAGE_PAGE .table th[b-96foln779a],
body[data-theme="dark"] .AT_AVISAGE_PAGE .table th[b-96foln779a] {
    color: var(--text-secondary);
}

:root[data-theme="dark"] .AT_AVISAGE_PAGE .table td[b-96foln779a],
body[data-theme="dark"] .AT_AVISAGE_PAGE .table td[b-96foln779a] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_AVISAGE_PAGE .form-control[b-96foln779a],
body[data-theme="dark"] .AT_AVISAGE_PAGE .form-control[b-96foln779a] {
    background-color: var(--surface-2);
    border-color: var(--border-subtle);
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_AVISAGE_PAGE .form-label[b-96foln779a],
body[data-theme="dark"] .AT_AVISAGE_PAGE .form-label[b-96foln779a] {
    color: var(--text-secondary) !important;
}

/* ============== */
/* Dark Mode - New Components */
/* ============== */

:root[data-theme="dark"] .avisage-search-results[b-96foln779a],
body[data-theme="dark"] .avisage-search-results[b-96foln779a] {
    border-color: var(--border-subtle);
}

:root[data-theme="dark"] .avisage-search-results .table th[b-96foln779a],
body[data-theme="dark"] .avisage-search-results .table th[b-96foln779a] {
    background: var(--surface-2);
}

:root[data-theme="dark"] .avisage-row--associated[b-96foln779a],
body[data-theme="dark"] .avisage-row--associated[b-96foln779a] {
    background: var(--surface-2);
    opacity: 0.7;
}

:root[data-theme="dark"] .avisage-action-block[b-96foln779a],
body[data-theme="dark"] .avisage-action-block[b-96foln779a] {
    background: rgba(26, 115, 232, 0.2);
    color: #8ab4f8;
}

:root[data-theme="dark"] .avisage-action-block:hover[b-96foln779a],
body[data-theme="dark"] .avisage-action-block:hover[b-96foln779a] {
    background: rgba(26, 115, 232, 0.35);
    color: #aecbfa;
}

:root[data-theme="dark"] .avisage-action-block--selected[b-96foln779a],
body[data-theme="dark"] .avisage-action-block--selected[b-96foln779a] {
    background: rgba(46, 125, 50, 0.3);
    color: #81c784;
}

:root[data-theme="dark"] .avisage-modal-part-info[b-96foln779a],
body[data-theme="dark"] .avisage-modal-part-info[b-96foln779a] {
    background: var(--surface-2);
    border-color: var(--border-subtle);
}

:root[data-theme="dark"] .avisage-modal-action-row[b-96foln779a],
body[data-theme="dark"] .avisage-modal-action-row[b-96foln779a] {
    border-bottom-color: var(--border-subtle);
}

:root[data-theme="dark"] .avisage-modal-action-row:hover[b-96foln779a],
body[data-theme="dark"] .avisage-modal-action-row:hover[b-96foln779a] {
    background: var(--surface-2);
}

:root[data-theme="dark"] .avisage-modal-action-row--selected[b-96foln779a],
body[data-theme="dark"] .avisage-modal-action-row--selected[b-96foln779a] {
    background: rgba(46, 125, 50, 0.2);
}
/* Note sur une pièce (24/09/2026) */
.avisage-part-note[b-96foln779a] {
    margin-top: 2px;
    font-size: 0.82rem;
    color: #f5b041;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Bouton « Note » de la ligne : icône agrandie à la demande de l'atelier (28/09/2026), cible facile au doigt. */
.part-note-btn[b-96foln779a] {
    font-size: 1.9rem;
    line-height: 1;
    padding: 0.3rem 0.55rem !important;
}
/* /Components/ModuleAtelier/ATHealthRecord.razor.rz.scp.css */
.AT_HEALTH_PAGE[b-ybv8itl8c1] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 0.75rem calc(7rem + env(safe-area-inset-bottom, 0px)) 0.75rem;
}

.AT_HEALTH_STAT[b-ybv8itl8c1] {
    color: var(--bs-primary);
    font-size: 1.35rem;
    font-weight: 700;
}

.AT_HEALTH_ROW[b-ybv8itl8c1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0;
    font-size: 0.86rem;
    border-bottom: 1px solid var(--border-subtle);
}

.AT_HEALTH_ROW:last-child[b-ybv8itl8c1] {
    border-bottom: 0;
}

.AT_HEALTH_ROW span[b-ybv8itl8c1] {
    color: var(--bs-secondary-color);
}

@media (max-width: 768px) {
    .AT_HEALTH_PAGE[b-ybv8itl8c1] {
        padding: 0.5rem 0.5rem calc(7rem + env(safe-area-inset-bottom, 0px)) 0.5rem;
    }

    /* Ensure health record rows are readable */
    .AT_HEALTH_ROW[b-ybv8itl8c1] {
        font-size: 1.05rem;
        padding: 0.6rem 0;
    }

    /* Larger stat numbers */
    .AT_HEALTH_STAT[b-ybv8itl8c1] {
        font-size: 1.65rem;
    }

    /* Button minimum touch target */
    .AT_HEALTH_PAGE .btn[b-ybv8itl8c1] {
        min-height: 48px;
        font-size: 1.1rem;
    }
}

/* ============== */
/* Dark Mode       */
/* ============== */

:root[data-theme="dark"] .AT_HEALTH_PAGE .card[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_PAGE .card[b-ybv8itl8c1] {
    background-color: var(--surface-1) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

:root[data-theme="dark"] .AT_HEALTH_PAGE .card-header[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_PAGE .card-header[b-ybv8itl8c1] {
    background-color: var(--surface-2) !important;
    border-bottom-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

:root[data-theme="dark"] .AT_HEALTH_PAGE .card-body[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_PAGE .card-body[b-ybv8itl8c1] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_HEALTH_PAGE .text-body-secondary[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_PAGE .text-body-secondary[b-ybv8itl8c1] {
    color: var(--text-secondary) !important;
}

:root[data-theme="dark"] .AT_HEALTH_PAGE .text-muted[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_PAGE .text-muted[b-ybv8itl8c1] {
    color: var(--text-muted) !important;
}

:root[data-theme="dark"] .AT_HEALTH_PAGE .text-muted i[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_PAGE .text-muted i[b-ybv8itl8c1] {
    color: var(--text-muted) !important;
}

:root[data-theme="dark"] .AT_HEALTH_ROW[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_ROW[b-ybv8itl8c1] {
    border-bottom-color: var(--border-subtle);
}

:root[data-theme="dark"] .AT_HEALTH_ROW span[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_ROW span[b-ybv8itl8c1] {
    color: var(--text-secondary);
}

:root[data-theme="dark"] .AT_HEALTH_ROW strong[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_ROW strong[b-ybv8itl8c1] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_HEALTH_STAT[b-ybv8itl8c1],
body[data-theme="dark"] .AT_HEALTH_STAT[b-ybv8itl8c1] {
    color: var(--accent-primary) !important;
}

/* ============== */
/* Badge fix       */
/* ============== */

:root:not([data-theme="dark"]) .badge.bg-label-success[b-ybv8itl8c1],
body:not([data-theme="dark"]) .badge.bg-label-success[b-ybv8itl8c1],
:root:not([data-theme="dark"]) .badge.bg-label-primary[b-ybv8itl8c1],
body:not([data-theme="dark"]) .badge.bg-label-primary[b-ybv8itl8c1] {
  color: #000000 !important;
}

/* Notes par pièce et observations du bon (24/09/2026) */
.AT_HEALTH_NOTES[b-ybv8itl8c1] {
    padding: 0.4rem 0 0.2rem;
    font-size: 0.86rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.AT_HEALTH_NOTES_TITLE[b-ybv8itl8c1] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.75;
    margin-bottom: 2px;
}

.AT_HEALTH_OBS[b-ybv8itl8c1] {
    border-left: 3px solid #9575cd;
    font-size: 0.86rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.AT_HEALTH_ROLE_A[b-ybv8itl8c1] { color: #e05555; font-weight: 700; }
.AT_HEALTH_ROLE_M[b-ybv8itl8c1] { color: #22d3ee; font-weight: 700; }
.AT_HEALTH_ROLE_V[b-ybv8itl8c1] { color: #34d399; font-weight: 700; }
/* /Components/ModuleAtelier/ATMain.razor.rz.scp.css */
.AT_MAIN_PAGE[b-qcda4czl1z] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 0.75rem 9rem 0.75rem;
}

@media (min-width: 768px) {
    .AT_MAIN_PAGE .card button.card[b-qcda4czl1z] {
        min-height: 136px;
    }
}

@media (max-width: 768px) {
    .AT_MAIN_PAGE[b-qcda4czl1z] {
                padding: 0.5rem 0.5rem 9rem 0.5rem;
    }

    /* Enlarged modal text for readability */
    .AT_MAIN_PAGE .modal-body p[b-qcda4czl1z] {
        font-size: 1.15rem;
    }

    /* Larger touch targets for modal buttons (phone) */
    .AT_MAIN_PAGE .modal-footer .btn[b-qcda4czl1z] {
        min-height: 54px;
        min-width: 140px;
        font-size: 1.2rem;
        padding: 0.7rem 1.5rem;
    }

    /* Operation card touch sizing */
    .AT_MAIN_PAGE .card .card-body[b-qcda4czl1z] {
        min-height: 125px;
    }

    /* Bike input larger for easier typing */
    .AT_MAIN_PAGE .form-control[b-qcda4czl1z] {
        font-size: 1.1rem;
        min-height: 48px;
    }
}

/* Tablet: scale up modal buttons */
@media (min-width: 769px) and (max-width: 1024px) {
    .AT_MAIN_PAGE .modal-footer .btn[b-qcda4czl1z] {
        min-height: 50px;
        min-width: 130px;
        font-size: 1.1rem;
        padding: 0.6rem 1.4rem;
    }
}

/* ============== */
/* Dark Mode       */
/* ============== */

:root[data-theme="dark"] .AT_MAIN_PAGE .card[b-qcda4czl1z],
body[data-theme="dark"] .AT_MAIN_PAGE .card[b-qcda4czl1z] {
    background-color: var(--surface-1) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

:root[data-theme="dark"] .AT_MAIN_PAGE .card-header[b-qcda4czl1z],
body[data-theme="dark"] .AT_MAIN_PAGE .card-header[b-qcda4czl1z] {
    background-color: var(--surface-1) !important;
    border-bottom-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

:root[data-theme="dark"] .AT_MAIN_PAGE .card-body[b-qcda4czl1z],
body[data-theme="dark"] .AT_MAIN_PAGE .card-body[b-qcda4czl1z] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_MAIN_PAGE .text-body-secondary[b-qcda4czl1z],
body[data-theme="dark"] .AT_MAIN_PAGE .text-body-secondary[b-qcda4czl1z] {
    color: var(--text-secondary) !important;
}

:root[data-theme="dark"] .AT_MAIN_PAGE .text-body[b-qcda4czl1z],
body[data-theme="dark"] .AT_MAIN_PAGE .text-body[b-qcda4czl1z] {
    color: var(--text-primary) !important;
}

:root[data-theme="dark"] .AT_MAIN_PAGE .text-muted[b-qcda4czl1z],
body[data-theme="dark"] .AT_MAIN_PAGE .text-muted[b-qcda4czl1z] {
    color: var(--text-muted) !important;
}

:root[data-theme="dark"] .AT_MAIN_PAGE .border-bottom[b-qcda4czl1z],
body[data-theme="dark"] .AT_MAIN_PAGE .border-bottom[b-qcda4czl1z] {
    border-bottom-color: var(--border-subtle) !important;
}

/* ============== */
/* Alert Popup     */
/* ============== */

.at-contextual-alert-message[b-qcda4czl1z] {
  margin-bottom: 8px;
}

.at-contextual-alert-box[b-qcda4czl1z] {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--border-strong);
  border-radius: 4px;
  background-color: var(--surface-2);
  color: var(--text-primary);
}

.at-contextual-alert-label[b-qcda4czl1z] {
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--accent-primary);
}

.at-contextual-alert-text[b-qcda4czl1z] {
  white-space: pre-wrap;
  color: var(--text-primary);
}

.at-other-search-results[b-qcda4czl1z] {
    border: 1px solid var(--border-subtle);
    border-radius: 0.5rem;
    overflow: hidden;
}

.at-other-search-results .table th[b-qcda4czl1z] {
    background: var(--surface-2);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-secondary);
}

.at-other-action-part-info[b-qcda4czl1z] {
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: 0.5rem;
    padding: 0.75rem;
}

.at-other-actions-list[b-qcda4czl1z] {
    border: 1px solid var(--border-subtle);
    border-radius: 0.5rem;
    overflow: hidden;
}

.at-other-action-row[b-qcda4czl1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--border-subtle);
}

.at-other-action-row:last-child[b-qcda4czl1z] {
    border-bottom: 0;
}

:root[data-theme="dark"] .at-other-search-results[b-qcda4czl1z],
body[data-theme="dark"] .at-other-search-results[b-qcda4czl1z],
:root[data-theme="dark"] .at-other-action-part-info[b-qcda4czl1z],
body[data-theme="dark"] .at-other-action-part-info[b-qcda4czl1z],
:root[data-theme="dark"] .at-other-actions-list[b-qcda4czl1z],
body[data-theme="dark"] .at-other-actions-list[b-qcda4czl1z] {
    border-color: var(--border-subtle);
    background: var(--surface-1);
}

:root[data-theme="dark"] .at-other-search-results .table th[b-qcda4czl1z],
body[data-theme="dark"] .at-other-search-results .table th[b-qcda4czl1z] {
    background: var(--surface-2);
    color: var(--text-secondary);
}

:root[data-theme="dark"] .at-other-search-results .table[b-qcda4czl1z],
body[data-theme="dark"] .at-other-search-results .table[b-qcda4czl1z] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .at-other-search-results .table td[b-qcda4czl1z],
body[data-theme="dark"] .at-other-search-results .table td[b-qcda4czl1z] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .at-other-action-row[b-qcda4czl1z],
body[data-theme="dark"] .at-other-action-row[b-qcda4czl1z] {
    border-bottom-color: var(--border-subtle);
}
/* /Components/ModuleAtelier/ATTask.razor.rz.scp.css */
.AT_TASK_PAGE[b-fo12gojs8d] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 0.75rem 9rem 0.75rem;
}

.AT_TASK_PAGE .task-header-bar[b-fo12gojs8d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 768px) {
    .AT_TASK_PAGE[b-fo12gojs8d] {
                padding: 0.5rem 0.5rem 9rem 0.5rem;
    }

    /* Enlarged modal text */
    .AT_TASK_PAGE .modal-body p[b-fo12gojs8d] {
        font-size: 1.15rem;
    }

    /* Larger touch targets for modal buttons (phone) */
    .AT_TASK_PAGE .modal-footer .btn[b-fo12gojs8d] {
        min-height: 54px;
        min-width: 140px;
        font-size: 1.2rem;
        padding: 0.7rem 1.5rem;
    }

    /* Table cells larger for tap targets */
    .AT_TASK_PAGE .table td[b-fo12gojs8d],
    .AT_TASK_PAGE .table th[b-fo12gojs8d] {
        font-size: 1rem;
        padding: 0.7rem 0.5rem;
    }

    /* Action buttons at full width on mobile */
    .AT_TASK_PAGE .d-flex.gap-2.justify-content-end[b-fo12gojs8d] {
        flex-direction: column;
    }

    .AT_TASK_PAGE .d-flex.gap-2.justify-content-end .btn[b-fo12gojs8d],
    .AT_TASK_PAGE .d-flex.gap-2.justify-content-end a[b-fo12gojs8d] {
        width: 100%;
        text-align: center;
    }
}

/* Tablet: scale up modal buttons */
@media (min-width: 769px) and (max-width: 1024px) {
    .AT_TASK_PAGE .modal-footer .btn[b-fo12gojs8d] {
        min-height: 50px;
        min-width: 130px;
        font-size: 1.1rem;
        padding: 0.6rem 1.4rem;
    }
}

/* ============== */
/* Dark Mode       */
/* ============== */

:root[data-theme="dark"] .AT_TASK_PAGE .card[b-fo12gojs8d],
body[data-theme="dark"] .AT_TASK_PAGE .card[b-fo12gojs8d] {
    background-color: var(--surface-1) !important;
    border-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

:root[data-theme="dark"] .AT_TASK_PAGE .card-header[b-fo12gojs8d],
body[data-theme="dark"] .AT_TASK_PAGE .card-header[b-fo12gojs8d] {
    background-color: var(--surface-2) !important;
    border-bottom-color: var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

:root[data-theme="dark"] .AT_TASK_PAGE .card-body[b-fo12gojs8d],
body[data-theme="dark"] .AT_TASK_PAGE .card-body[b-fo12gojs8d] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_TASK_PAGE .text-muted[b-fo12gojs8d],
body[data-theme="dark"] .AT_TASK_PAGE .text-muted[b-fo12gojs8d] {
    color: var(--text-muted) !important;
}

:root[data-theme="dark"] .AT_TASK_PAGE .table[b-fo12gojs8d],
body[data-theme="dark"] .AT_TASK_PAGE .table[b-fo12gojs8d] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_TASK_PAGE .table th[b-fo12gojs8d],
body[data-theme="dark"] .AT_TASK_PAGE .table th[b-fo12gojs8d] {
    color: var(--text-secondary);
}

:root[data-theme="dark"] .AT_TASK_PAGE .table td[b-fo12gojs8d],
body[data-theme="dark"] .AT_TASK_PAGE .table td[b-fo12gojs8d] {
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_TASK_PAGE .form-control[b-fo12gojs8d],
body[data-theme="dark"] .AT_TASK_PAGE .form-control[b-fo12gojs8d] {
    background-color: var(--surface-2);
    border-color: var(--border-subtle);
    color: var(--text-primary);
}

:root[data-theme="dark"] .AT_TASK_PAGE .form-label[b-fo12gojs8d],
body[data-theme="dark"] .AT_TASK_PAGE .form-label[b-fo12gojs8d] {
    color: var(--text-secondary) !important;
}
/* Notes sur une pièce (24/09/2026) */
.task-part-note[b-fo12gojs8d] {
    margin-top: 2px;
    font-size: 0.82rem;
    color: #f5b041;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Bouton « Note » de la ligne : icône agrandie à la demande de l'atelier (28/09/2026), cible facile au doigt. */
.part-note-btn[b-fo12gojs8d] {
    font-size: 1.9rem;
    line-height: 1;
    padding: 0.3rem 0.55rem !important;
}
/* /Components/ModuleAtelier/ATValidationFloatingOverlay.razor.rz.scp.css */
.at-validation-overlay-host[b-k6xof45996] {
    position: fixed;
    bottom: calc(5rem + env(safe-area-inset-bottom, 0px) + 0.5rem);
    right: 1rem;
    z-index: 9999;
    max-width: 420px;
    width: calc(100% - 2rem);
}

.at-validation-overlay-host .card[b-k6xof45996] {
    background: var(--surface-1, #ffffff);
    color: var(--text-primary, #212529);
    border-color: var(--border-subtle, #dfe3ea);
}

:root[data-theme="dark"] .at-validation-overlay-host .card[b-k6xof45996],
body[data-theme="dark"] .at-validation-overlay-host .card[b-k6xof45996] {
    background: var(--surface-1, #1f2330);
    color: var(--text-primary, #e7eaf3);
    border-color: var(--border-subtle, #3a4050);
}

:root[data-theme="dark"] .at-validation-overlay-host .text-muted[b-k6xof45996],
body[data-theme="dark"] .at-validation-overlay-host .text-muted[b-k6xof45996] {
    color: var(--text-muted, #a9b0c0) !important;
}
/* /Components/ModuleDashboard/DAMain.razor.rz.scp.css */
.dashboard-container[b-qqtmmonqyh] {
    padding: 28px;
    height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    background: transparent;
}

.dashboard-page[b-qqtmmonqyh] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 18px;
}

[b-qqtmmonqyh] .dashboard-transfer-row .dashboard-card {
    width: min(100%, 420px);
    max-width: 420px;
    flex: 1 1 320px;
}

[b-qqtmmonqyh] .dashboard-filters {
    margin: 8px auto 20px;
    max-width: 1200px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--border-subtle) 55%, transparent);
    border-radius: 14px;
    background-color: color-mix(in srgb, var(--surface-2) 90%, transparent);
}

[b-qqtmmonqyh] .dashboard-filter {
    min-width: 160px;
}

[b-qqtmmonqyh] .dashboard-filter-label {
    color: var(--text-secondary);
    margin-bottom: 6px;
    font-size: 0.82rem;
    letter-spacing: 0.03em;
}

[b-qqtmmonqyh] .dashboard-filter-picker {
    min-width: 180px;
    background-color: var(--surface-1);
    color: var(--text-primary);
    border-color: var(--border-subtle);
}

[b-qqtmmonqyh] .dashboard-filter-clear {
    min-width: 110px;
}

[b-qqtmmonqyh] .dashboard-filter-alert {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

[b-qqtmmonqyh] .dashboard-card {
    min-height: 170px;
    width: min(100%, 24rem);
    flex: 1 1 20rem;
    background-color: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    box-shadow: 0 0.35rem 1rem rgba(67, 89, 113, 0.1);
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-qqtmmonqyh] .dashboard-card:hover {
    border-color: var(--border-strong);
    box-shadow: 0 0.55rem 1.3rem rgba(67, 89, 113, 0.14);
}

.dashboard-container > .dashboard-page:first-of-type[b-qqtmmonqyh]  .dashboard-card {
    background-color: var(--surface-1);
    border-color: var(--border-subtle);
    box-shadow: 0 0.35rem 1rem rgba(67, 89, 113, 0.1);
}

[b-qqtmmonqyh] .dashboard-card-value {
    color: var(--text-primary);
    text-align: center;
    margin-top: 0;
    line-height: 1;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
}

[b-qqtmmonqyh] .dashboard-card-title {
    color: var(--text-secondary);
    text-align: center;
    margin-top: 0;
    font-size: clamp(0.9rem, 1.1vw, 1.05rem);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-qqtmmonqyh] .dashboard-card-unit {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin-left: 6px;
}

[b-qqtmmonqyh] .dashboard-locations {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
    margin: 20px auto 48px;
    width: 100%;
    max-width: 1200px;
}

[b-qqtmmonqyh] .dashboard-location-card {
    background-color: var(--surface-2);
    border: 1px solid color-mix(in srgb, var(--border-subtle) 70%, transparent);
    border-radius: 14px;
    padding: 16px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
}

[b-qqtmmonqyh] .dashboard-location-card-loading {
    opacity: 0.75;
}

[b-qqtmmonqyh] .dashboard-location-title {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

[b-qqtmmonqyh] .dashboard-location-description {
    color: var(--text-secondary);
    font-size: 0.82rem;
    margin-top: 4px;
    min-height: 2.2em;
}

[b-qqtmmonqyh] .dashboard-location-value {
    color: var(--text-primary);
    font-size: 1.8rem;
    margin-top: 8px;
    font-weight: 700;
}

[b-qqtmmonqyh] .dashboard-location-duration-label {
    color: var(--text-secondary);
    font-size: 0.78rem;
    margin-top: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

[b-qqtmmonqyh] .dashboard-location-duration-value {
    color: var(--text-primary);
    font-size: 1rem;
    margin-top: 4px;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

[b-qqtmmonqyh] .dashboard-location-duration-unit {
    color: var(--text-secondary);
    font-size: 0.8rem;
}

[b-qqtmmonqyh] .dashboard-location-duration-empty {
    color: var(--text-muted);
}

[b-qqtmmonqyh] .dashboard-skeleton-line {
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 50%, var(--surface-2) 100%);
}

[b-qqtmmonqyh] .dashboard-skeleton-line-wide {
    margin: 10px auto 0;
    width: 60%;
    height: 24px;
}

[b-qqtmmonqyh] .dashboard-chart-card {
    margin: 18px auto 30px;
    padding: 18px 20px;
    background-color: color-mix(in srgb, var(--surface-2) 92%, transparent);
    border: 1px solid color-mix(in srgb, var(--border-subtle) 70%, transparent);
    border-radius: 16px;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

[b-qqtmmonqyh] .dashboard-chart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

[b-qqtmmonqyh] .dashboard-chart-title {
    color: var(--text-primary);
    font-size: 1.04rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-qqtmmonqyh] .dashboard-chart-filter {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

[b-qqtmmonqyh] .dashboard-chart-filter-label {
    color: var(--text-secondary);
    font-size: 0.86rem;
}

[b-qqtmmonqyh] .dashboard-card-loading {
    color: var(--text-secondary);
    font-size: 1.25rem;
    margin-top: 0;
}

[b-qqtmmonqyh] .dashboard-loading-panel {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    font-size: 1rem;
}

[b-qqtmmonqyh] .dashboard-loading-error {
    color: #ff8a8a;
}

/* ===== SVG Horizontal Bar Charts ===== */

[b-qqtmmonqyh] .dashboard-barchart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    margin-bottom: 10px;
}

[b-qqtmmonqyh] .dashboard-barchart-legend-item {
    color: var(--text-secondary);
    display: inline-flex;
    gap: 7px;
    align-items: center;
    font-size: 0.82rem;
}

[b-qqtmmonqyh] .dashboard-barchart-swatch {
    display: inline-block;
    width: 28px;
    height: 8px;
    border-radius: 999px;
    flex-shrink: 0;
}

[b-qqtmmonqyh] .dashboard-barchart-swatch-diagnostic {
    background: linear-gradient(135deg, #e8384c 0%, #ff6b7a 100%);
    box-shadow: 0 1px 4px rgba(232, 56, 76, 0.35);
}

[b-qqtmmonqyh] .dashboard-barchart-swatch-repair {
    background: linear-gradient(135deg, #5e6ad2 0%, #848bfb 100%);
    box-shadow: 0 1px 4px rgba(94, 106, 210, 0.35);
}

[b-qqtmmonqyh] .dashboard-barchart-swatch-verification {
    background: linear-gradient(135deg, #34c38f 0%, #5adbab 100%);
    box-shadow: 0 1px 4px rgba(52, 195, 143, 0.35);
}

[b-qqtmmonqyh] .dashboard-barchart-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

[b-qqtmmonqyh] .dashboard-barchart-inner {
    display: flex;
    gap: 0;
    align-items: stretch;
}

/* Y-axis label column — width matches labelAreaWidth / (ChartWidth - ChartPaddingRight) ratio in the Razor file.
   TopActions/Pieces: labelAreaWidth=220, ChartWidth=800, ChartPaddingRight=20 → 220/(800-20) ≈ 28.2%
   TasksByMechanic: labelAreaWidth=140 → 140/780 ≈ 17.9% (--narrow variant) */
[b-qqtmmonqyh] .dashboard-barchart-ylabels {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 22px 10px 8px 4px;
    gap: 0;
    flex: 0 0 28.2%;
    min-width: 0;
    max-width: 28.2%;
}

[b-qqtmmonqyh] .dashboard-barchart-ylabels--narrow {
    flex: 0 0 17.9%;
    max-width: 17.9%;
}

[b-qqtmmonqyh] .dashboard-barchart-ylabel {
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    line-height: 42px;
    height: 42px;
}

/* Chart column wraps SVG + x-axis labels so they share the same width */
[b-qqtmmonqyh] .dashboard-barchart-chart-col {
    flex: 1;
    min-width: 0;
    position: relative;
}

[b-qqtmmonqyh] .dashboard-barchart-svg {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid color-mix(in srgb, var(--border-subtle) 60%, transparent);
    border-radius: 10px;
    background-color: color-mix(in srgb, var(--surface-1) 50%, transparent);
}

[b-qqtmmonqyh] .dashboard-barchart-svg--mechanic {
    max-height: none;
}

[b-qqtmmonqyh] .dashboard-barchart-grid {
    stroke: color-mix(in srgb, var(--border-subtle) 50%, transparent);
    stroke-width: 1;
    stroke-dasharray: 4 4;
}

[b-qqtmmonqyh] .dashboard-barchart-axis {
    stroke: color-mix(in srgb, var(--border-strong) 60%, transparent);
    stroke-width: 1.2;
}

[b-qqtmmonqyh] .dashboard-barchart-svg-label {
    fill: var(--text-primary);
    font-size: 12px;
    font-weight: 500;
    text-anchor: end;
}

[b-qqtmmonqyh] .dashboard-barchart-bar {
    transition: opacity 0.15s ease;
}

[b-qqtmmonqyh] .dashboard-barchart-bar:hover {
    opacity: 0.85;
}

[b-qqtmmonqyh] .dashboard-barchart-bar-actions {
    fill: url(#barchart-actions-grad);
}

[b-qqtmmonqyh] .dashboard-barchart-bar-pieces {
    fill: url(#barchart-pieces-grad);
}

[b-qqtmmonqyh] .dashboard-barchart-bar-diagnostic {
    fill: url(#barchart-diagnostic-grad);
}

[b-qqtmmonqyh] .dashboard-barchart-bar-repair {
    fill: url(#barchart-repair-grad);
}

[b-qqtmmonqyh] .dashboard-barchart-bar-verification {
    fill: url(#barchart-verification-grad);
}

[b-qqtmmonqyh] .dashboard-barchart-hitbox {
    cursor: pointer;
}

/* Tooltip */
[b-qqtmmonqyh] .dashboard-barchart-tooltip {
    position: absolute;
    transform: translate(-50%, -108%);
    background: rgba(16, 24, 40, 0.95);
    color: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.5);
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 0.8rem;
    line-height: 1.4;
    pointer-events: none;
    z-index: 5;
    box-shadow: 0 8px 24px rgba(2, 6, 23, 0.4);
    backdrop-filter: blur(8px);
    white-space: nowrap;
    animation: barchart-tooltip-in-b-qqtmmonqyh 0.15s ease;
}

@keyframes barchart-tooltip-in-b-qqtmmonqyh {
    from { opacity: 0; }
    to { opacity: 1; }
}

[b-qqtmmonqyh] .dashboard-barchart-tooltip-title {
    font-weight: 600;
    color: #e2e8f0;
    margin-bottom: 3px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-qqtmmonqyh] .dashboard-barchart-tooltip-value {
    font-weight: 700;
    color: #f1f5f9;
    font-variant-numeric: tabular-nums;
}

/* X-axis labels below chart — edge to edge */
[b-qqtmmonqyh] .dashboard-barchart-xlabels {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    color: var(--text-secondary);
    font-size: 0.74rem;
    margin-top: 2px;
}

[b-qqtmmonqyh] .dashboard-barchart-xlabel {
    text-align: center;
    min-width: 40px;
    font-variant-numeric: tabular-nums;
}

[b-qqtmmonqyh] .dashboard-barchart-xlabel:first-child {
    text-align: left;
}

[b-qqtmmonqyh] .dashboard-barchart-xlabel:last-child {
    text-align: right;
}

/* ===== Bike Flow Chart (unchanged) ===== */

[b-qqtmmonqyh] .dashboard-bikeflow-chart-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

[b-qqtmmonqyh] .dashboard-bikeflow-chart {
    width: 100%;
    min-height: 340px;
    background-color: transparent;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--border-subtle) 60%, transparent);
}

[b-qqtmmonqyh] .dashboard-bikeflow-grid {
    stroke: color-mix(in srgb, var(--border-subtle) 55%, transparent);
    stroke-width: 1;
    stroke-dasharray: 4 4;
}

[b-qqtmmonqyh] .dashboard-bikeflow-axis {
    stroke: color-mix(in srgb, var(--border-strong) 65%, transparent);
    stroke-width: 1.2;
}

[b-qqtmmonqyh] .dashboard-bikeflow-line-checkin,
[b-qqtmmonqyh] .dashboard-bikeflow-line-checkout {
    fill: none;
    stroke-width: 3;
    stroke-linejoin: round;
    stroke-linecap: round;
}

[b-qqtmmonqyh] .dashboard-bikeflow-line-checkin {
    stroke: #71dd37;
}

[b-qqtmmonqyh] .dashboard-bikeflow-line-checkout {
    stroke: #03c3ec;
}

[b-qqtmmonqyh] .dashboard-bikeflow-point-checkin {
    stroke: #71dd37;
    fill: #71dd37;
}

[b-qqtmmonqyh] .dashboard-bikeflow-point-checkout {
    stroke: #03c3ec;
    fill: #03c3ec;
}

[b-qqtmmonqyh] .dashboard-bikeflow-point-hitbox {
    fill: transparent;
    stroke: none;
    cursor: pointer;
}

[b-qqtmmonqyh] .dashboard-bikeflow-x-label,
[b-qqtmmonqyh] .dashboard-bikeflow-y-label {
    fill: var(--text-secondary);
    font-size: 12px;
}

[b-qqtmmonqyh] .dashboard-bikeflow-x-label {
    text-anchor: middle;
}

[b-qqtmmonqyh] .dashboard-bikeflow-y-label {
    text-anchor: end;
}

[b-qqtmmonqyh] .dashboard-bikeflow-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

[b-qqtmmonqyh] .dashboard-bikeflow-legend-item {
    color: var(--text-secondary);
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-size: 0.9rem;
}

[b-qqtmmonqyh] .dashboard-bikeflow-swatch {
    display: inline-block;
    width: 26px;
    height: 4px;
    border-radius: 999px;
}

[b-qqtmmonqyh] .dashboard-bikeflow-swatch-checkin {
    background-color: #71dd37;
}

[b-qqtmmonqyh] .dashboard-bikeflow-swatch-checkout {
    background-color: #03c3ec;
}

[b-qqtmmonqyh] .dashboard-bikeflow-tooltip {
    position: absolute;
    transform: translate(-50%, -100%);
    background-color: rgba(16, 24, 40, 0.92);
    color: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.4);
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 0.75rem;
    line-height: 1.3;
    pointer-events: none;
    z-index: 3;
    box-shadow: 0 8px 20px rgba(2, 6, 23, 0.35);
    white-space: nowrap;
}

[b-qqtmmonqyh] .dashboard-bikeflow-tooltip-title {
    font-weight: 600;
}

[b-qqtmmonqyh] .dashboard-bikeflow-tooltip-period {
    opacity: 0.85;
}

[b-qqtmmonqyh] .dashboard-bikeflow-xlabels,
[b-qqtmmonqyh] .dashboard-bikeflow-ylabels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--text-secondary);
    font-size: 0.75rem;
}

[b-qqtmmonqyh] .dashboard-bikeflow-xlabels {
    justify-content: space-between;
}

[b-qqtmmonqyh] .dashboard-bikeflow-ylabels {
    justify-content: flex-start;
}

[b-qqtmmonqyh] .dashboard-bikeflow-xlabel {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .dashboard-container[b-qqtmmonqyh] {
        padding: 16px;
    }

    [b-qqtmmonqyh] .dashboard-barchart-ylabels {
        flex: 0 0 24%;
        max-width: 24%;
    }

    [b-qqtmmonqyh] .dashboard-barchart-ylabel {
        font-size: 0.72rem;
    }

    [b-qqtmmonqyh] .dashboard-barchart-xlabels {
        font-size: 0.68rem;
    }

    [b-qqtmmonqyh] .dashboard-barchart-tooltip {
        transform: translate(-50%, -112%);
        max-width: 200px;
        white-space: normal;
    }
}
/* /Components/ModuleHome/HOMain.razor.rz.scp.css */
.HOME_MAIN_CONTAINER[b-xp5prg1zy8] {
    padding: 1rem 0.5rem;
    position: relative;
    width: 100%;
    min-height: calc(100vh - 72px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.HOME_SURFACE_CARD[b-xp5prg1zy8] {
    background-color: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: 0.75rem;
    box-shadow: 0 0.25rem 1rem rgba(67, 89, 113, 0.08);
}

.HOME_PAGE_TITLE[b-xp5prg1zy8] {
    color: var(--text-primary);
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

.HOME_SYNC_PROGRESS_LABEL[b-xp5prg1zy8] {
    margin-top: 0.75rem;
    color: var(--text-secondary);
    text-align: center;
}

.HOME_SYNC_PROGRESS[b-xp5prg1zy8] {
    height: 1.4rem;
}

.HOME_SYNC_ACTIONS[b-xp5prg1zy8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1rem;
    flex-wrap: wrap;
}

.BLOC[b-xp5prg1zy8] {
    min-height: 150px;
    width: 100%;
    background-color: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: 0.75rem;
    padding: 0.8rem;
    cursor: pointer;
    text-align: left;
    box-shadow: 0 0.125rem 0.6rem rgba(67, 89, 113, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.BLOC:hover[b-xp5prg1zy8] {
    transform: translateY(-3px);
    border-color: rgba(105, 108, 255, 0.35);
    box-shadow: 0 0.5rem 1rem rgba(67, 89, 113, 0.16);
}

.BLOC2[b-xp5prg1zy8] {
    background-color: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: 0.6rem;
    width: 100%;
    min-height: 140px;
    padding: 0.75rem;
    box-shadow: 0 0.125rem 0.5rem rgba(67, 89, 113, 0.08);
}

.VALUE[b-xp5prg1zy8] {
    color: var(--accent-primary);
    text-align: center;
    margin-top: 0.15rem;
    font-size: 1.85rem;
    font-weight: 700;
}

.TITLE[b-xp5prg1zy8] {
    color: var(--text-muted);
    text-align: center;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.DESCRIPTION[b-xp5prg1zy8] {
    color: var(--text-secondary);
    text-align: center;
    margin-top: 0.25rem;
    font-size: 0.9rem;
    margin-left: 4px;
    margin-right: 4px;
    min-height: 52px;
}

.language-selector[b-xp5prg1zy8] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.7rem;
    width: fit-content;
    margin: 0 auto;
}

.HOME_LANG_LABEL[b-xp5prg1zy8] {
    color: var(--text-muted);
    font-size: 0.8rem;
    margin-right: 0.25rem;
}

.language-selector img[b-xp5prg1zy8] {
    width: 22px;
    height: 22px;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid var(--border-subtle);
}

.HOME_STATS_GRID[b-xp5prg1zy8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
    margin-bottom: 1.2rem;
}

.HOME_STOCK_GRID[b-xp5prg1zy8] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.9rem;
    padding: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.HOME_BOTTOM_ROW[b-xp5prg1zy8] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
}

.HOME_CONFIG_INFO[b-xp5prg1zy8] {
    color: var(--text-muted);
    font-size: 0.85rem;
    line-height: 1.5;
    padding: 1rem;
}

.HOME_CARD_TITLE[b-xp5prg1zy8] {
    color: var(--text-primary);
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.7rem;
}

.HOME_SYNC_MODAL[b-xp5prg1zy8] {
    border: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    color: var(--text-primary);
}

@media (max-width: 1200px) {
    .HOME_STOCK_GRID[b-xp5prg1zy8] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .HOME_MAIN_CONTAINER[b-xp5prg1zy8] {
        min-height: auto;
        justify-content: flex-start;
    }

    .HOME_STATS_GRID[b-xp5prg1zy8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .HOME_STOCK_GRID[b-xp5prg1zy8] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .HOME_BOTTOM_ROW[b-xp5prg1zy8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .HOME_SYNC_ACTIONS[b-xp5prg1zy8] {
        justify-content: flex-start;
    }
}

@media (max-width: 576px) {
    .HOME_MAIN_CONTAINER[b-xp5prg1zy8] {
        padding: 0.5rem;
    }

    .HOME_STATS_GRID[b-xp5prg1zy8],
    .HOME_STOCK_GRID[b-xp5prg1zy8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .HOME_PAGE_TITLE[b-xp5prg1zy8] {
        font-size: 1.2rem;
    }
}
/* /Components/ModuleLocations/LOMain.razor.rz.scp.css */
.LO_MAIN_CONTAINER[b-1sin0g6fmx] {
    height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.LO_CARD[b-1sin0g6fmx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 0.75rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
    border: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    overflow: hidden;
}

.LO_CARD_HEADER[b-1sin0g6fmx] {
    background-color: var(--surface-1);
    border-bottom: 1px solid var(--border-subtle);
    padding: 0.75rem 1rem;
}

.LO_PAGE_TITLE[b-1sin0g6fmx] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-right: 0.5rem;
}

.LO_ACTIONS .btn[b-1sin0g6fmx] {
    border-color: var(--border-strong);
    color: var(--text-secondary);
    background-color: var(--surface-1);
}

.LO_ACTIONS .btn:hover[b-1sin0g6fmx] {
    background-color: var(--surface-2);
    color: var(--text-primary);
}

.LO_SEARCH_WRAP[b-1sin0g6fmx] {
    width: min(360px, 100%);
    margin-left: auto;
}

.LO_SEARCH_WRAP .input-group-text[b-1sin0g6fmx],
.LO_SEARCH_WRAP .form-control[b-1sin0g6fmx],
.LO_SEARCH_WRAP .btn[b-1sin0g6fmx] {
    border-color: var(--border-strong);
}

.LO_SEARCH_WRAP .form-control[b-1sin0g6fmx] {
    color: var(--text-primary);
    background-color: var(--surface-1);
}

.LO_SEARCH_WRAP .form-control:focus[b-1sin0g6fmx] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 0.15rem rgba(105, 108, 255, 0.15);
}

.LO_TOTAL[b-1sin0g6fmx] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    background-color: var(--surface-2) !important;
}

.LO_LIST_CONTAINER[b-1sin0g6fmx] {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 0.75rem 1rem 1rem;
}

.LO_LIST_INNER[b-1sin0g6fmx] {
    position: relative;
}

.no-search-results[b-1sin0g6fmx] {
    color: var(--text-secondary);
    font-style: italic;
    font-size: 0.88rem;
    margin: 0.35rem 0 0.8rem;
}

.STYLE_SUBTITLE[b-1sin0g6fmx] {
    color: var(--text-primary);
    margin-top: 1rem;
    font-size: 0.92rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.STYLE_CONTAINER[b-1sin0g6fmx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0;
}

.LO_DETAIL_CONTAINER[b-1sin0g6fmx] {
    margin-top: 0.45rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--border-subtle);
    border-radius: 0.5rem;
    background-color: var(--surface-2);
}

.LO_ACCORDION_TOGGLE[b-1sin0g6fmx] {
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    background-color: var(--surface-1);
    color: var(--text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.LO_ACCORDION_TOGGLE:hover[b-1sin0g6fmx] {
    color: var(--text-primary);
    border-color: var(--accent-primary);
}

.LO_ACCORDION_TOGGLE i[b-1sin0g6fmx] {
    transition: transform 0.2s ease;
}

.LO_ACCORDION_TOGGLE.is-expanded[b-1sin0g6fmx] {
    border-color: var(--accent-primary);
    color: var(--accent-primary);
    background-color: rgba(105, 108, 255, 0.08);
}

.LO_ACCORDION_TOGGLE.is-expanded i[b-1sin0g6fmx] {
    transform: rotate(90deg);
}

.STYLE_ITEM[b-1sin0g6fmx] {
    min-width: 82px;
    box-sizing: border-box;
    padding: 0.32rem 0.5rem;
    border: 1px solid var(--border-subtle);
    text-align: center;
    color: var(--text-primary);
    font-size: 0.76rem;
    border-radius: 999px;
    cursor: pointer;
    background-color: var(--surface-2);
    transition: all 0.15s ease;
}

.STYLE_ITEM:hover[b-1sin0g6fmx] {
    border-color: var(--border-strong);
    background-color: var(--surface-1);
}

.STYLE_ITEM_SELECTED[b-1sin0g6fmx] {
    background-color: rgba(105, 108, 255, 0.16);
    border-color: var(--accent-primary);
    color: var(--text-primary);
    font-weight: 600;
}

.LO_INDENTED[b-1sin0g6fmx] {
    margin-left: 1.4rem;
}

.LO_NOT_INDENTED[b-1sin0g6fmx] {
    margin-left: 0;
}

.LO_LOCATION_DESCRIPTION[b-1sin0g6fmx] {
    color: var(--text-muted);
    font-weight: 500;
}

.LO_LOCATION_COUNT[b-1sin0g6fmx] {
    color: var(--text-secondary);
    font-weight: 500;
}

.LO_EMPTY_LOCATION[b-1sin0g6fmx] {
    color: var(--text-muted);
    font-style: italic;
    font-size: 0.78rem;
}

.LO_SEARCHPAD_WRAP[b-1sin0g6fmx] {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    z-index: 25;
}

.LO_BUSY_OVERLAY[b-1sin0g6fmx] {
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 30;
}

:root[data-theme="dark"] .LO_BUSY_OVERLAY[b-1sin0g6fmx],
body[data-theme="dark"] .LO_BUSY_OVERLAY[b-1sin0g6fmx] {
    background-color: rgba(43, 44, 64, 0.55);
}

.LO_MODAL[b-1sin0g6fmx] {
    border: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    color: var(--text-primary);
}

.LO_TRANSFER_TABLE th[b-1sin0g6fmx] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.LO_TRANSFER_TABLE td[b-1sin0g6fmx] {
    font-size: 0.84rem;
    color: var(--text-primary);
}

.LO_PROGRESS_BAR_WRAP[b-1sin0g6fmx] {
    height: 1.2rem;
}

.LO_PROGRESS_LABEL[b-1sin0g6fmx] {
    margin-top: 0.55rem;
    color: var(--text-secondary);
    font-size: 0.85rem;
}

@media (max-width: 992px) {
    .LO_MAIN_CONTAINER[b-1sin0g6fmx] {
        height: auto;
        min-height: calc(100vh - 70px);
        overflow-y: auto;
    }

    .LO_CARD[b-1sin0g6fmx] {
        margin: 0.5rem;
        overflow: visible;
    }

    .LO_CARD_HEADER[b-1sin0g6fmx] {
        row-gap: 0.55rem;
    }

    .LO_PAGE_TITLE[b-1sin0g6fmx] {
        width: 100%;
        margin-right: 0;
    }

    .LO_ACTIONS[b-1sin0g6fmx] {
        width: 100%;
    }

    .LO_TOTAL[b-1sin0g6fmx] {
        margin-left: 0;
    }

    .LO_SEARCH_WRAP[b-1sin0g6fmx] {
        width: 100%;
        margin-left: 0;
    }

    .LO_INDENTED[b-1sin0g6fmx] {
        margin-left: 0.7rem;
    }

    .LO_SEARCHPAD_WRAP[b-1sin0g6fmx] {
        position: sticky;
        top: 0.5rem;
        right: auto;
    }

    .LO_LIST_CONTAINER[b-1sin0g6fmx] {
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 0;
        max-height: calc(100vh - 190px);
        -webkit-overflow-scrolling: touch;
    }
}

@supports (height: 100dvh) {
    @media (max-width: 992px) {
        .LO_LIST_CONTAINER[b-1sin0g6fmx] {
            max-height: calc(100dvh - 190px);
        }
    }
}

@media (max-width: 576px) {
    .LO_CARD[b-1sin0g6fmx] {
        margin: 0.35rem;
    }

    .LO_CARD_HEADER[b-1sin0g6fmx] {
        padding: 0.65rem 0.75rem;
    }

    .LO_LIST_CONTAINER[b-1sin0g6fmx] {
        padding: 0.65rem 0.75rem 0.75rem;
    }
}
/* /Components/ModulePieces/PIMain.razor.rz.scp.css */
/* ================ */
/* PIECES PAGE CARD */
/* ================ */

.PIMAIN_CONTAINER[b-2sy3ivpkl9] {
    height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.PIMAIN_CARD[b-2sy3ivpkl9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 0.75rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.08);
    border: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    overflow: hidden;
}

.PIMAIN_CARD .card-header[b-2sy3ivpkl9] {
    background-color: var(--surface-1);
    border-bottom: 1px solid var(--border-subtle);
    padding: 1rem 1.5rem;
    flex-shrink: 0;
}

.PIMAIN_CARD .card-header .card-title[b-2sy3ivpkl9] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
}

.PIMAIN_CARD .card-body[b-2sy3ivpkl9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* ================ */
/* TOOLBAR          */
/* ================ */

.PIMAIN_TOOLBAR[b-2sy3ivpkl9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 1rem;
    background-color: var(--surface-1);
    border-bottom: 1px solid var(--border-subtle);
    gap: 1rem;
    flex-shrink: 0;
}

.PIMAIN_TOOLBAR_ACTIONS[b-2sy3ivpkl9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.PIMAIN_TOOLBAR_ACTIONS .btn[b-2sy3ivpkl9] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.4rem 0.875rem;
    border-color: var(--border-strong);
    color: var(--text-secondary);
    transition: all 0.2s ease;
    background-color: var(--surface-1);
}

.PIMAIN_TOOLBAR_ACTIONS .btn:hover[b-2sy3ivpkl9] {
    background-color: var(--surface-2);
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.PIMAIN_TOOLBAR_ACTIONS .btn i[b-2sy3ivpkl9] {
    font-size: 0.875rem;
}

.PIMAIN_TOOLBAR_SEARCH[b-2sy3ivpkl9] {
    flex: 1;
    max-width: 420px;
}

.PIMAIN_TOOLBAR_SEARCH .input-group-text[b-2sy3ivpkl9],
.PIMAIN_TOOLBAR_SEARCH .form-control[b-2sy3ivpkl9] {
    background-color: var(--surface-1);
    border-color: var(--border-strong);
    color: var(--text-secondary);
}

.PIMAIN_TOOLBAR_SEARCH .form-control[b-2sy3ivpkl9] {
    color: var(--text-primary);
}

.PIMAIN_TOOLBAR_SEARCH .form-control[b-2sy3ivpkl9]::placeholder {
    color: var(--text-muted);
}

.PIMAIN_COUNT_BADGE .badge[b-2sy3ivpkl9] {
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* ================ */
/* TABLE CONTAINER  */
/* ================ */

.PIMAIN_TABLE_CONTAINER[b-2sy3ivpkl9] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ========= */
/* TABLE     */
/* ========= */

.PIMAIN_TABLE[b-2sy3ivpkl9] {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.PIMAIN_TABLE thead[b-2sy3ivpkl9] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.PIMAIN_TABLE thead.table-light th[b-2sy3ivpkl9] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--border-strong);
    white-space: nowrap;
    vertical-align: middle;
}

.PIMAIN_TABLE td[b-2sy3ivpkl9] {
    color: var(--text-primary);
}

.PIMAIN_TABLE td .text-muted[b-2sy3ivpkl9] {
    color: var(--text-muted) !important;
}

.PIMAIN_TABLE td .text-primary[b-2sy3ivpkl9] {
    color: var(--accent-primary) !important;
}

.PIMAIN_LOADING_STATE[b-2sy3ivpkl9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
}

.PIMAIN_LOADING_SPINNER[b-2sy3ivpkl9] {
    color: var(--accent-primary);
}

/* ============ */
/* TABLE ROWS   */
/* ============ */

.PIMAIN_ROW[b-2sy3ivpkl9] {
    cursor: pointer;
    transition: background-color 0.15s ease;
    border-bottom: 1px solid var(--border-subtle);
}

.PIMAIN_ROW:hover[b-2sy3ivpkl9] {
    background-color: var(--surface-2);
}

.PIMAIN_ROW td[b-2sy3ivpkl9] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    vertical-align: middle;
    background-color: inherit;
}

/* ================ */
/* STATUS BADGES   */
/* ================ */

.bg-label-primary[b-2sy3ivpkl9] {
    background-color: rgba(105, 108, 255, 0.16) !important;
    color: var(--accent-primary) !important;
}

.bg-label-secondary[b-2sy3ivpkl9] {
    background-color: rgba(133, 146, 163, 0.16) !important;
    color: var(--text-secondary) !important;
}

.bg-label-success[b-2sy3ivpkl9] {
    background-color: rgba(113, 221, 55, 0.16) !important;
    color: #71dd37 !important;
}

.bg-label-info[b-2sy3ivpkl9] {
    background-color: rgba(3, 195, 236, 0.16) !important;
    color: #03c3ec !important;
}

.bg-label-warning[b-2sy3ivpkl9] {
    background-color: rgba(255, 171, 0, 0.16) !important;
    color: var(--accent-warning) !important;
}

.bg-label-danger[b-2sy3ivpkl9] {
    background-color: rgba(255, 62, 29, 0.16) !important;
    color: #ff3e1d !important;
}

/* ================ */
/* TABLE FOOTER    */
/* ================ */

.PIMAIN_FOOTER[b-2sy3ivpkl9] {
    flex-shrink: 0;
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border-subtle);
    background-color: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* ================ */
/* SCROLLBAR STYLING */
/* ================ */

.PIMAIN_TABLE_CONTAINER[b-2sy3ivpkl9]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.PIMAIN_TABLE_CONTAINER[b-2sy3ivpkl9]::-webkit-scrollbar-track {
    background: var(--surface-2);
    border-radius: 3px;
}

.PIMAIN_TABLE_CONTAINER[b-2sy3ivpkl9]::-webkit-scrollbar-thumb {
    background: var(--text-muted);
    border-radius: 3px;
}

.PIMAIN_TABLE_CONTAINER[b-2sy3ivpkl9]::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

/* ============ */
/* DARK MODE   */
/* ============ */

:root[data-theme="dark"] .PIMAIN_TABLE thead.table-light th[b-2sy3ivpkl9],
body[data-theme="dark"] .PIMAIN_TABLE thead.table-light th[b-2sy3ivpkl9] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    border-bottom-color: var(--border-strong);
}

:root[data-theme="dark"] .PIMAIN_ROW:hover[b-2sy3ivpkl9],
body[data-theme="dark"] .PIMAIN_ROW:hover[b-2sy3ivpkl9] {
    background-color: rgba(255, 255, 255, 0.04);
}

@media (max-width: 992px) {
    .PIMAIN_TOOLBAR_SEARCH[b-2sy3ivpkl9] {
        order: 3;
        max-width: 100%;
        width: 100%;
    }
}
/* /Components/ModuleTasks/TAHeader.razor.rz.scp.css */
.MENUITEM1[b-a5afq8wuhz] {
    border-style: none;
    border-width: 1px;
    border-color: #BBBBBB;
    border-radius: 4px;
    margin-right: 6px;
    background-color: #303030;
    font-size: 10pt;
    width: 80px;
    white-space: nowrap;
    text-align: center;
    color: #b0b0b0;
    height: 35px;
    align-items: center;
    display: grid;
    cursor: pointer;
}

.MENUITEM1:hover[b-a5afq8wuhz] {
    background-color: #363636;
}

.MENUITEM1_SELECTED[b-a5afq8wuhz] {
    border-style: none;
    border-width: 1px;
    border-color: #cccccc;
    border-radius: 4px;
    margin-right: 6px;
    background-color: #303030;
    font-size: 10pt;
    width: 80px;
    white-space: nowrap;
    text-align: center;
    color: white;
    height: 35px;
    align-items: center;
    display: grid;
    cursor: pointer;
    text-decoration: underline;
}

.VERTICALLINE[b-a5afq8wuhz] {
    border-left: 1px solid #555555;
    height: 34px;
    margin-right: 8px;
    margin-left: 4px;
}

.TAHEADER_NAV[b-a5afq8wuhz] {
    margin-bottom: 0 !important;
    padding: 0;
    border-bottom: 5px solid black !important;
    height: 62px;
}

.TAHEADER_CONTAINER[b-a5afq8wuhz] {
    max-width: none;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #222222 !important;
}

.TAHEADER_LOGO[b-a5afq8wuhz] {
    height: 45px;
}

.TAHEADER_COLLAPSE[b-a5afq8wuhz] {
    margin-left: 4px;
}

.TAHEADER_USER_PANEL[b-a5afq8wuhz] {
    margin-right: 5px;
    height: 45px;
}

.TAHEADER_USER_PHOTO[b-a5afq8wuhz] {
    height: 40px;
    margin-right: 10px;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
    border-radius: 4px;
}

.TAHEADER_USER_NAME_ROW[b-a5afq8wuhz] {
    margin-top: 0;
}

.TAHEADER_USER_NAME[b-a5afq8wuhz] {
    font-size: small;
    color: #F1F1F1;
    white-space: nowrap;
}

.TAHEADER_LOGOUT_BUTTON[b-a5afq8wuhz] {
    cursor: pointer;
    background-color: transparent;
    color: #cccccc;
    font-size: 12px;
    border-color: transparent;
    border-style: none;
    padding-left: 0;
    text-decoration: underline;
}

.TAHEADER_DROPDOWN_WRAPPER[b-a5afq8wuhz] {
    margin-right: 30px;
}

.TAHEADER_STATUS_DROPDOWN_WRAPPER[b-a5afq8wuhz] {
    margin-right: 20px;
}

.TAHEADER_LABEL[b-a5afq8wuhz] {
    margin-right: 16px;
    margin-top: 0;
    color: #DDDDDD;
    font-size: 10pt;
}

.TAHEADER_LABEL_COMPACT[b-a5afq8wuhz] {
    margin-right: 12px;
    white-space: nowrap;
}

.TAHEADER_LABEL_STATUS[b-a5afq8wuhz] {
    margin-left: 10px;
    white-space: nowrap;
}

.TAHEADER_MENU_LIST[b-a5afq8wuhz] {
    color: #DDDDDD;
    height: 40px;
    margin-top: 6px;
}

.TAHEADER_MENU_ITEM_WRAPPER[b-a5afq8wuhz] {
    display: unset;
}

.TAHEADER_CLIENT_NAME[b-a5afq8wuhz] {
    color: white;
    margin-left: 10px;
    margin-right: 10px;
}

.TAHEADER_PAUSE_BLOCK[b-a5afq8wuhz] {
    margin-right: 25px;
}

.TAHEADER_PAUSE_LABEL[b-a5afq8wuhz] {
    color: #bbbbbb;
    font-size: small;
}

.TAHEADER_TIMEZONE_WRAPPER[b-a5afq8wuhz] {
    margin-right: 40px;
}
/* /Components/ModuleTasks/TAList.razor.rz.scp.css */
/* ================ */
/* TASK LIST CONTAINER */
/* ================ */

.TALIST_CONTAINER[b-r2z490td3v] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background-color: var(--surface-1);
}

/* ================ */
/* TOOLBAR WRAPPER  */
/* ================ */

.TALIST_TOOLBAR_WRAPPER[b-r2z490td3v] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
}

.TALIST_SEARCH_BAR[b-r2z490td3v] {
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
}

.TALIST_SEARCH_BAR .input-group[b-r2z490td3v] {
    max-width: 420px;
}

.TALIST_SEARCH_BAR .input-group-text[b-r2z490td3v],
.TALIST_SEARCH_BAR .form-control[b-r2z490td3v] {
    background-color: var(--surface-1);
    border-color: var(--border-strong);
    color: var(--text-secondary);
}

.TALIST_SEARCH_BAR .form-control[b-r2z490td3v] {
    color: var(--text-primary);
}

.TALIST_SEARCH_BAR .form-control[b-r2z490td3v]::placeholder {
    color: var(--text-muted);
}

/* ================ */
/* TABLE CONTAINER  */
/* ================ */

.TALIST_TABLE_CONTAINER[b-r2z490td3v] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ========= */
/* TABLE     */
/* ========= */

.TALIST_TABLE[b-r2z490td3v] {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.TALIST_TABLE thead[b-r2z490td3v] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.TALIST_TABLE thead.table-light th[b-r2z490td3v] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--border-strong);
    white-space: nowrap;
    vertical-align: middle;
}

/* ============ */
/* TABLE DATA CELLS */
/* ============ */

.TALIST_TABLE td[b-r2z490td3v] {
    color: var(--text-primary);
}

.TALIST_TABLE td .text-muted[b-r2z490td3v] {
    color: var(--text-muted) !important;
}

.TALIST_TABLE td .text-primary[b-r2z490td3v] {
    color: var(--accent-primary) !important;
}

/* ============ */
/* TABLE ROWS   */
/* ============ */

.TALIST_ROW[b-r2z490td3v] {
    cursor: pointer;
    transition: background-color 0.15s ease;
    border-bottom: 1px solid var(--border-subtle);
}

.TALIST_ROW:hover[b-r2z490td3v] {
    background-color: var(--surface-2);
}

.TALIST_ROW td[b-r2z490td3v] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    vertical-align: middle;
    background-color: inherit;
}

.TALIST_ROW_SELECTED[b-r2z490td3v] {
    background-color: rgba(105, 108, 255, 0.08) !important;
    border-left: 3px solid var(--accent-primary);
}

.TALIST_ROW_SELECTED td:first-child[b-r2z490td3v] {
    padding-left: calc(1rem - 3px);
}

/* ================ */
/* ELEMENT BADGES  */
/* ================ */

.TALIST_ELEMENT_BADGE[b-r2z490td3v] {
    font-size: 0.6875rem;
    font-weight: 500;
    padding: 0.3em 0.6em;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============ */
/* STATUS BADGES (Sneat-style label badges) */
/* ============ */

.bg-label-primary[b-r2z490td3v] {
    background-color: rgba(105, 108, 255, 0.16) !important;
    color: var(--accent-primary) !important;
}

.bg-label-secondary[b-r2z490td3v] {
    background-color: rgba(133, 146, 163, 0.16) !important;
    color: var(--text-secondary) !important;
}

.bg-label-success[b-r2z490td3v] {
    background-color: rgba(113, 221, 55, 0.16) !important;
    color: #71dd37 !important;
}

.bg-label-info[b-r2z490td3v] {
    background-color: rgba(3, 195, 236, 0.16) !important;
    color: #03c3ec !important;
}

.bg-label-warning[b-r2z490td3v] {
    background-color: rgba(255, 171, 0, 0.16) !important;
    color: var(--accent-warning) !important;
}

.bg-label-danger[b-r2z490td3v] {
    background-color: rgba(255, 62, 29, 0.16) !important;
    color: #ff3e1d !important;
}

/* ================ */
/* TABLE FOOTER    */
/* ================ */

.TALIST_FOOTER[b-r2z490td3v] {
    flex-shrink: 0;
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border-subtle);
    background-color: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* ================ */
/* SCROLLBAR STYLING */
/* ================ */

.TALIST_TABLE_CONTAINER[b-r2z490td3v]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.TALIST_TABLE_CONTAINER[b-r2z490td3v]::-webkit-scrollbar-track {
    background: var(--surface-2);
    border-radius: 3px;
}

.TALIST_TABLE_CONTAINER[b-r2z490td3v]::-webkit-scrollbar-thumb {
    background: var(--text-muted);
    border-radius: 3px;
}

.TALIST_TABLE_CONTAINER[b-r2z490td3v]::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

/* ============ */
/* DARK MODE   */
/* ============ */

:root[data-theme="dark"] .TALIST_TABLE thead.table-light th[b-r2z490td3v],
body[data-theme="dark"] .TALIST_TABLE thead.table-light th[b-r2z490td3v] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    border-bottom-color: var(--border-strong);
}

:root[data-theme="dark"] .TALIST_ROW:hover[b-r2z490td3v],
body[data-theme="dark"] .TALIST_ROW:hover[b-r2z490td3v] {
    background-color: rgba(255, 255, 255, 0.04);
}

:root[data-theme="dark"] .TALIST_ROW_SELECTED[b-r2z490td3v],
body[data-theme="dark"] .TALIST_ROW_SELECTED[b-r2z490td3v] {
    background-color: rgba(165, 167, 255, 0.08) !important;
}

@media (max-width: 992px) {
    .TALIST_SEARCH_BAR .input-group[b-r2z490td3v] {
        max-width: 100%;
    }
}
/* /Components/ModuleTasks/TAListToolbar.razor.rz.scp.css */
/* ================ */
/* TOOLBAR          */
/* ================ */

.TALISTTB_TOOLBAR[b-7y10usgt7p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 1rem;
    background-color: var(--surface-1);
    gap: 1rem;
}

.TALISTTB_ACTIONS[b-7y10usgt7p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.TALISTTB_ACTIONS .btn[b-7y10usgt7p] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.4rem 0.875rem;
    border-color: var(--border-strong);
    color: var(--text-secondary);
    transition: all 0.2s ease;
    background-color: var(--surface-1);
}

.TALISTTB_ACTIONS .btn:hover[b-7y10usgt7p] {
    background-color: var(--surface-2);
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.TALISTTB_ACTIONS .btn i[b-7y10usgt7p] {
    font-size: 0.875rem;
}

.TALISTTB_COUNT_BADGE .badge[b-7y10usgt7p] {
    font-weight: 600;
    letter-spacing: 0.02em;
}
/* /Components/ModuleTasks/TAMain.razor.rz.scp.css */
/* ============== */
/* TASKS PAGE CARD */
/* ============== */

.TAMAIN_CONTAINER[b-x3g4zxfged] {
    height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.TAMAIN_CARD[b-x3g4zxfged] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 0.75rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.08);
    border: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    overflow: hidden;
}

.TAMAIN_CARD .card-header[b-x3g4zxfged] {
    background-color: var(--surface-1);
    border-bottom: 1px solid var(--border-subtle);
    padding: 1rem 1.5rem;
    flex-shrink: 0;
}

.TAMAIN_CARD .card-header .card-title[b-x3g4zxfged] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
}

/* ============ */
/* NAV TABS     */
/* ============ */

.TAMAIN_TABS[b-x3g4zxfged] {
    padding: 0 1.5rem;
    background-color: var(--surface-1);
    border-bottom: 2px solid var(--border-subtle);
    gap: 0.25rem;
    flex-shrink: 0;
}

.TAMAIN_TABS .nav-item .nav-link[b-x3g4zxfged] {
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    padding: 0.75rem 1.25rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-secondary);
    background: transparent;
    border-radius: 0;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.TAMAIN_TABS .nav-item .nav-link:hover[b-x3g4zxfged] {
    color: var(--text-primary);
    border-bottom-color: var(--text-muted);
}

.TAMAIN_TABS .nav-item .nav-link.active[b-x3g4zxfged] {
    color: var(--accent-primary);
    border-bottom-color: var(--accent-primary);
    background-color: transparent;
}

.TAMAIN_TABS .nav-item .nav-link .badge[b-x3g4zxfged] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35em 0.65em;
    vertical-align: middle;
}

/* ============ */
/* TAB CONTENT  */
/* ============ */

.TAMAIN_TAB_CONTENT[b-x3g4zxfged] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.TAMAIN_TAB_CONTENT .tab-pane[b-x3g4zxfged] {
    height: 100%;
}

.TAMAIN_TAB_CONTENT .tab-pane.show.active[b-x3g4zxfged] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Card body padding reset since tabs handle their own spacing */
.TAMAIN_CARD .card-body[b-x3g4zxfged] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
/* /Components/ModuleTickets/TIConsumptionDialog.razor.rz.scp.css */
.TIC_LAYOUT_ROW[b-d0oky62xqj] {
    display: flex;
    margin-top: 12px;
}

.TIC_COLUMN[b-d0oky62xqj] {
    flex: 1;
}

.TIC_COLUMN_LEFT[b-d0oky62xqj] {
    margin-right: 8px;
}

.TIC_COLUMN_RIGHT[b-d0oky62xqj] {
    margin-left: 8px;
}

.TIC_EXPORT_ICON[b-d0oky62xqj] {
    color: white;
    margin-left: 12px;
    cursor: pointer;
}

.TIC_GRID_SECTION[b-d0oky62xqj] {
    height: calc(100vh - 250px);
    margin-top: 8px;
}
/* /Components/ModuleTickets/TIMain.razor.rz.scp.css */
/* ================ */
/* TICKETS PAGE CARD */
/* ================ */

.TIMAIN_CONTAINER[b-seb8q4xx47] {
    height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.TIMAIN_CARD[b-seb8q4xx47] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 0.75rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.08);
    border: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    overflow: hidden;
}

.TIMAIN_CARD .card-header[b-seb8q4xx47] {
    background-color: var(--surface-1);
    border-bottom: 1px solid var(--border-subtle);
    padding: 1rem 1.5rem;
    flex-shrink: 0;
}

.TIMAIN_CARD .card-header .card-title[b-seb8q4xx47] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
}

.TIMAIN_CARD .card-body[b-seb8q4xx47] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* ================ */
/* TOOLBAR          */
/* ================ */

.TIMAIN_TOOLBAR[b-seb8q4xx47] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.625rem 1rem;
    background-color: var(--surface-1);
    border-bottom: 1px solid var(--border-subtle);
    gap: 0.5rem;
    flex-shrink: 0;
}

.TIMAIN_TOOLBAR_ACTIONS[b-seb8q4xx47] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.TIMAIN_TOOLBAR_ACTIONS .btn[b-seb8q4xx47] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.4rem 0.875rem;
    border-color: var(--border-strong);
    color: var(--text-secondary);
    transition: all 0.2s ease;
    background-color: var(--surface-1);
}

.TIMAIN_TOOLBAR_ACTIONS .btn:hover[b-seb8q4xx47] {
    background-color: var(--surface-2);
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.TIMAIN_TOOLBAR_ACTIONS .btn i[b-seb8q4xx47] {
    font-size: 0.875rem;
}

.TIMAIN_TOOLBAR_SEARCH[b-seb8q4xx47] {
    flex: 1;
    min-width: 220px;
    max-width: 420px;
}

.TIMAIN_TOOLBAR_SEARCH .input-group-text[b-seb8q4xx47],
.TIMAIN_TOOLBAR_SEARCH .form-control[b-seb8q4xx47] {
    background-color: var(--surface-1);
    border-color: var(--border-strong);
    color: var(--text-secondary);
}

.TIMAIN_TOOLBAR_SEARCH .form-control[b-seb8q4xx47] {
    color: var(--text-primary);
}

.TIMAIN_TOOLBAR_SEARCH .form-control[b-seb8q4xx47]::placeholder {
    color: var(--text-muted);
}

.TIMAIN_TOOLBAR_FILTERS[b-seb8q4xx47] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.TIMAIN_TOOLBAR_FILTERS .form-select[b-seb8q4xx47] {
    width: auto;
    min-width: 200px;
    font-size: 0.8125rem;
    padding: 0.35rem 2rem 0.35rem 0.75rem;
    border-color: var(--border-strong);
    background-color: var(--surface-1);
    color: var(--text-primary);
}

.TIMAIN_TOOLBAR_FILTERS .form-control[b-seb8q4xx47] {
    width: auto;
    min-width: 150px;
    font-size: 0.8125rem;
    padding: 0.35rem 0.75rem;
    border-color: var(--border-strong);
    background-color: var(--surface-1);
    color: var(--text-primary);
}

.TIMAIN_COUNT_BADGE .badge[b-seb8q4xx47] {
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* ================ */
/* TABLE CONTAINER  */
/* ================ */

.TIMAIN_TABLE_CONTAINER[b-seb8q4xx47] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ========= */
/* TABLE     */
/* ========= */

.TIMAIN_TABLE[b-seb8q4xx47] {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.TIMAIN_TABLE thead[b-seb8q4xx47] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.TIMAIN_TABLE thead.table-light th[b-seb8q4xx47] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.75rem 0.625rem;
    border-bottom: 2px solid var(--border-strong);
    white-space: nowrap;
    vertical-align: middle;
}

.TIMAIN_ACCORDION_HEADER[b-seb8q4xx47] {
    width: 44px;
}

.TIMAIN_TABLE td[b-seb8q4xx47] {
    color: var(--text-primary);
}

.TIMAIN_TABLE td .text-muted[b-seb8q4xx47] {
    color: var(--text-muted) !important;
}

.TIMAIN_TABLE td .text-primary[b-seb8q4xx47] {
    color: var(--accent-primary) !important;
}

/* ============ */
/* TABLE ROWS   */
/* ============ */

.TIMAIN_ROW[b-seb8q4xx47] {
    cursor: pointer;
    transition: background-color 0.15s ease;
    border-bottom: 1px solid var(--border-subtle);
}

.TIMAIN_ROW:hover[b-seb8q4xx47] {
    background-color: var(--surface-2);
}

.TIMAIN_ROW td[b-seb8q4xx47] {
    padding: 0.625rem 0.625rem;
    font-size: 0.8125rem;
    vertical-align: middle;
    background-color: inherit;
}

.TIMAIN_ACCORDION_TOGGLE[b-seb8q4xx47] {
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    background-color: var(--surface-1);
    color: var(--text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.TIMAIN_ACCORDION_TOGGLE:hover[b-seb8q4xx47] {
    color: var(--text-primary);
    border-color: var(--accent-primary);
}

.TIMAIN_ACCORDION_TOGGLE i[b-seb8q4xx47] {
    transition: transform 0.2s ease;
}

.TIMAIN_ACCORDION_TOGGLE.is-expanded[b-seb8q4xx47] {
    border-color: var(--accent-primary);
    color: var(--accent-primary);
    background-color: rgba(105, 108, 255, 0.08);
}

.TIMAIN_ACCORDION_TOGGLE.is-expanded i[b-seb8q4xx47] {
    transform: rotate(90deg);
}

/* ================ */
/* STATUS BADGES   */
/* ================ */

.bg-label-primary[b-seb8q4xx47] {
    background-color: rgba(105, 108, 255, 0.16) !important;
    color: var(--accent-primary) !important;
}

.bg-label-secondary[b-seb8q4xx47] {
    background-color: rgba(133, 146, 163, 0.16) !important;
    color: var(--text-secondary) !important;
}

.bg-label-success[b-seb8q4xx47] {
    background-color: rgba(113, 221, 55, 0.16) !important;
    color: #71dd37 !important;
}

.bg-label-info[b-seb8q4xx47] {
    background-color: rgba(3, 195, 236, 0.16) !important;
    color: #03c3ec !important;
}

.bg-label-warning[b-seb8q4xx47] {
    background-color: rgba(255, 171, 0, 0.16) !important;
    color: var(--accent-warning) !important;
}

.bg-label-danger[b-seb8q4xx47] {
    background-color: rgba(255, 62, 29, 0.16) !important;
    color: #ff3e1d !important;
}

/* ================ */
/* PROGRESS STYLES  */
/* ================ */

.TIMAIN_PROGRESS_NORMAL[b-seb8q4xx47] {
    color: var(--text-primary);
}

.TIMAIN_PROGRESS_WARNING[b-seb8q4xx47] {
    color: #ff3e1d;
    font-weight: 600;
}

/* ================ */
/* DETAIL EXPAND    */
/* ================ */

.TIMAIN_DETAIL_CONTAINER[b-seb8q4xx47] {
    margin: 0.5rem 0.75rem 0.75rem;
    padding: 0.85rem 1rem;
    background-color: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: 0.5rem;
    border-bottom: 1px solid var(--border-subtle);
}

.TIMAIN_DETAIL_BLOCK[b-seb8q4xx47] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.TIMAIN_DETAIL_TAGS[b-seb8q4xx47] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
}

.TIMAIN_DETAIL_TAG[b-seb8q4xx47] {
    background-color: var(--surface-1);
    border: 1px solid var(--border-strong);
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.TIMAIN_DETAIL_TAGS + .TIMAIN_DETAIL_BLOCK[b-seb8q4xx47] {
    margin-top: 0.75rem;
}

.TIMAIN_DETAIL_TAG .waiting-flag[b-seb8q4xx47] {
    color: #ff3e1d;
    font-size: 0.6875rem;
    font-weight: 500;
}

.TIMAIN_DETAIL_TAG .waiting-since[b-seb8q4xx47] {
    color: var(--text-muted);
    font-size: 0.6875rem;
}

/* ================ */
/* TABLE FOOTER    */
/* ================ */

.TIMAIN_FOOTER[b-seb8q4xx47] {
    flex-shrink: 0;
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border-subtle);
    background-color: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* ================ */
/* SCROLLBAR STYLING */
/* ================ */

.TIMAIN_TABLE_CONTAINER[b-seb8q4xx47]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.TIMAIN_TABLE_CONTAINER[b-seb8q4xx47]::-webkit-scrollbar-track {
    background: var(--surface-2);
    border-radius: 3px;
}

.TIMAIN_TABLE_CONTAINER[b-seb8q4xx47]::-webkit-scrollbar-thumb {
    background: var(--text-muted);
    border-radius: 3px;
}

.TIMAIN_TABLE_CONTAINER[b-seb8q4xx47]::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

/* ============ */
/* DARK MODE   */
/* ============ */

:root[data-theme="dark"] .TIMAIN_TABLE thead.table-light th[b-seb8q4xx47],
body[data-theme="dark"] .TIMAIN_TABLE thead.table-light th[b-seb8q4xx47] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    border-bottom-color: var(--border-strong);
}

:root[data-theme="dark"] .TIMAIN_ROW:hover[b-seb8q4xx47],
body[data-theme="dark"] .TIMAIN_ROW:hover[b-seb8q4xx47] {
    background-color: rgba(255, 255, 255, 0.04);
}

@media (max-width: 992px) {
    .TIMAIN_TOOLBAR_SEARCH[b-seb8q4xx47] {
        order: 3;
        min-width: 100%;
        max-width: 100%;
    }
}
/* /Components/ModuleVelos/DialogMassCheckout.razor.rz.scp.css */
.DMC_BLOCK_SPACING[b-d5tnds9pho] {
    margin-bottom: 8px;
}

.DMC_GRID_WRAP[b-d5tnds9pho] {
    height: calc(100% - 80px);
}

.DMC_PROGRESS_LABEL[b-d5tnds9pho] {
    margin-left: 8px;
}
/* /Components/ModuleVelos/DialogVeloAlert.razor.rz.scp.css */
.DVA_MESSAGE_LABEL[b-dfs2dtvgvg] {
    margin-bottom: 8px;
}

.DVA_MISSING_FIELD[b-dfs2dtvgvg] {
    margin-top: 8px;
    color: #e07000;
}
/* /Components/ModuleVelos/DialogVeloTransfer.razor.rz.scp.css */
.transfer-error-section[b-zkq7b0l2ng] {
    margin-bottom: 12px;
}

.transfer-error-label[b-zkq7b0l2ng] {
    font-weight: 600;
    margin-bottom: 4px;
}

.transfer-error-tech[b-zkq7b0l2ng] {
    white-space: pre-wrap;
}

.DVT_DESTINATION_LABEL[b-zkq7b0l2ng] {
    margin-bottom: 8px;
}
/* /Components/ModuleVelos/MassTransfer/MassTransferFloatingOverlay.razor.rz.scp.css */
.mt-overlay-host[b-6nbqdgrcee] {
    position: fixed;
    bottom: calc(2rem + env(safe-area-inset-bottom, 0px));
    right: 1rem;
    z-index: 9998;
    max-width: 420px;
    width: calc(100% - 2rem);
}

.mt-overlay-host .card[b-6nbqdgrcee] {
    background: var(--surface-1, #ffffff);
    color: var(--text-primary, #212529);
    border-color: var(--border-subtle, #dfe3ea);
}

:root[data-theme="dark"] .mt-overlay-host .card[b-6nbqdgrcee],
body[data-theme="dark"] .mt-overlay-host .card[b-6nbqdgrcee] {
    background: var(--surface-1, #1f2330);
    color: var(--text-primary, #e7eaf3);
    border-color: var(--border-subtle, #3a4050);
}

:root[data-theme="dark"] .mt-overlay-host .text-muted[b-6nbqdgrcee],
body[data-theme="dark"] .mt-overlay-host .text-muted[b-6nbqdgrcee] {
    color: var(--text-muted, #a9b0c0) !important;
}
/* /Components/ModuleVelos/VEMain.razor.rz.scp.css */
/* ============== */
/* VELOS PAGE CARD */
/* ============== */

.VEMAIN_CONTAINER[b-qhnbgjby8r] {
    height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.VEMAIN_CARD[b-qhnbgjby8r] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 0.75rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.08);
    border: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    overflow: hidden;
}

.VEMAIN_CARD .card-header[b-qhnbgjby8r] {
    background-color: var(--surface-1);
    border-bottom: 1px solid var(--border-subtle);
    padding: 0.75rem 1.25rem;
    flex-shrink: 0;
    gap: 0.75rem;
}

/* ============== */
/* PAGE TITLE      */
/* ============== */

.VEMAIN_TITLE[b-qhnbgjby8r] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
}

.VEMAIN_REFRESH_BTN[b-qhnbgjby8r] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.4rem 0.875rem;
    border-color: var(--border-strong);
    color: var(--text-secondary);
    transition: all 0.2s ease;
    background-color: var(--surface-1);
}

.VEMAIN_REFRESH_BTN:hover[b-qhnbgjby8r] {
    background-color: var(--surface-2);
    border-color: var(--border-strong);
    color: var(--text-primary);
}

/* ============== */
/* COUNT BADGE    */
/* ============== */

.VEMAIN_COUNT_BADGE[b-qhnbgjby8r] {
    display: flex;
    align-items: center;
}

.VEMAIN_COUNT_BADGE .badge[b-qhnbgjby8r] {
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* ============== */
/* FILTER PILLS   */
/* ============== */

.VEMAIN_FILTER_PILLS[b-qhnbgjby8r] {
    gap: 0.25rem;
}

.VEMAIN_FILTER_PILLS .nav-link[b-qhnbgjby8r] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.35rem 0.875rem;
    border-radius: 999px;
    color: var(--text-secondary);
    background-color: transparent;
    border: 1px solid var(--border-strong);
    transition: all 0.2s ease;
}

.VEMAIN_FILTER_PILLS .nav-link:hover[b-qhnbgjby8r] {
    background-color: var(--surface-2);
    color: var(--text-primary);
}

.VEMAIN_FILTER_PILLS .nav-link.active[b-qhnbgjby8r] {
    background-color: var(--accent-primary);
    color: #fff;
    border-color: var(--accent-primary);
}

/* ============== */
/* SEARCH INPUT   */
/* ============== */

.VEMAIN_SEARCH_WRAP[b-qhnbgjby8r] {
    max-width: 220px;
}

.VEMAIN_SEARCH_WRAP .input-group-text[b-qhnbgjby8r] {
    color: var(--text-muted);
    border-color: var(--border-strong);
}

.VEMAIN_SEARCH_WRAP .form-control[b-qhnbgjby8r] {
    font-size: 0.8125rem;
    border-color: var(--border-strong);
    background-color: var(--surface-1);
    color: var(--text-primary);
}

.VEMAIN_SEARCH_WRAP .form-control:focus[b-qhnbgjby8r] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 0.15rem rgba(105, 108, 255, 0.15);
}

/* ============== */
/* CARD BODY      */
/* ============== */

.VEMAIN_CARD_BODY[b-qhnbgjby8r] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.VEMAIN_TABLE_WRAP[b-qhnbgjby8r] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ========= */
/* TABLE     */
/* ========= */

.VEMAIN_TABLE[b-qhnbgjby8r] {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.VEMAIN_TABLE thead[b-qhnbgjby8r] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.VEMAIN_TABLE thead.table-light th[b-qhnbgjby8r] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.65rem 0.75rem;
    border-bottom: 2px solid var(--border-strong);
    white-space: nowrap;
    vertical-align: middle;
}

.VEMAIN_TH[b-qhnbgjby8r] {
    cursor: default;
}

.VEMAIN_TH.sortable-header[b-qhnbgjby8r] {
    cursor: pointer;
    user-select: none;
    position: relative;
    padding-right: 20px;
}

.VEMAIN_TH.sortable-header:hover[b-qhnbgjby8r] {
    color: var(--accent-primary);
}

.sort-icon-inline[b-qhnbgjby8r] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

.VEMAIN_TH_ACTIONS[b-qhnbgjby8r] {
    min-width: 320px;
}

/* ============ */
/* TABLE ROWS   */
/* ============ */

.VEMAIN_ROW[b-qhnbgjby8r] {
    cursor: pointer;
    transition: background-color 0.15s ease;
    border-bottom: 1px solid var(--border-subtle);
}

.VEMAIN_ROW:hover[b-qhnbgjby8r] {
    background-color: var(--surface-2);
}

.VEMAIN_ROW td[b-qhnbgjby8r] {
    padding: 0.6rem 0.75rem;
    font-size: 0.8125rem;
    vertical-align: middle;
    background-color: inherit;
    color: var(--text-primary);
}

.VEMAIN_ROW td .text-muted[b-qhnbgjby8r] {
    color: var(--text-muted) !important;
}

.VEMAIN_LOADING_STATE[b-qhnbgjby8r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
}

.VEMAIN_LOADING_SPINNER[b-qhnbgjby8r] {
    color: var(--accent-primary);
}

/* ============== */
/* BIKR ID COLUMN */
/* ============== */

.VEMAIN_BIKR_ID[b-qhnbgjby8r] {
    cursor: pointer;
    color: var(--accent-primary);
    font-weight: 600;
    font-size: 0.8125rem;
}

.VEMAIN_BIKR_ID:hover[b-qhnbgjby8r] {
    text-decoration: underline;
}

/* ============== */
/* STATUS BADGES  */
/* ============== */

.VEMAIN_STATUS_BADGE[b-qhnbgjby8r] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.35em 0.7em;
    border-radius: 999px;
    white-space: nowrap;
    display: inline-block;
    line-height: 1.3;
}

.VEMAIN_STATUS_UPTIME[b-qhnbgjby8r] {
    background-color: rgba(113, 221, 55, 0.16) !important;
    color: #71dd37 !important;
}

.VEMAIN_STATUS_DOWNTIME_UNPLANNED[b-qhnbgjby8r] {
    background-color: rgba(255, 171, 0, 0.16) !important;
    color: var(--accent-warning) !important;
}

.VEMAIN_STATUS_DOWNTIME_PLANNED[b-qhnbgjby8r] {
    background-color: rgba(255, 62, 29, 0.16) !important;
    color: #ff3e1d !important;
}

/* ============== */
/* ALERT BADGE    */
/* ============== */

.VEMAIN_ALERT_BADGE[b-qhnbgjby8r] {
    font-size: 0.6875rem;
    font-weight: 500;
    padding: 0.3em 0.6em;
    background-color: rgba(255, 171, 0, 0.16) !important;
    color: var(--accent-warning) !important;
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============== */
/* ACTION BUTTONS */
/* ============== */

.VEMAIN_ACTIONS_CELL[b-qhnbgjby8r] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.VEMAIN_ACTIONS_CELL .btn[b-qhnbgjby8r] {
    font-size: 0.6875rem;
    font-weight: 500;
    padding: 0.25rem 0.625rem;
}

.VEMAIN_ACTIONS_CELL .btn i[b-qhnbgjby8r] {
    font-size: 0.75rem;
}

/* Alert button with existing alert */
.VEMAIN_ALERT_BTN_ACTIVE[b-qhnbgjby8r] {
    background-color: #D18B29 !important;
    border-color: #D18B29 !important;
    color: #FFFFFF !important;
    font-size: 0.6875rem !important;
    font-weight: 500 !important;
    padding: 0.25rem 0.625rem !important;
}

.VEMAIN_ALERT_BTN_ACTIVE:hover[b-qhnbgjby8r],
.VEMAIN_ALERT_BTN_ACTIVE:focus[b-qhnbgjby8r] {
    background-color: #B77822 !important;
    border-color: #B77822 !important;
    color: #FFFFFF !important;
}

.VEMAIN_ALERT_BTN_ACTIVE i[b-qhnbgjby8r] {
    font-size: 0.75rem;
}

/* ============== */
/* TABLE FOOTER   */
/* ============== */

.VEMAIN_FOOTER[b-qhnbgjby8r] {
    flex-shrink: 0;
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border-subtle);
    background-color: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* ================ */
/* SCROLLBAR        */
/* ================ */

.VEMAIN_TABLE_WRAP[b-qhnbgjby8r]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.VEMAIN_TABLE_WRAP[b-qhnbgjby8r]::-webkit-scrollbar-track {
    background: var(--surface-2);
    border-radius: 3px;
}

.VEMAIN_TABLE_WRAP[b-qhnbgjby8r]::-webkit-scrollbar-thumb {
    background: var(--text-muted);
    border-radius: 3px;
}

.VEMAIN_TABLE_WRAP[b-qhnbgjby8r]::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

/* ============ */
/* DARK MODE    */
/* ============ */

:root[data-theme="dark"] .VEMAIN_TABLE thead.table-light th[b-qhnbgjby8r],
body[data-theme="dark"] .VEMAIN_TABLE thead.table-light th[b-qhnbgjby8r] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    border-bottom-color: var(--border-strong);
}

:root[data-theme="dark"] .VEMAIN_ROW:hover[b-qhnbgjby8r],
body[data-theme="dark"] .VEMAIN_ROW:hover[b-qhnbgjby8r] {
    background-color: rgba(255, 255, 255, 0.04);
}

:root[data-theme="dark"] .VEMAIN_STATUS_UPTIME[b-qhnbgjby8r],
body[data-theme="dark"] .VEMAIN_STATUS_UPTIME[b-qhnbgjby8r] {
    background-color: rgba(113, 221, 55, 0.16) !important;
}
/* /Components/ModuleWork/WOContainer.razor.rz.scp.css */
.DIALOG[b-cz3pgs7s7t] {
    max-height: none !important;
    top: 50px !important;
}

.dot[b-cz3pgs7s7t] {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    display: inline-block;
}

.dotgreen[b-cz3pgs7s7t] {
    background-color: forestgreen;
}

.dotred[b-cz3pgs7s7t] {
    background-color: red;
}

.QUALIF_BLOCK[b-cz3pgs7s7t] {
    border-style: solid;
    border-width: 1px;
    border-color: var(--border-subtle);
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 8px;
    cursor: pointer;
    background-color: var(--surface-2);
}

.QUALIF_BLOCK_DISABLED[b-cz3pgs7s7t] {
    cursor: not-allowed;
}

.QUALIF_BLOCK_MESSAGE[b-cz3pgs7s7t] {
    color: #ff7a7a;
}

.QUALIF_BLOCK_SELECTED[b-cz3pgs7s7t] {
    background-color: forestgreen;
    color: #ffffff;
}

.LOCATION_BLOCK[b-cz3pgs7s7t] {
    border-style: solid;
    border-width: 1px;
    border-color: var(--border-subtle);
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 8px;
    cursor: pointer;
    background-color: var(--surface-2);
}

.LOCATION_BLOCK_SELECTED[b-cz3pgs7s7t] {
    background-color: forestgreen;
    color: #ffffff;
}

.CATEGORY_BLOCK[b-cz3pgs7s7t] {
    display: inline-block;
    padding-top: 2px;
    text-align: center;
    color: var(--text-primary);
    width: 260px;
    height: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--border-strong);
    cursor: pointer;
    border-radius: 6px;
    background-color: var(--surface-2);
}

.CATEGORY_BLOCK_SELECTED[b-cz3pgs7s7t] {
    background-color: cornflowerblue;
    color: #ffffff;
}

.ACTION_BLOCK[b-cz3pgs7s7t] {
    display: inline-block;
    padding-top: 2px;
    text-align: center;
    color: var(--text-primary);
    width: 130px;
    height: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--border-strong);
    cursor: pointer;
    margin-right: 10px;
    border-radius: 6px;
    background-color: var(--surface-2);
}

.ACTION_BLOCK_SELECTED[b-cz3pgs7s7t] {
    background-color: cornflowerblue;
    color: #ffffff;
}

.PARTS_ACTIONS_CELL_CONTAINER[b-cz3pgs7s7t] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    white-space: normal;
    align-items: center;
}

.PARTS_ACTIONS_EMPTY[b-cz3pgs7s7t] {
    color: var(--text-muted);
}

.ACTION_BLOCK_COMPACT[b-cz3pgs7s7t] {
    display: inline-flex;
    width: auto;
    min-width: 0;
    padding: 2px 8px;
    margin: 0;
    white-space: nowrap;
}

.PARTS_GRID_CONTAINER[b-cz3pgs7s7t] {
    height: calc(100vh - 310px);
}

.STYLE_DEBLOCAGE[b-cz3pgs7s7t] {
    border-style: solid;
    border-width: 1px;
    border-color: var(--border-strong);
    border-radius: 3px;
    padding: 4px;
    color: var(--text-secondary);
}

.STYLE_DEBLOCAGE:hover[b-cz3pgs7s7t] {
    color: var(--text-primary);
}

.CONTAINER_COMMENTS[b-cz3pgs7s7t] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
    align-items: stretch;
}

.CONTAINER_COMMENTS > div[b-cz3pgs7s7t] {
    flex: 1 1 240px;
    min-width: 220px;
    max-width: calc((100% - 16px) / 3);
    padding: 0px;
    box-sizing: border-box;
}

.ASSOC_HEADER[b-cz3pgs7s7t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--text-primary);
    margin-top: 10px;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ASSOC_LIST[b-cz3pgs7s7t] {
    margin-bottom: 16px;
}

.ASSOC_SCROLL_CONTAINER[b-cz3pgs7s7t] {
    min-height: 0;
    flex: 1 1 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
    padding-bottom: 32px;
    scrollbar-gutter: stable;
}

.ASSOC_ITEM[b-cz3pgs7s7t] {
    background-color: var(--surface-1);
    padding: 8px 10px;
    margin-bottom: 10px;
    border-radius: 0.65rem;
    border: 1px solid var(--border-subtle);
    box-shadow: 0 0.15rem 0.4rem rgba(67, 89, 113, 0.06);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.ASSOC_ITEM:hover[b-cz3pgs7s7t] {
    border-color: var(--border-strong);
    box-shadow: 0 0.35rem 0.9rem rgba(67, 89, 113, 0.1);
}

.ASSOC_ITEM.ASSOC_ITEM_ROLE_A[b-cz3pgs7s7t],
.ASSOC_ITEM.ASSOC_ITEM_ROLE_M[b-cz3pgs7s7t],
.ASSOC_ITEM.ASSOC_ITEM_ROLE_V[b-cz3pgs7s7t],
.ASSOC_ITEM.ASSOC_ITEM_STATUS_DONE[b-cz3pgs7s7t],
.ASSOC_ITEM.ASSOC_ITEM_STATUS_VERIFIED[b-cz3pgs7s7t] {
    border-left: 4px solid var(--border-strong);
}

.PHASE_TEXT_A textarea[b-cz3pgs7s7t],
.PHASE_TEXT_A input[b-cz3pgs7s7t],
.PHASE_TEXT_A .e-input[b-cz3pgs7s7t] {
    color: #cc3333 !important;
}

.PHASE_TEXT_M textarea[b-cz3pgs7s7t],
.PHASE_TEXT_M input[b-cz3pgs7s7t],
.PHASE_TEXT_M .e-input[b-cz3pgs7s7t] {
    color: #06b6d4;
}

.PHASE_TEXT_V textarea[b-cz3pgs7s7t],
.PHASE_TEXT_V input[b-cz3pgs7s7t],
.PHASE_TEXT_V .e-input[b-cz3pgs7s7t] {
    color: green;
}

.PHASE_LABEL_A[b-cz3pgs7s7t],
.ASSOC_NOTE_LABEL.PHASE_LABEL_A[b-cz3pgs7s7t] {
    color: #cc3333 !important;
}

.PHASE_LABEL_M[b-cz3pgs7s7t],
.ASSOC_NOTE_LABEL.PHASE_LABEL_M[b-cz3pgs7s7t] {
    color: #06b6d4;
}

.PHASE_LABEL_V[b-cz3pgs7s7t],
.ASSOC_NOTE_LABEL.PHASE_LABEL_V[b-cz3pgs7s7t] {
    color: green;
}

[b-cz3pgs7s7t] .PHASE_BORDER_A.e-input-group,
[b-cz3pgs7s7t] .PHASE_BORDER_A.e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_A .e-input-group,
[b-cz3pgs7s7t] .PHASE_BORDER_A .e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_A textarea,
[b-cz3pgs7s7t] .PHASE_BORDER_A input,
[b-cz3pgs7s7t] .PHASE_BORDER_A .e-input {
    border-color: #cc3333 !important;
}

[b-cz3pgs7s7t] .PHASE_BORDER_M.e-input-group,
[b-cz3pgs7s7t] .PHASE_BORDER_M.e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_M .e-input-group,
[b-cz3pgs7s7t] .PHASE_BORDER_M .e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_M textarea,
[b-cz3pgs7s7t] .PHASE_BORDER_M input,
[b-cz3pgs7s7t] .PHASE_BORDER_M .e-input {
    border-color: #06b6d4 !important;
}

[b-cz3pgs7s7t] .PHASE_BORDER_V.e-input-group,
[b-cz3pgs7s7t] .PHASE_BORDER_V.e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_V .e-input-group,
[b-cz3pgs7s7t] .PHASE_BORDER_V .e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_V textarea,
[b-cz3pgs7s7t] .PHASE_BORDER_V input,
[b-cz3pgs7s7t] .PHASE_BORDER_V .e-input {
    border-color: green !important;
}

[b-cz3pgs7s7t] .PHASE_BORDER_A.e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_A .e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_M.e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_M .e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_V.e-input-group.e-input-focus,
[b-cz3pgs7s7t] .PHASE_BORDER_V .e-input-group.e-input-focus {
    box-shadow: none !important;
}

.ASSOC_ITEM_HEADER[b-cz3pgs7s7t] {
    background-color: transparent;
    padding: 0 8px;
}

.ASSOC_ROW_TABLE[b-cz3pgs7s7t] {
    width: 100%;
}

.ASSOC_ROLE_CELL[b-cz3pgs7s7t] {
    width: 52px;
    color: var(--text-secondary);
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid var(--border-subtle);
    padding-right: 10px;
    text-align: center;
}

.ASSOC_ITEM .ASSOC_ROLE_CELL[b-cz3pgs7s7t] {
    vertical-align: middle;
}

.ASSOC_ITEM .ASSOC_ROLE_CELL[b-cz3pgs7s7t] {
    font-size: 0.78rem;
    font-weight: 700;
    background-color: var(--surface-2);
}

.ASSOC_ROLE_CELL.ASSOC_ITEM_ROLE_A[b-cz3pgs7s7t] {
    border-left: 4px solid #cc3333;
    color: #cc3333;
}

.ASSOC_ROLE_CELL.ASSOC_ITEM_ROLE_M[b-cz3pgs7s7t] {
    border-left: 4px solid #06b6d4;
    color: #06b6d4;
}

.ASSOC_ROLE_CELL.ASSOC_ITEM_ROLE_V[b-cz3pgs7s7t],
.ASSOC_ROLE_CELL.ASSOC_ITEM_STATUS_DONE[b-cz3pgs7s7t] {
    border-left: 4px solid green;
    color: green;
}

.ASSOC_ROLE_CELL.ASSOC_ITEM_STATUS_VERIFIED[b-cz3pgs7s7t] {
    border-left: 4px solid var(--text-muted);
    color: var(--text-muted);
}

.ASSOC_CONTENT_CELL[b-cz3pgs7s7t] {
    vertical-align: top;
    padding-left: 10px;
}

.ASSOC_CHECK_CELL[b-cz3pgs7s7t] {
    width: 90px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid var(--border-subtle);
    padding-left: 4px;
    padding-right: 4px;
}

.ASSOC_CHECK_CELL_CLICKABLE[b-cz3pgs7s7t] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.ASSOC_CHECK_CELL_CLICKABLE:hover[b-cz3pgs7s7t] {
    background-color: rgba(105, 108, 255, 0.08);
}

.ASSOC_CHECKBOX_PASSIVE[b-cz3pgs7s7t] {
    pointer-events: none;
}

.ASSOC_CHECK_HEADER[b-cz3pgs7s7t] {
    color: var(--text-primary);
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: center;
}

.ASSOC_HEADER_ROW td[b-cz3pgs7s7t] {
    border-left: none !important;
    border-right: none !important;
}

.ASSOC_PIECE[b-cz3pgs7s7t] {
    color: var(--text-primary);
    font-size: 0.82rem;
    font-weight: 600;
}

.ASSOC_ACTION[b-cz3pgs7s7t] {
    color: var(--text-primary);
    font-size: 0.8rem;
}

.ASSOC_QUANTITY_ROW[b-cz3pgs7s7t] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
}

.ASSOC_QUANTITY_BUTTONS[b-cz3pgs7s7t] {
    display: inline-flex;
    gap: 4px;
}

.ASSOC_QUANTITY_BUTTON[b-cz3pgs7s7t] {
    min-width: 24px;
    height: 22px;
    line-height: 1;
    padding: 0 6px;
    border-radius: 999px;
}

.ASSOC_EMPTY[b-cz3pgs7s7t] {
    color: var(--text-muted);
    margin-bottom: 12px;
}

.ASSOC_NOTE_BUTTON_WRAP[b-cz3pgs7s7t] {
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

[b-cz3pgs7s7t] .ASSOC_NOTE_BUTTON_WRAP .e-btn {
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}

[b-cz3pgs7s7t] .assoc-note-btn-has-notes.e-btn {
    background-color: #D18B29 !important;
    border-color: #D18B29 !important;
    color: #FFFFFF !important;
}

[b-cz3pgs7s7t] .assoc-note-btn-has-notes.e-btn:hover,
[b-cz3pgs7s7t] .assoc-note-btn-has-notes.e-btn:focus {
    background-color: #B77822 !important;
    border-color: #B77822 !important;
    color: #FFFFFF !important;
}

.ASSOC_DELETE_ICON[b-cz3pgs7s7t] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: var(--text-primary);
    -webkit-mask-image: url('images/IconDelete02.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url('images/IconDelete02.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.ASSOC_NOTE_TITLE[b-cz3pgs7s7t] {
    font-weight: bold;
    margin-bottom: 8px;
}

.ASSOC_NOTE_SECTION[b-cz3pgs7s7t] {
    margin-bottom: 16px;
}

.ASSOC_NOTE_SECTION[b-cz3pgs7s7t]  textarea.e-input,
.ASSOC_NOTE_SECTION[b-cz3pgs7s7t]  input.e-input {
    font-size: 14px;
    line-height: 1.4;
}

.ASSOC_NOTE_SECTION[b-cz3pgs7s7t]  .e-disabled textarea.e-input,
.ASSOC_NOTE_SECTION[b-cz3pgs7s7t]  .e-disabled input.e-input,
.ASSOC_NOTE_SECTION[b-cz3pgs7s7t]  textarea.e-input:disabled,
.ASSOC_NOTE_SECTION[b-cz3pgs7s7t]  input.e-input:disabled {
    color: var(--text-primary) !important;
    -webkit-text-fill-color: var(--text-primary) !important;
    opacity: 1 !important;
}

.ASSOC_NOTE_LABEL[b-cz3pgs7s7t] {
    color: var(--text-muted);
    margin-bottom: 4px;
}

.WOC_MAIN_CONTAINER[b-cz3pgs7s7t] {
    padding: 0.85rem 1.15rem 1rem;
    height: 100%;
    overflow: hidden;
}

.WOC_FULL_WIDTH_TABLE[b-cz3pgs7s7t] {
    width: 100%;
    height: 100%;
}

.WOC_FULL_WIDTH_TABLE > tbody > tr[b-cz3pgs7s7t],
.WOC_FULL_WIDTH_TABLE > tr[b-cz3pgs7s7t] {
    height: 100%;
}

.WOC_FULL_WIDTH_TABLE > tbody > tr > td[b-cz3pgs7s7t],
.WOC_FULL_WIDTH_TABLE > tr > td[b-cz3pgs7s7t] {
    height: 100%;
}

.WOC_LEFT_COLUMN[b-cz3pgs7s7t] {
    width: 50%;
}

.WOC_LEFT_PANEL[b-cz3pgs7s7t] {
    background-color: var(--surface-1);
    padding: 0.85rem;
    height: 100%;
    border: 1px solid var(--border-subtle);
    border-radius: 0.6rem;
    background-clip: padding-box;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.35rem rgba(0, 0, 0, 0.05);
}

.WOC_RIGHT_PANEL[b-cz3pgs7s7t] {
    margin-left: 16px;
    background-color: var(--surface-1);
    padding: 0.85rem;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--border-subtle);
    border-radius: 0.6rem;
    background-clip: padding-box;
    box-shadow: 0 0.125rem 0.35rem rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
}

.WOC_SECTION_TITLE[b-cz3pgs7s7t] {
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 8px;
    color: var(--text-primary);
}

.WOC_SECTION_SPACER_TOP[b-cz3pgs7s7t] {
    margin-top: 16px;
}

.WOC_OBSERVATIONS_TITLE[b-cz3pgs7s7t] {
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 6px;
    margin-top: 0;
    color: var(--text-primary);
}

.WOC_COMMENTS_CONTAINER[b-cz3pgs7s7t] {
    margin-bottom: 18px;
}

.WOC_COMMENT_BLOCK[b-cz3pgs7s7t] {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.WOC_COMMENT_BLOCK .PHASE_LABEL_A[b-cz3pgs7s7t],
.WOC_COMMENT_BLOCK .PHASE_LABEL_M[b-cz3pgs7s7t],
.WOC_COMMENT_BLOCK .PHASE_LABEL_V[b-cz3pgs7s7t] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .e-control-wrapper,
[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .e-input-group {
    width: 100%;
}

[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .e-input-group {
    border-radius: 0.6rem;
    border-width: 1px;
    border-style: solid;
    background-color: var(--surface-1);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER textarea[data-observation-box="true"] {
    min-height: 38px;
    max-height: 154px;
    line-height: 1.35;
    overflow-y: auto;
    resize: none;
    border-radius: 0.6rem;
    background-color: transparent;
    padding: 0.48rem 0.65rem;
    font-size: 0.82rem;
}

[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_A.e-input-group,
[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_A .e-input-group {
    border-color: rgba(204, 51, 51, 0.5) !important;
    box-shadow: inset 0 0 0 1px rgba(204, 51, 51, 0.08);
}

[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_M.e-input-group,
[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_M .e-input-group {
    border-color: rgba(6, 182, 212, 0.5) !important;
    box-shadow: inset 0 0 0 1px rgba(6, 182, 212, 0.08);
}

[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_V.e-input-group,
[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_V .e-input-group {
    border-color: rgba(34, 139, 34, 0.5) !important;
    box-shadow: inset 0 0 0 1px rgba(34, 139, 34, 0.08);
}

[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_A.e-input-group.e-input-focus,
[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_A .e-input-group.e-input-focus {
    border-color: #cc3333 !important;
    box-shadow: 0 0 0 0.18rem rgba(204, 51, 51, 0.15) !important;
}

[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_M.e-input-group.e-input-focus,
[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_M .e-input-group.e-input-focus {
    border-color: #06b6d4 !important;
    box-shadow: 0 0 0 0.18rem rgba(6, 182, 212, 0.15) !important;
}

[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_V.e-input-group.e-input-focus,
[b-cz3pgs7s7t] .WOC_COMMENTS_CONTAINER .PHASE_BORDER_V .e-input-group.e-input-focus {
    border-color: green !important;
    box-shadow: 0 0 0 0.18rem rgba(34, 139, 34, 0.15) !important;
}

@media (max-width: 992px) {
    .CONTAINER_COMMENTS > div[b-cz3pgs7s7t] {
        min-width: 100%;
        max-width: 100%;
    }
}

.WOC_TEMPLATES_BUTTON[b-cz3pgs7s7t] {
    margin-left: auto;
}

.WOC_LIST_SUBTITLE[b-cz3pgs7s7t] {
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 8px;
    color: var(--text-primary);
}

.WOC_COMPLEXITY_LABEL[b-cz3pgs7s7t] {
    float: right;
    font-weight: normal;
    font-size: 11pt;
}

.WOC_LIST_ITEM_CARD[b-cz3pgs7s7t] {
    background-color: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: 0.65rem;
    box-shadow: 0 0.15rem 0.4rem rgba(67, 89, 113, 0.06);
    margin-bottom: 0.55rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.WOC_LIST_ITEM_CARD:hover[b-cz3pgs7s7t] {
    border-color: var(--border-strong);
    box-shadow: 0 0.35rem 0.9rem rgba(67, 89, 113, 0.1);
}

.WOC_MEDIA_CELL[b-cz3pgs7s7t] {
    width: 72px;
}

.WOC_ACTION_IMAGE[b-cz3pgs7s7t] {
    height: 64px;
    margin: 4px;
    padding: 6px;
}

.WOC_ACTION_IMAGE_NO_PADDING[b-cz3pgs7s7t] {
    height: 64px;
    margin: 4px;
}

.WOC_PIECE_IMAGE[b-cz3pgs7s7t] {
    height: 64px;
    margin: 4px;
}

.WOC_SUGGESTED_PIECE_IMAGE[b-cz3pgs7s7t] {
    height: 64px;
    width: 64px;
    margin: 4px;
}

.WOC_ITEM_TEXT_WRAP[b-cz3pgs7s7t] {
    margin-left: 12px;
    line-height: 1.35;
}

.WOC_ACTION_COMMENT[b-cz3pgs7s7t] {
    font-style: italic;
    color: var(--text-secondary);
}

.WOC_PREVENTIVE_LABEL[b-cz3pgs7s7t] {
    color: orangered;
    font-style: italic;
}

.WOC_ACTION_DELETE_CELL[b-cz3pgs7s7t] {
    width: 70px;
}

.WOC_AVAILABILITY_CELL[b-cz3pgs7s7t] {
    width: 100px;
}

.WOC_CHECKBOX_CELL[b-cz3pgs7s7t] {
    width: 60px;
}

.WOC_DELETE_CLICKABLE[b-cz3pgs7s7t] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 1px solid var(--border-subtle);
    transition: all 0.15s ease;
}

.WOC_DELETE_CLICKABLE:hover[b-cz3pgs7s7t] {
    background-color: rgba(255, 62, 29, 0.1);
    border-color: rgba(255, 62, 29, 0.28);
}

.WOC_DELETE_ICON[b-cz3pgs7s7t] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--text-primary);
    -webkit-mask-image: url('images/IconDelete02.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url('images/IconDelete02.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.WOC_PARTS_TITLE[b-cz3pgs7s7t] {
    margin-top: 30px;
}

.WOC_DIALOG_SECTION_TITLE[b-cz3pgs7s7t] {
    font-weight: bold;
    margin-bottom: 8px;
}

.WOC_DIALOG_SECTION_TITLE_SPACED[b-cz3pgs7s7t] {
    margin-top: 16px;
}

.WOC_DIALOG_SUBTITLE[b-cz3pgs7s7t] {
    font-weight: bold;
    margin-bottom: 8px;
}

.WOC_DIALOG_SUBTITLE_SPACED[b-cz3pgs7s7t] {
    margin-top: 20px;
}

.WOC_DIALOG_CONTENT_INDENT[b-cz3pgs7s7t] {
    margin-left: 20px;
}

.WOC_TRANSFER_LOCATIONS[b-cz3pgs7s7t] {
    display: flex;
    margin-left: 20px;
    gap: 8px;
}

.WOC_TRANSFER_DESCRIPTION[b-cz3pgs7s7t] {
    margin-left: 20px;
    font-style: italic;
}

.WOC_DIALOG_COMMENT_TITLE[b-cz3pgs7s7t] {
    margin-top: 18px;
}

.WOC_CATEGORIES_WRAP[b-cz3pgs7s7t] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.WOC_TEMPLATE_LIST[b-cz3pgs7s7t] {
    max-height: 360px;
    overflow-y: auto;
}

.WOC_TEMPLATE_ITEM[b-cz3pgs7s7t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
    background-color: var(--surface-2);
}

.WOC_TEMPLATE_NAME[b-cz3pgs7s7t] {
    font-weight: bold;
}

.WOC_TEMPLATE_META[b-cz3pgs7s7t] {
    font-size: 11px;
    color: var(--text-secondary);
}

@media (max-width: 1200px) {
    .WOC_MAIN_CONTAINER[b-cz3pgs7s7t] {
        height: auto;
        overflow: visible;
    }

    .WOC_FULL_WIDTH_TABLE[b-cz3pgs7s7t],
    .WOC_FULL_WIDTH_TABLE > tbody[b-cz3pgs7s7t],
    .WOC_FULL_WIDTH_TABLE > tbody > tr[b-cz3pgs7s7t],
    .WOC_FULL_WIDTH_TABLE > tr[b-cz3pgs7s7t],
    .WOC_FULL_WIDTH_TABLE > tbody > tr > td[b-cz3pgs7s7t],
    .WOC_FULL_WIDTH_TABLE > tr > td[b-cz3pgs7s7t] {
        display: block;
        width: 100%;
        height: auto;
    }

    .WOC_FULL_WIDTH_TABLE > tbody > tr > td[b-cz3pgs7s7t],
    .WOC_FULL_WIDTH_TABLE > tr > td[b-cz3pgs7s7t] {
        padding-bottom: 0.75rem;
    }

    .WOC_LEFT_COLUMN[b-cz3pgs7s7t] {
        width: 100%;
    }

    .WOC_LEFT_PANEL[b-cz3pgs7s7t] {
        height: auto;
        overflow: visible;
    }

    .WOC_RIGHT_PANEL[b-cz3pgs7s7t] {
        margin-left: 0;
        height: auto;
        min-height: 70vh;
    }

    .PARTS_GRID_CONTAINER[b-cz3pgs7s7t] {
        height: 420px;
    }
}

@media (max-width: 768px) {
    .WOC_MAIN_CONTAINER[b-cz3pgs7s7t] {
        padding: 0.65rem;
    }

    .PARTS_GRID_CONTAINER[b-cz3pgs7s7t] {
        height: 360px;
    }
}

/* /Components/ModuleWork/WOHeader.razor.rz.scp.css */
.wo-alert-btn-has-alert[b-jubcd7bipg] {
  background-color: #D18B29 !important;
  border-color: #D18B29 !important;
  color: #FFFFFF !important;
}

.wo-alert-btn-has-alert:hover[b-jubcd7bipg],
.wo-alert-btn-has-alert:focus[b-jubcd7bipg] {
  background-color: #B77822 !important;
  border-color: #B77822 !important;
  color: #FFFFFF !important;
}

.wo-contextual-alert-message[b-jubcd7bipg] {
  margin-bottom: 8px;
}

.wo-contextual-alert-box[b-jubcd7bipg] {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--border-strong);
  border-radius: 4px;
  background-color: var(--surface-2);
  color: var(--text-primary);
}

.wo-contextual-alert-label[b-jubcd7bipg] {
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--accent-primary);
}

.wo-contextual-alert-text[b-jubcd7bipg] {
  white-space: pre-wrap;
  color: var(--text-primary);
}

.WOH_CONTAINER[b-jubcd7bipg] {
  background-color: var(--surface-1);
  color: var(--text-primary);
  margin: 0 0 0.75rem 0;
  padding: 0.9rem 1.15rem;
  border: 1px solid var(--border-subtle);
  border-radius: 0.6rem;
  background-clip: padding-box;
  overflow: hidden;
  box-shadow: 0 0.125rem 0.35rem rgba(0, 0, 0, 0.05);
}

.WOH_FULL_WIDTH_TABLE[b-jubcd7bipg] {
  width: 100%;
}

.WOH_LAYOUT_TABLE td[b-jubcd7bipg] {
  vertical-align: top;
  padding-right: 0.85rem;
}

.WOH_LAYOUT_TABLE td:last-child[b-jubcd7bipg] {
  padding-right: 0;
}

.WOH_ASSET_PHOTO[b-jubcd7bipg] {
  height: 92px;
  width: 92px;
  object-fit: cover;
  border-radius: 0.5rem;
  border: 1px solid var(--border-subtle);
  margin: 0;
}

.WOH_ASSET_BLOCK[b-jubcd7bipg] {
  margin-right: 30px;
  margin-left: 16px;
}

.WOH_TITLE[b-jubcd7bipg] {
  font-size: 1.15rem;
  font-weight: 600;
}

.WOH_DETAILS_BLOCK[b-jubcd7bipg] {
  font-size: 10pt;
}

.WOH_FIELD_LABEL_FIRST[b-jubcd7bipg] {
  margin-left: 0;
}

.WOH_FIELD_LABEL[b-jubcd7bipg] {
  margin-left: 30px;
}

.WOH_FIELD_VALUE[b-jubcd7bipg] {
  margin-left: 10px;
  color: var(--text-secondary);
}

.WOH_SUCCESS_BUTTON[b-jubcd7bipg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #673ab7;
  color: #fff;
  border: 1px solid #673ab7;
  border-radius: 0.375rem;
  padding: 0.35rem 0.85rem;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.375;
  text-transform: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  cursor: pointer;
  box-shadow: 0 0.125rem 0.25rem rgba(103, 58, 183, 0.3);
}

.WOH_SUCCESS_BUTTON:hover[b-jubcd7bipg] {
  background-color: #562fa0;
  border-color: #562fa0;
  color: #fff;
}

.WOH_SUCCESS_BUTTON:active[b-jubcd7bipg] {
  background-color: #4f2b92 !important;
  border-color: #4f2b92 !important;
  color: #fff !important;
}

.WOH_SUCCESS_BUTTON:focus-visible[b-jubcd7bipg] {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(103, 58, 183, 0.25);
}

.WOH_BUTTON_GAP[b-jubcd7bipg] {
  margin-right: 8px;
  margin-bottom: 8px;
}

.WOH_PHASE_TITLE[b-jubcd7bipg] {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-secondary);
}

.WOH_WIZARD_PANEL[b-jubcd7bipg] {
  margin-left: auto;
  width: 220px;
  padding: 0.5rem 0.65rem;
  border: 1px solid var(--border-subtle);
  border-radius: 0.55rem;
  background-color: var(--surface-2);
}

.WOH_PHASE_TIMELINE[b-jubcd7bipg] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 132px;
  height: 18px;
  margin-left: auto;
  margin-top: 6px;
  margin-bottom: 8px;
}

.WOH_WIZARD_TRACK[b-jubcd7bipg] {
  position: absolute;
  top: 50%;
  left: 8px;
  right: 8px;
  height: 2px;
  transform: translateY(-50%);
  background-color: var(--border-strong);
}

.WOH_WIZARD_DOT[b-jubcd7bipg] {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background-color: var(--surface-1);
  border: 2px solid var(--border-strong);
  box-shadow: 0 0 0 2px var(--surface-1);
}

.WOH_WIZARD_DOT_ACTIVE[b-jubcd7bipg] {
  width: 14px;
  height: 14px;
  border-color: rgba(255, 171, 0, 0.55);
  background-color: rgba(255, 171, 0, 0.8);
  box-shadow: 0 0 0 3px rgba(255, 171, 0, 0.24);
}

:root[data-theme="dark"] .WOH_WIZARD_PANEL[b-jubcd7bipg],
body[data-theme="dark"] .WOH_WIZARD_PANEL[b-jubcd7bipg] {
  border-color: rgba(255, 255, 255, 0.24);
  background-color: rgba(255, 255, 255, 0.06);
}

:root[data-theme="dark"] .WOH_WIZARD_TRACK[b-jubcd7bipg],
body[data-theme="dark"] .WOH_WIZARD_TRACK[b-jubcd7bipg] {
  background-color: rgba(255, 255, 255, 0.4);
}

:root[data-theme="dark"] .WOH_WIZARD_DOT[b-jubcd7bipg],
body[data-theme="dark"] .WOH_WIZARD_DOT[b-jubcd7bipg] {
  background-color: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.72);
}

.WOH_WIZARD_CURRENT_TASK[b-jubcd7bipg] {
  margin-top: 2px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text-primary);
  text-align: right;
  line-height: 1.2;
}

.WOH_PHASE_INACTIVE[b-jubcd7bipg] {
  background-color: var(--surface-2);
}

.WOH_TASKTYPE_LABEL[b-jubcd7bipg] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.3rem;
  color: var(--text-secondary);
  font-size: 0.73rem;
  margin-top: 4px;
  margin-bottom: 0;
}

.WOH_PROGRESS_LABEL[b-jubcd7bipg] {
  margin-left: 8px;
}

.WOH_HISTORY_BUTTON_WRAP[b-jubcd7bipg] {
  margin-top: 4px;
}

.UNSELECTABLE[b-jubcd7bipg] {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.WOH_CLOSE_BUTTON[b-jubcd7bipg] {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-strong);
  border-radius: 0.4rem;
  color: var(--text-secondary);
  font-weight: 600;
}

.WOH_CLOSE_BUTTON:hover[b-jubcd7bipg] {
  background-color: var(--surface-2);
  color: var(--text-primary);
}

.BLOC[b-jubcd7bipg] {
  border-style: solid;
  border-width: 1px;
  border-color: var(--border-strong);
  padding: 6px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.2rem 0.65rem;
}

.LINE[b-jubcd7bipg] {
  display: inline-block;
  background-color: var(--border-strong);
  height: 1px;
  width: 10px;
  margin-bottom: 0;
}

.WO_INLINE_LOADING[b-jubcd7bipg] {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
}

.WO_INLINE_LOADING_BUTTONS[b-jubcd7bipg] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 32px;
  text-align: center;
}

.WO_ACTIONS_ZONE[b-jubcd7bipg] {
  width: 100%;
  min-width: 420px;
}

@media (max-width: 1280px) {
  .WOH_LAYOUT_TABLE[b-jubcd7bipg],
  .WOH_LAYOUT_TABLE tbody[b-jubcd7bipg],
  .WOH_LAYOUT_TABLE tr[b-jubcd7bipg],
  .WOH_LAYOUT_TABLE td[b-jubcd7bipg] {
    display: block;
    width: 100%;
  }

  .WOH_LAYOUT_TABLE td[b-jubcd7bipg] {
    padding: 0 0 0.65rem 0;
  }

  .WO_ACTIONS_ZONE[b-jubcd7bipg] {
    min-width: 0;
  }

  .WOH_PHASE_TIMELINE[b-jubcd7bipg] {
    margin-left: 0;
  }

  .WOH_WIZARD_PANEL[b-jubcd7bipg] {
    margin-left: 0;
    width: 100%;
    max-width: 360px;
  }

  .WOH_WIZARD_CURRENT_TASK[b-jubcd7bipg] {
    text-align: left;
  }

  .WOH_TASKTYPE_LABEL[b-jubcd7bipg] {
    justify-content: flex-start;
  }
}

.modal-content[b-jubcd7bipg] {
  background-color: var(--surface-1);
  color: var(--text-primary);
  border: 1px solid var(--border-subtle);
}

.modal-header[b-jubcd7bipg] {
  border-bottom: 1px solid var(--border-subtle);
}

.modal-footer[b-jubcd7bipg] {
  border-top: 1px solid var(--border-subtle);
}

.modal-title[b-jubcd7bipg] {
  color: var(--text-primary);
}

.btn-close[b-jubcd7bipg] {
  filter: none;
}

:root[data-theme="dark"] .btn-close[b-jubcd7bipg],
body[data-theme="dark"] .btn-close[b-jubcd7bipg] {
  filter: invert(1);
}

.WO_INLINE_SPINNER[b-jubcd7bipg] {
  color: var(--text-primary);
}

.WO_INLINE_LOADER[b-jubcd7bipg] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid var(--border-strong);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: WOInlineSpin-b-jubcd7bipg 0.8s linear infinite;
}

@keyframes WOInlineSpin-b-jubcd7bipg {
  to {
    transform: rotate(360deg);
  }
}
/* /Components/ModuleWork/WOMain.razor.rz.scp.css */
.wo-loading-overlay[b-shn4f4a44s] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.45) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2147483647;
    pointer-events: all;
}

.wo-loading-overlay .wo-spinner[b-shn4f4a44s] {
    color: #ffffff;
}

.wo-loading-overlay .e-spinner-pane[b-shn4f4a44s] {
    background: transparent;
}

.WOMAIN_CONTAINER[b-shn4f4a44s] {
    height: calc(100vh - 70px);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.WOMAIN_CONTENT[b-shn4f4a44s] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .WOMAIN_CONTAINER[b-shn4f4a44s] {
        height: auto;
        min-height: calc(100vh - 70px);
        overflow: visible;
    }

    .WOMAIN_CONTENT[b-shn4f4a44s] {
        overflow: visible;
    }
}

@media (max-width: 992px) {
    .WOMAIN_CONTAINER[b-shn4f4a44s] {
        padding: 0.5rem;
    }
}
/* /Components/ModuleWork/WOTemplates.razor.rz.scp.css */
.WOT_CONTAINER[b-ya4dlk2q90] {
    height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.WOT_CARD[b-ya4dlk2q90] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 0.75rem;
    border-radius: 0.65rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
    border: 1px solid var(--border-subtle);
    background-color: var(--surface-1);
    overflow: hidden;
}

.WOT_CARD .card-header[b-ya4dlk2q90] {
    background-color: var(--surface-1);
    border-bottom: 1px solid var(--border-subtle);
    padding: 0.85rem 1.15rem;
    flex-shrink: 0;
}

.WOT_TITLE[b-ya4dlk2q90] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
}

.WOT_TOOL_BUTTON[b-ya4dlk2q90] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.38rem 0.85rem;
}

.WOT_COUNT_BADGE_INNER[b-ya4dlk2q90] {
    background-color: var(--accent-primary);
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.WOT_SEARCH_WRAP[b-ya4dlk2q90] {
    width: 220px;
}

.WOT_SEARCH_WRAP .input-group-text[b-ya4dlk2q90] {
    border-color: var(--border-strong);
    color: var(--text-secondary);
    background-color: var(--surface-1);
}

.WOT_SEARCH_WRAP .form-control[b-ya4dlk2q90] {
    border-color: var(--border-strong);
    font-size: 0.8125rem;
    color: var(--text-primary);
    background-color: var(--surface-1);
}

.WOT_CARD_BODY[b-ya4dlk2q90] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
}

.WOT_TABLE_WRAP[b-ya4dlk2q90] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.WOT_TABLE[b-ya4dlk2q90] {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.WOT_TABLE thead[b-ya4dlk2q90] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.WOT_TABLE thead.table-light th[b-ya4dlk2q90] {
    background-color: var(--surface-2) !important;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.65rem 0.75rem;
    border-bottom: 2px solid var(--border-strong);
    white-space: nowrap;
    vertical-align: middle;
}

.WOT_TH.sortable-header[b-ya4dlk2q90] {
    cursor: pointer;
    user-select: none;
}

.WOT_TH.sortable-header:hover[b-ya4dlk2q90] {
    color: var(--accent-primary);
}

.WOT_ROW[b-ya4dlk2q90] {
    border-bottom: 1px solid var(--border-subtle);
}

.WOT_ROW:hover[b-ya4dlk2q90] {
    background-color: var(--surface-2);
}

.WOT_ROW td[b-ya4dlk2q90] {
    padding: 0.62rem 0.75rem;
    font-size: 0.8125rem;
    color: var(--text-primary);
    vertical-align: middle;
    background-color: inherit;
}

.WOT_ACTIONS[b-ya4dlk2q90] {
    display: flex;
    justify-content: flex-end;
    gap: 0.3rem;
    align-items: center;
}

.WOT_ACTIONS .btn[b-ya4dlk2q90] {
    padding: 0.22rem 0.55rem;
}

.WOT_FILE_CODE[b-ya4dlk2q90] {
    color: var(--text-secondary);
    font-size: 0.75rem;
    background: none;
    padding: 0;
}

.WOT_PAIR_BADGE[b-ya4dlk2q90] {
    background-color: var(--accent-primary);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
}

.WOT_EDITOR_MODAL[b-ya4dlk2q90] {
    border-radius: 0.7rem;
    border: 1px solid var(--border-subtle);
}

.WOT_EDITOR_LAYOUT[b-ya4dlk2q90] {
    display: grid;
    gap: 1rem;
}

.WOT_EDITOR_SECTION[b-ya4dlk2q90],
.wo-template-section[b-ya4dlk2q90] {
    border: 1px solid var(--border-subtle);
    border-radius: 0.6rem;
    padding: 0.9rem;
    background-color: var(--surface-2);
}

.WOT_SECTION_HEADER[b-ya4dlk2q90] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
}

.WOT_SECTION_TITLE[b-ya4dlk2q90] {
    font-weight: 600;
    color: var(--text-primary);
}

.WOT_EMPTY_HINT[b-ya4dlk2q90] {
    color: var(--text-muted);
}

.wo-template-row[b-ya4dlk2q90] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
    align-items: center;
}

.wo-template-row:last-child[b-ya4dlk2q90] {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .WOT_SEARCH_WRAP[b-ya4dlk2q90] {
        width: 100%;
    }

    .WOT_COUNT_BADGE[b-ya4dlk2q90] {
        margin-left: 0 !important;
    }

    .wo-template-row[b-ya4dlk2q90] {
        grid-template-columns: 1fr;
    }

    .wo-template-row .btn[b-ya4dlk2q90] {
        justify-self: start;
    }
}

@media (max-width: 575.98px) {
    .WOT_CARD[b-ya4dlk2q90] {
        margin: 0.35rem;
        border-radius: 0.5rem;
    }

    .WOT_CARD .card-header[b-ya4dlk2q90] {
        padding: 0.7rem 0.75rem;
    }

    .WOT_TITLE[b-ya4dlk2q90] {
        font-size: 1rem;
    }
}