/* /Components/EC/ECComboBox.razor.rz.scp.css */
.ec-combo-root[b-dru57hr5bq] { position: relative; border-radius: 4px; }
.ec-combo-fullwidth[b-dru57hr5bq] { width: 100%; }

.ec-combo-list-wrap[b-dru57hr5bq] { max-height: 240px; overflow-y: auto; }

[b-dru57hr5bq] .ec-combo-highlighted { background-color: #1976d2 !important; color: #fff !important; }
[b-dru57hr5bq] .ec-combo-selected    { background-color: #e3f2fd !important; font-weight: 600; }
[b-dru57hr5bq] .ec-combo-empty       { color: #94a3b8; font-style: italic; }
/* /Components/EC/ECDialog.razor.rz.scp.css */
/* ─── ECDialog ───────────────────────────────────────────────────────────── */

.ec-dlg-wrap[b-rulytqm4of] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.ec-dlg-card[b-rulytqm4of] {
    pointer-events: auto;
    background: var(--mud-palette-surface, #fff);
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0,0,0,.35);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ec-dlg-header[b-rulytqm4of] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 14px;
    border-bottom: 1px solid var(--mud-palette-divider, #e2e8f0);
    flex-shrink: 0;
}

.ec-dlg-title[b-rulytqm4of] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary, #1e293b);
}

.ec-dlg-close[b-rulytqm4of] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: var(--mud-palette-text-secondary, #64748b);
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.ec-dlg-close:hover[b-rulytqm4of] {
    background: var(--mud-palette-action-hover, rgba(0,0,0,.06));
}

.ec-dlg-body[b-rulytqm4of] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ec-dlg-footer[b-rulytqm4of] {
    padding: 6px 12px;
    border-top: 1px solid var(--mud-palette-divider, #e2e8f0);
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    flex-shrink: 0;
}
/* /Components/EC/ECDocumentFooter.razor.rz.scp.css */
.ec-doc-footer[b-hpcb1bxefc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px 12px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    font-size: 10px;
    color: #94a3b8;
    line-height: 1.4;
}

.ec-doc-footer-chip[b-hpcb1bxefc] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.ec-doc-footer-lbl[b-hpcb1bxefc] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #cbd5e1;
}

.ec-doc-footer-val[b-hpcb1bxefc] {
    color: #64748b;
}

.ec-doc-footer-date[b-hpcb1bxefc] {
    color: #94a3b8;
}

.ec-doc-footer-sep[b-hpcb1bxefc] {
    color: #cbd5e1;
    padding: 0 2px;
}
/* /Components/EC/ECFormToolbar.razor.rz.scp.css */
/* ─── ECFormToolbar ──────────────────────────────────────────────────────── */

.ec-toolbar[b-197nzkby8y] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    padding: 4px 10px;
    background: #1e293b;
    color: #cbd5e1;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.22);
}

.ec-vsep[b-197nzkby8y]          { width: 1px; height: 20px; background: rgba(255,255,255,.15); margin: 0 3px; flex-shrink: 0; }
.ec-toolbar-spacer[b-197nzkby8y] { flex: 1; }
.ec-pos[b-197nzkby8y]           { color: #94a3b8; font-size: 11px; min-width: 42px; text-align: center; }
.ec-msg[b-197nzkby8y]           { font-size: 11px; white-space: nowrap; }
.ec-msg-err[b-197nzkby8y]       { color: #fca5a5; }
.ec-msg-ok[b-197nzkby8y]        { color: #86efac; }

/* Button colour overrides — cascade into ECButton / ECIconButton child components */
.ec-toolbar[b-197nzkby8y]  button                                                 { color: #cbd5e1 !important; background: transparent !important; }
.ec-toolbar[b-197nzkby8y]  button:hover:not(:disabled)                            { color: #fff !important; background: rgba(255,255,255,.1) !important; }
.ec-toolbar[b-197nzkby8y]  button:disabled                                        { opacity: .55 !important; box-shadow: none !important; background: transparent !important; }
.ec-toolbar[b-197nzkby8y]  .mud-button-root.mud-button-filled                     { color: #fff !important; }
.ec-toolbar[b-197nzkby8y]  .mud-button-root.mud-error-text                        { color: #fca5a5 !important; }
.ec-toolbar[b-197nzkby8y]  .mud-button-root.mud-error-text:hover:not(:disabled)   { color: #fff !important; background: rgba(239,68,68,.35) !important; }

/* ec-tbtn is passed as Class into ECButton → rendered by MudBlazor child, needs ::deep */
[b-197nzkby8y] .ec-tbtn {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 12px !important;
    height: 28px !important;
    min-width: 0 !important;
    padding: 0 8px !important;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ── Shell ──────────────────────────────────────────────────── */
.app-shell[b-piadrq1qls] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* ── App Bar ─────────────────────────────────────────────────── */
.app-bar[b-piadrq1qls] {
    display: flex;
    align-items: stretch;
    height: 52px;
    background: #111827;
    flex-shrink: 0;
    position: relative;
    z-index: 200;
    border-bottom: 1px solid rgba(255,255,255,.07);
    box-shadow: 0 2px 16px rgba(0,0,0,.5);
}

/* ── LEFT: brand block ──────────────────────────────────────── */
.ab-left[b-piadrq1qls] {
    display: flex;
    align-items: center;
    padding: 0 1.1rem 0 1.25rem;
    flex-shrink: 0;
    border-right: 1px solid rgba(255,255,255,.08);
}

.brand-logo[b-piadrq1qls] {
    height: 28px;
    width: auto;
    max-width: 160px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

/* ── MIDDLE: module navigation ──────────────────────────────── */
.ab-nav.nav-hidden[b-piadrq1qls] { display: none; }

.ab-nav[b-piadrq1qls] {
    flex: 1;
    display: flex;
    align-items: center;
    overflow: visible;
    padding: 0 .4rem;
    gap: .1rem;
    min-width: 0;
}

/* ── Module tabs — pill style ────────────────────────────────── */
.mod-tab[b-piadrq1qls] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .3rem .82rem;
    border-radius: 6px;
    font-size: .82rem;
    font-weight: 500;
    color: #8b95a8;
    text-decoration: none;
    white-space: nowrap;
    transition: color .12s, background .12s;
    cursor: pointer;
    background: transparent;
    border: none;
}

.mod-tab:hover[b-piadrq1qls] {
    color: #d1d9e6;
    background: rgba(255,255,255,.08);
    text-decoration: none;
}

.mod-tab.mod-active[b-piadrq1qls] {
    color: #93c5fd;
    background: rgba(59,130,246,.18);
    font-weight: 600;
}

.mod-tab-icon[b-piadrq1qls] {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    background: rgba(255,255,255,.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .78rem;
    color: #9baabb;
    transition: background .12s, color .12s;
    flex-shrink: 0;
}

.mod-tab:hover .mod-tab-icon[b-piadrq1qls] {
    background: rgba(255,255,255,.16);
    color: #dde5ef;
}

.mod-tab.mod-active .mod-tab-icon[b-piadrq1qls] {
    background: rgba(59,130,246,.38);
    color: #bfdbfe;
}

.mod-tab-text[b-piadrq1qls] {
    font-size: .82rem;
    letter-spacing: .01em;
}

/* Parent group (has dropdown) */
.mod-group[b-piadrq1qls] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.mod-parent-tab[b-piadrq1qls] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .3rem .82rem;
    border-radius: 6px;
    font-size: .82rem;
    font-weight: 500;
    color: #8b95a8;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    transition: color .12s, background .12s;
}

.mod-group:hover .mod-parent-tab[b-piadrq1qls] {
    color: #d1d9e6;
    background: rgba(255,255,255,.08);
}

.mod-group.mod-active .mod-parent-tab[b-piadrq1qls] {
    color: #93c5fd;
    background: rgba(59,130,246,.18);
    font-weight: 600;
}

.mod-group:hover .mod-tab-icon[b-piadrq1qls] {
    background: rgba(255,255,255,.16);
    color: #dde5ef;
}

.mod-group.mod-active .mod-tab-icon[b-piadrq1qls] {
    background: rgba(59,130,246,.38);
    color: #bfdbfe;
}

.mod-chevron[b-piadrq1qls] {
    font-size: .5rem;
    color: #4b5568;
    transition: transform .18s;
    margin-left: .1rem;
}

.mod-group:hover .mod-chevron[b-piadrq1qls] {
    transform: rotate(180deg);
    color: #6b7280;
}

/* Dropdown panel — dark themed to match bar */
.mod-dropdown[b-piadrq1qls] {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: #1c2333;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    box-shadow: 0 20px 50px rgba(0,0,0,.6), 0 4px 16px rgba(0,0,0,.35);
    min-width: 226px;
    padding: .35rem 0;
    z-index: 500;
}

/* Invisible bridge that fills the gap between the trigger and the panel,
   keeping :hover alive while the cursor travels downward. */
.mod-dropdown[b-piadrq1qls]::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
}

.mod-group:hover .mod-dropdown[b-piadrq1qls] { display: block; }

.mod-dropdown-header[b-piadrq1qls] {
    font-size: .61rem;
    font-weight: 700;
    color: #3d4a5e;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: .3rem 1rem .5rem;
}

.mod-pending[b-piadrq1qls] {
    display: inline-flex;
    align-items: center;
    font-size: .75rem;
    color: rgba(255,255,255,.18);
    font-style: italic;
    padding: 0 .75rem;
}

/* ── Hamburger slot — always at far right when nav collapses ── */
.ab-hamburger[b-piadrq1qls] {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    flex-shrink: 0;
}

/* ── RIGHT: user panel ──────────────────────────────────────── */
.ab-right-hidden[b-piadrq1qls] { display: none !important; }

.ab-right[b-piadrq1qls] {
    display: flex;
    align-items: center;
    padding: 0 .9rem 0 .5rem;
    gap: .5rem;
    flex-shrink: 0;
    position: relative;
    border-left: 1px solid rgba(255,255,255,.08);
}

.user-panel[b-piadrq1qls] {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: .28rem .55rem;
    cursor: pointer;
    transition: background .12s, border-color .12s;
    color: inherit;
    text-align: left;
}

.user-panel:hover[b-piadrq1qls],
.user-panel.open[b-piadrq1qls] {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.1);
}

.user-avatar[b-piadrq1qls] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .65rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    letter-spacing: .02em;
}

.user-info[b-piadrq1qls] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.user-name[b-piadrq1qls] {
    font-size: .8rem;
    font-weight: 600;
    color: #d1d9e6;
    white-space: nowrap;
}

.user-id[b-piadrq1qls] {
    font-size: .64rem;
    color: #4b5568;
    white-space: nowrap;
}

.user-chevron[b-piadrq1qls] {
    font-size: .5rem;
    color: #4b5568;
    transition: transform .18s;
    margin-left: .04rem;
    flex-shrink: 0;
}

.user-chevron.rotated[b-piadrq1qls] {
    transform: rotate(180deg);
    color: #6b7280;
}

/* ── User dropdown panel ─────────────────────────────────────── */
.user-dropdown[b-piadrq1qls] {
    position: absolute;
    top: calc(100% + 8px);
    right: .9rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(15,23,42,.2), 0 4px 16px rgba(15,23,42,.1);
    min-width: 252px;
    z-index: 500;
    overflow: hidden;
}

.udrop-head[b-piadrq1qls] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #f1f5f9;
}

.udrop-avatar[b-piadrq1qls] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}

.udrop-name[b-piadrq1qls] {
    font-size: .86rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.3;
}

.udrop-id[b-piadrq1qls] {
    font-size: .72rem;
    color: #64748b;
    margin-top: .1rem;
}

.udrop-divider[b-piadrq1qls] {
    height: 1px;
    background: #f1f5f9;
}

.udrop-section[b-piadrq1qls] { padding: .45rem 0; }

.udrop-row[b-piadrq1qls] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .26rem 1rem;
    gap: 1rem;
}

.udrop-label[b-piadrq1qls] {
    font-size: .67rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .07em;
    flex-shrink: 0;
}

.udrop-value[b-piadrq1qls] {
    font-size: .78rem;
    color: #334155;
    font-weight: 500;
    text-align: right;
}

.udrop-footer[b-piadrq1qls] {
    padding: .4rem .5rem .5rem;
    border-top: 1px solid #f1f5f9;
}

.btn-signout-drop[b-piadrq1qls] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 7px;
    padding: .5rem .75rem;
    font-size: .8rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: background .12s, color .12s;
    text-align: left;
}

.btn-signout-drop:hover:not(:disabled)[b-piadrq1qls] {
    background: #fef2f2;
    color: #dc2626;
}

.btn-signout-drop:disabled[b-piadrq1qls] {
    opacity: .5;
    cursor: not-allowed;
}

/* ── Overlay: click-outside closes user dropdown ────────────── */
.dropdown-overlay[b-piadrq1qls] {
    position: fixed;
    inset: 0;
    z-index: 150;
    background: transparent;
}

/* ── Mobile sign-out (inside nav drawer) ────────────────────── */
.btn-signout[b-piadrq1qls] {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 6px;
    color: #94a3b8;
    font-size: .73rem;
    font-weight: 500;
    padding: .25rem .8rem;
    cursor: pointer;
    transition: background .15s, color .15s;
    white-space: nowrap;
}

.btn-signout:hover:not(:disabled)[b-piadrq1qls] {
    background: rgba(255,255,255,.12);
    color: #f1f5f9;
}

.btn-signout:disabled[b-piadrq1qls] {
    opacity: .45;
    cursor: not-allowed;
}

/* ── Content ─────────────────────────────────────────────────── */
.app-content[b-piadrq1qls] {
    flex: 1;
    overflow-y: auto;
    background: #f1f5f9;
    padding: 1.75rem 1.5rem;
}

/* ── Blazor Error UI ─────────────────────────────────────────── */
#blazor-error-ui[b-piadrq1qls] {
    color-scheme: light only;
    background: #fef9c3;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0,0,0,.15);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: .6rem 1.25rem .7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-size: .85rem;
}

#blazor-error-ui .dismiss[b-piadrq1qls] {
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .5rem;
}
/* /Components/Layout/ModuleMenuItem.razor.rz.scp.css */
/* ── Menu item (all levels) ─────────────────────────────────── */
.mod-item[b-6cxfi2xpid] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .4rem .85rem;
    margin: .04rem .35rem;
    border-radius: 6px;
    font-size: .82rem;
    font-weight: 500;
    color: #b0b8c8;
    text-decoration: none;
    transition: background .1s, color .1s;
    white-space: nowrap;
}

a.mod-item[b-6cxfi2xpid] { cursor: pointer; }
div.mod-item[b-6cxfi2xpid] { cursor: default; user-select: none; }

.mod-item:hover[b-6cxfi2xpid] {
    background: rgba(255,255,255,.08);
    color: #d1d9e6;
    text-decoration: none;
}

.mod-item.mod-item-active[b-6cxfi2xpid] {
    color: #93c5fd;
    background: rgba(59,130,246,.2);
    font-weight: 600;
}

.mod-item-icon[b-6cxfi2xpid] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: rgba(255,255,255,.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .76rem;
    color: #9baabb;
    flex-shrink: 0;
    transition: background .1s, color .1s;
}

.mod-item:hover .mod-item-icon[b-6cxfi2xpid] {
    background: rgba(255,255,255,.16);
    color: #dde5ef;
}

.mod-item.mod-item-active .mod-item-icon[b-6cxfi2xpid] {
    background: rgba(59,130,246,.38);
    color: #bfdbfe;
}

.mod-item-text[b-6cxfi2xpid] {
    flex: 1;
    font-size: .82rem;
    line-height: 1;
}

.mod-item-chevron[b-6cxfi2xpid] {
    font-size: .5rem;
    color: #3d4a5e;
    margin-left: .15rem;
    flex-shrink: 0;
    transition: color .1s;
}

.mod-item:hover .mod-item-chevron[b-6cxfi2xpid] {
    color: #6b7280;
}

/* ── Flyout submenu panel ────────────────────────────────────── */
.mod-submenu[b-6cxfi2xpid] {
    display: none;
    position: absolute;
    left: calc(100% + 4px);
    top: -5px;
    background: #1c2333;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    box-shadow: 0 20px 50px rgba(0,0,0,.6), 0 4px 16px rgba(0,0,0,.35);
    min-width: 210px;
    padding: .35rem 0;
    z-index: 600;
}

/* Invisible bridge that fills the 4px gap between item and submenu panel. */
.mod-submenu[b-6cxfi2xpid]::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 0;
    bottom: 0;
    width: 6px;
}

.mod-item.has-submenu:hover > .mod-submenu[b-6cxfi2xpid] { display: block; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-5rglwa3mzs],
.components-reconnect-repeated-attempt-visible[b-5rglwa3mzs],
.components-reconnect-failed-visible[b-5rglwa3mzs],
.components-pause-visible[b-5rglwa3mzs],
.components-resume-failed-visible[b-5rglwa3mzs],
.components-rejoining-animation[b-5rglwa3mzs] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-5rglwa3mzs],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-5rglwa3mzs],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-5rglwa3mzs],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-5rglwa3mzs],
#components-reconnect-modal.components-reconnect-retrying[b-5rglwa3mzs],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-5rglwa3mzs],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-5rglwa3mzs],
#components-reconnect-modal.components-reconnect-failed[b-5rglwa3mzs],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-5rglwa3mzs] {
    display: block;
}


#components-reconnect-modal[b-5rglwa3mzs] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-5rglwa3mzs 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-5rglwa3mzs 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-5rglwa3mzs 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-5rglwa3mzs]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-5rglwa3mzs 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-5rglwa3mzs {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-5rglwa3mzs {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-5rglwa3mzs {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-5rglwa3mzs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-5rglwa3mzs] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-5rglwa3mzs] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-5rglwa3mzs] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-5rglwa3mzs] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-5rglwa3mzs] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-5rglwa3mzs] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-5rglwa3mzs 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-5rglwa3mzs] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-5rglwa3mzs {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Yearly/Accounting/VoucherEntryPage.razor.rz.scp.css */
/* ─── VoucherEntryPage ───────────────────────────────────────────────────── */

/* Two-panel top section: VOUCHER (5fr) + BILL TO (7fr) */
.voucher-top[b-y7tpx1o7cv] {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 8px;
    align-items: start;
}

@media (max-width: 767px) {
    .voucher-top[b-y7tpx1o7cv] {
        grid-template-columns: 1fr;
    }
}

/* Panels */
.ec-panel[b-y7tpx1o7cv] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.ec-panel-hdr[b-y7tpx1o7cv] {
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
    padding: 5px 12px;
    font-size: 10px;
    font-weight: 700;
    color: #475569;
    letter-spacing: .06em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
}

.ec-panel-body[b-y7tpx1o7cv] {
    padding: 10px 12px 6px;
}

/* Shipment Details panel — compact body + 3-column grid */
.ship-panel .ec-panel-body[b-y7tpx1o7cv] {
    padding: 6px 10px 4px;
}

.ship-panel[b-y7tpx1o7cv]  .mud-grid-item {
    padding-top: 0 !important;
}

.ship-panel[b-y7tpx1o7cv]  .mt-2 {
    margin-top: 4px !important;
}

.shipment-grid[b-y7tpx1o7cv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    align-items: start;
}

@media (max-width: 767px) {
    .shipment-grid[b-y7tpx1o7cv] { grid-template-columns: 1fr; }
}

.ship-col-hdr[b-y7tpx1o7cv] {
    font-size: 10px;
    font-weight: 700;
    color: #475569;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 4px;
    padding-bottom: 3px;
    border-bottom: 1px solid #e2e8f0;
}

/* Party dialog — remove MudBlazor grid spacing top padding */
.party-dlg[b-y7tpx1o7cv]  .mud-grid-item {
    padding-top: 0 !important;
}

/* Slim action button inside panel header */
.ec-panel-hdr-btn[b-y7tpx1o7cv] {
    margin-left: auto;
    font-size: 0.72rem;
    padding: 0 6px;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    opacity: 0.8;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
}
/* /Components/Pages/Yearly/Air/AwbLabels.razor.rz.scp.css */
/* ── Page wrapper ────────────────────────────────────────────────────────── */
.awbl-page[b-nckbemptzo] {
    max-width: 1000px;
    padding: 0 4px 32px;
}

/* ── 2-column grid ───────────────────────────────────────────────────────── */
.awbl-grid[b-nckbemptzo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}

/* ── Panel (card-like sections) ──────────────────────────────────────────── */
.awbl-panel[b-nckbemptzo] {
    border: 1px solid var(--mud-palette-divider, #e2e8f0);
    border-radius: 8px;
    overflow: hidden;
    background: var(--mud-palette-surface, #ffffff);
}

.awbl-panel-hdr[b-nckbemptzo] {
    padding: 6px 14px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary, #64748b);
    background: var(--mud-palette-background-grey, #f8fafc);
    border-bottom: 1px solid var(--mud-palette-divider, #e2e8f0);
}

.awbl-panel-body[b-nckbemptzo] {
    padding: 14px 14px 10px;
}

/* ── AWB No. row — input + Auto Fill button side by side ─────────────────── */
.awbl-awbno-row[b-nckbemptzo] {
    display: flex;
    gap: 6px;
    align-items: flex-end;
}

.awbl-awbno-input[b-nckbemptzo] { flex: 1; }

.awbl-awbno-btn[b-nckbemptzo] {
    margin-bottom: 4px;
    flex-shrink: 0;
}

/* ── Print options rows ──────────────────────────────────────────────────── */
.awbl-opt-row[b-nckbemptzo] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 0;
    flex-wrap: wrap;
}

.awbl-opt-row + .awbl-opt-row[b-nckbemptzo] {
    border-top: 1px solid var(--mud-palette-divider, #f1f5f9);
}

.awbl-opt-lbl[b-nckbemptzo] {
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary, #64748b);
    width: 80px;
    flex-shrink: 0;
}

.awbl-opt-hint[b-nckbemptzo] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary, #94a3b8);
    font-style: italic;
}

/* ── Toggle items — ensure single-char labels (1, 2) aren't too thin ────── */
[b-nckbemptzo] .mud-toggle-item {
    min-width: 44px;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* ── Action / print column ───────────────────────────────────────────────── */
.awbl-action-col[b-nckbemptzo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 4px;
}

/* ── Hint messages ───────────────────────────────────────────────────────── */
.awbl-hint[b-nckbemptzo] {
    font-size: 11px;
    color: #f59e0b;
    margin-top: 4px;
}

.awbl-error[b-nckbemptzo] {
    font-size: 12px;
    color: var(--mud-palette-error, #ef4444);
    padding: 6px 10px;
    background: #fef2f2;
    border-radius: 6px;
    border: 1px solid #fecaca;
}
/* /Components/Shared/PrintDialog.razor.rz.scp.css */
.pd-body[b-rtf2r7z8ie] {
    padding: 12px 16px 8px;
    overflow-y: auto;
}

.pd-hint[b-rtf2r7z8ie] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary, #64748b);
    margin-bottom: 12px;
}

/* ── Step 1: Document type cards ── */
.pd-doc-grid[b-rtf2r7z8ie] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.pd-doc-card[b-rtf2r7z8ie] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 16px 12px;
    border: 1.5px solid var(--mud-palette-divider, #e2e8f0);
    border-radius: 8px;
    background: var(--mud-palette-surface, #fff);
    cursor: pointer;
    min-height: 72px;
    transition: border-color .15s, background .15s;
}

.pd-doc-card:hover:not(:disabled)[b-rtf2r7z8ie] {
    border-color: var(--mud-palette-primary, #1976d2);
    background: rgba(25,118,210,.05);
}

.pd-doc-disabled[b-rtf2r7z8ie] {
    opacity: .45;
    cursor: not-allowed;
}

.pd-doc-icon[b-rtf2r7z8ie] {
    font-size: 22px;
}

.pd-doc-name[b-rtf2r7z8ie] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary, #1e293b);
}

.pd-doc-tag[b-rtf2r7z8ie] {
    font-size: 10px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary, #64748b);
    background: var(--mud-palette-action-hover, rgba(0,0,0,.06));
    padding: 1px 6px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: .4px;
}

/* ── Step 2: Shortcut preset buttons ── */
.pd-shortcuts[b-rtf2r7z8ie] {
    display: flex;
    gap: 8px;
    margin-bottom: 4px;
}

.pd-shortcut-btn[b-rtf2r7z8ie] {
    padding: 4px 14px;
    font-size: 12px;
    font-weight: 600;
    border: 1.5px solid var(--mud-palette-primary, #1976d2);
    border-radius: 14px;
    background: transparent;
    color: var(--mud-palette-primary, #1976d2);
    cursor: pointer;
    transition: background .15s, color .15s;
}

.pd-shortcut-btn:hover[b-rtf2r7z8ie] {
    background: rgba(25,118,210,.08);
}

/* ── Separator ── */
.pd-sep[b-rtf2r7z8ie] {
    border-top: 1px solid var(--mud-palette-divider, #e2e8f0);
    margin: 8px 0;
}

/* ── Group headers ── */
.pd-group-hdr[b-rtf2r7z8ie] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 2px 0;
    border-bottom: 1px solid var(--mud-palette-divider, #e2e8f0);
    margin-bottom: 2px;
}

.pd-group-hdr-opt[b-rtf2r7z8ie] {
    margin-top: 8px;
}

.pd-group-lbl[b-rtf2r7z8ie] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--mud-palette-text-secondary, #64748b);
}

/* ── Page rows ── */
.pd-page-row[b-rtf2r7z8ie] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 1px 4px 1px 20px;
}

.pd-page-label[b-rtf2r7z8ie] {
    font-size: 12px;
    flex: 1;
    color: var(--mud-palette-text-primary, #1e293b);
}

/* ── Terms & Conditions row ── */
.pd-tnc-row[b-rtf2r7z8ie] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pd-tnc-lbl[b-rtf2r7z8ie] {
    font-size: 12px;
    flex: 1;
    color: var(--mud-palette-text-primary, #1e293b);
}

.pd-tnc-after[b-rtf2r7z8ie] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary, #64748b);
    white-space: nowrap;
}

/* ── After: Each Page / Last Page toggle ── */
.pd-tgl-wrap[b-rtf2r7z8ie] {
    display: flex;
    border: 1px solid var(--mud-palette-divider, #e2e8f0);
    border-radius: 5px;
    overflow: hidden;
}

.pd-tgl-btn[b-rtf2r7z8ie] {
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--mud-palette-text-secondary, #64748b);
    cursor: pointer;
    transition: background .15s, color .15s;
}

.pd-tgl-btn:not(:last-child)[b-rtf2r7z8ie] {
    border-right: 1px solid var(--mud-palette-divider, #e2e8f0);
}

.pd-tgl-btn:hover:not(:disabled)[b-rtf2r7z8ie] {
    background: rgba(25,118,210,.06);
    color: var(--mud-palette-primary, #1976d2);
}

.pd-tgl-sel[b-rtf2r7z8ie] {
    background: var(--mud-palette-primary, #1976d2) !important;
    color: #fff !important;
}

.pd-tgl-btn:disabled[b-rtf2r7z8ie],
.pd-tgl-wrap:has(.pd-tgl-btn:disabled)[b-rtf2r7z8ie] {
    opacity: .38;
    cursor: not-allowed;
}

/* ── Muted text (disabled state) ── */
.pd-text-muted[b-rtf2r7z8ie] {
    opacity: .38;
}