/* /Components/Botex/Components/BotexComposer.razor.rz.scp.css */
.botex-composer[b-0pepfv8xon] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 48px;
    overflow: visible;
    position: relative;
    width: 100%;
}

.botex-composer-expanded[b-0pepfv8xon] { min-height: 134px; }

.botex-composer textarea[b-0pepfv8xon] {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    color: var(--barex-text-primary);
    direction: rtl;
    display: block;
    font: 400 14px/1.65 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    max-height: 240px;
    min-height: 36px;
    outline: 0;
    overflow-y: auto;
    padding: 12px 16px 4px;
    resize: none;
    text-align: right;
    width: 100%;
}

.botex-composer-expanded textarea[b-0pepfv8xon] { min-height: 86px; }

.botex-composer textarea[b-0pepfv8xon]::placeholder {
    color: var(--barex-text-secondary);
    opacity: 1;
}

.botex-composer textarea:disabled[b-0pepfv8xon] { cursor: wait; opacity: .7; }

.botex-composer-toolbar[b-0pepfv8xon] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 4px 10px 10px;
}

.botex-composer-actions[b-0pepfv8xon] {
    align-items: center;
    display: flex;
    gap: 4px;
}

.botex-composer-tool[b-0pepfv8xon] {
    background: transparent;
    border: 0;
    color: var(--barex-text-primary);
    font-size: 20px;
    height: 32px;
    line-height: 1;
    padding: 0;
    width: 32px;
}

.botex-composer-tool:disabled[b-0pepfv8xon] { cursor: not-allowed; opacity: .4; }

.botex-send-button[b-0pepfv8xon] {
    align-items: center;
    background: var(--barex-primary);
    border: 1px solid var(--barex-primary);
    border-radius: 6px;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px;
}

.botex-send-button:disabled[b-0pepfv8xon] { cursor: default; opacity: 1; }

.botex-send-button img[b-0pepfv8xon] { height: 19px; width: 19px; }

.botex-stop-button[b-0pepfv8xon] {
    align-items: center;
    background: var(--barex-text-primary);
    border: 1px solid var(--barex-text-primary);
    border-radius: 6px;
    color: var(--barex-surface);
    display: flex;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 24px;
}

.botex-stop-button:hover[b-0pepfv8xon] { opacity: .85; }
/* /Components/Botex/Components/BotexConversation.razor.rz.scp.css */
.botex-conversation[b-9kyffgghu8] {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.botex-transcript[b-9kyffgghu8] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    width: 100%;
}

.botex-transcript-content[b-9kyffgghu8] {
    box-sizing: border-box;
    direction: ltr;
    margin-inline: auto;
    padding: 32px 16px 24px;
    width: min(744px, 100%);
}

.botex-turn[b-9kyffgghu8] {
    align-items: stretch;
    direction: ltr;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 26px;
    width: 100%;
}

.botex-pending[b-9kyffgghu8] {
    color: var(--barex-text-secondary);
    direction: rtl;
    display: flex;
    flex-direction: column;
    font: 400 14px/normal 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    gap: 12px;
    text-align: right;
    width: 100%;
}

.botex-pending-skeleton[b-9kyffgghu8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.botex-pending-skeleton .placeholder[b-9kyffgghu8] {
    display: block;
    height: 0.9em;
    min-height: 0.9em;
}

.botex-error[b-9kyffgghu8] {
    color: var(--bs-danger, #dc3545);
    direction: rtl;
    font: 400 14px/1.7 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    margin: 0;
    text-align: right;
    width: 100%;
}

.botex-conversation-composer[b-9kyffgghu8] {
    background: var(--barex-surface);
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0;
    margin-inline: auto;
    margin-bottom: 16px;
    width: min(712px, calc(100% - 32px));
    z-index: 10;
}

.botex-conversation-composer.has-suggestions[b-9kyffgghu8] {
    gap: 8px;
}

@media (max-width: 767.98px) {
    .botex-transcript-content[b-9kyffgghu8] { padding: 60px 16px 16px; }
}

/* ── پیشرفت ابزارها ─────────────────────────── */
.botex-tools[b-9kyffgghu8] {
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.botex-tool[b-9kyffgghu8] {
    align-items: center;
    background: var(--barex-secondary-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 999px;
    color: var(--barex-text-secondary);
    display: inline-flex;
    font: 400 12px/1.6 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    gap: 6px;
    max-width: 100%;
    padding: 2px 10px;
    transition: border-color .2s ease, color .2s ease;
}

.botex-tool .ti[b-9kyffgghu8] { font-size: 14px; line-height: 1; }

.botex-tool-spinner[b-9kyffgghu8] {
    border-width: 2px;
    height: 12px;
    width: 12px;
}

.botex-tool-label[b-9kyffgghu8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botex-tool-duration[b-9kyffgghu8] {
    color: var(--barex-text-secondary);
    opacity: .75;
    white-space: nowrap;
}

.botex-tool.is-started[b-9kyffgghu8] { color: var(--barex-text-primary); }
.botex-tool.is-completed .ti[b-9kyffgghu8] { color: var(--bs-success, #198754); }
.botex-tool.is-failed[b-9kyffgghu8] { border-color: color-mix(in srgb, var(--bs-danger, #dc3545) 40%, transparent); }
.botex-tool.is-failed .ti[b-9kyffgghu8] { color: var(--bs-danger, #dc3545); }

/* ── اقدام‌های پیام: کپی و منابع داده ─────────── */
.botex-message-actions[b-9kyffgghu8] {
    align-items: flex-start;
    color: var(--barex-text-secondary);
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    font: 400 12px/1.6 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    gap: 12px;
    margin-top: -12px;
    width: 100%;
}

.botex-action-button[b-9kyffgghu8] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: inherit;
    display: inline-flex;
    font: inherit;
    gap: 4px;
    padding: 2px 6px;
}

.botex-action-button:hover[b-9kyffgghu8] { background: var(--barex-secondary-surface); color: var(--barex-text-primary); }
.botex-action-button .ti[b-9kyffgghu8] { font-size: 15px; }

.botex-sources summary[b-9kyffgghu8] {
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    gap: 4px;
    list-style: none;
    padding: 2px 6px;
}

.botex-sources summary[b-9kyffgghu8]::-webkit-details-marker { display: none; }
.botex-sources summary:hover[b-9kyffgghu8] { background: var(--barex-secondary-surface); color: var(--barex-text-primary); }

.botex-sources ul[b-9kyffgghu8] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 6px 0 0;
    padding: 0 6px;
}

.botex-sources li[b-9kyffgghu8] {
    background: var(--barex-secondary-surface);
    border-radius: 999px;
    padding: 0 8px;
}

.botex-stopped[b-9kyffgghu8] {
    align-items: center;
    color: var(--barex-text-secondary);
    direction: rtl;
    display: flex;
    font: 400 12px/1.6 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    gap: 4px;
    margin: -12px 0 0;
    width: 100%;
}

/* ── دکمهٔ پرش به آخر (نمایش با data-scrolled-up که JS تنظیم می‌کند) ── */
.botex-jump[b-9kyffgghu8] {
    align-items: center;
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 999px;
    bottom: calc(100% + 10px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    color: var(--barex-text-primary);
    direction: rtl;
    display: none;
    font: 400 12px/1 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    gap: 4px;
    left: 50%;
    padding: 6px 12px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 11;
}

.botex-conversation:has(.botex-transcript[data-scrolled-up="true"]) .botex-jump[b-9kyffgghu8] { display: inline-flex; }
/* /Components/Botex/Components/BotexFileAttachment.razor.rz.scp.css */
.botex-file-response[b-vbtmmfgofm] {
    align-items: flex-end;
    direction: rtl;
    display: flex;
    flex-direction: column;
    width: min(422px, 100%);
}

.botex-file-response > p[b-vbtmmfgofm] {
    color: var(--barex-text-primary);
    font: 400 14px/normal 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    margin: 0;
    text-align: right;
    width: 100%;
}

.botex-file-card[b-vbtmmfgofm] {
    align-items: center;
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    color: var(--barex-text-primary);
    display: grid;
    grid-template-columns: 38px 1fr 30px;
    height: 53px;
    margin-top: 12px;
    padding: 0 8px 0 12px;
    width: 216px;
}

.botex-file-icon[b-vbtmmfgofm] {
    align-items: center;
    background: var(--barex-primary);
    border-radius: 8px;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.botex-file-icon img[b-vbtmmfgofm] {
    height: 24px;
    width: 24px;
}

.botex-file-meta[b-vbtmmfgofm] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    padding-inline: 12px;
}

.botex-file-meta strong[b-vbtmmfgofm] {
    font: 400 12px/19px 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    white-space: nowrap;
}

.botex-file-meta small[b-vbtmmfgofm] {
    color: var(--barex-text-secondary);
    font: 400 10px/19px 'YekanBakh FaNum', 'YekanBakh', sans-serif;
}

.botex-download-icon[b-vbtmmfgofm] {
    align-items: center;
    background: var(--barex-secondary-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 10px;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.botex-download-icon img[b-vbtmmfgofm] {
    height: 18px;
    width: 18px;
}
/* /Components/Botex/Components/BotexHistorySidebar.razor.rz.scp.css */
.botex-history-shell[b-i2cso26qqc] {
    position: relative;
    flex-shrink: 0;
    align-self: stretch;
    min-height: 0;
    overflow: visible;
}

.botex-history[b-i2cso26qqc] {
    background: var(--barex-surface);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    position: relative;
    transition: width .32s cubic-bezier(.22, 1, .36, 1);
    width: 280px;
}

.botex-history.is-collapsed[b-i2cso26qqc] {
    border-inline-end-width: 0;
    min-width: 0;
    width: 0;
}

.botex-history-search[b-i2cso26qqc] {
    padding-inline-start: 2.25rem;
    background: var(--barex-secondary-surface);
}

.botex-history-list[b-i2cso26qqc] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-anchor: none;
    overflow-y: auto;
}

.botex-history-toggle[b-i2cso26qqc] {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--barex-divider);
    border-radius: 10px;
    background: var(--barex-surface);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.botex-history-toggle i[b-i2cso26qqc] {
    font-size: 20px;
    line-height: 1;
    color: #454954;
}

.botex-history-toggle-slot[b-i2cso26qqc] {
    width: 32px;
    height: 32px;
}

.botex-history-fab[b-i2cso26qqc] {
    display: flex;
    inset-block-start: 14px;
    inset-inline-start: 12px;
    position: absolute;
    z-index: 41;
}

.botex-history-row[b-i2cso26qqc]{
    height: 42px;
}

.botex-history-row:has(.barex-dropdown-panel.is-open)[b-i2cso26qqc] {
    z-index: 6;
}

.botex-history-menu-toggle[b-i2cso26qqc] {
    width: 32px;
    height: 32px;
}

.botex-history-menu-toggle i[b-i2cso26qqc] {
    font-size: 18px;
    color: var(--barex-text-primary);
}

.botex-history-item-menu[b-i2cso26qqc] {
    flex-shrink: 0;
}

[b-i2cso26qqc] .botex-history-item-menu .barex-dropdown-backdrop {
    background: transparent;
}

.botex-history-row:hover[b-i2cso26qqc] {
    background: var(--barex-secondary-surface);
    border-radius: 8px;
}

.botex-history-row.is-active[b-i2cso26qqc] {
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
}

.botex-history-link[b-i2cso26qqc] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
    min-height: 40px;
    padding: 10px 12px;
    border: 0;
    background: transparent;
    overflow: hidden;
    color: var(--barex-text-primary);
    font-size: 14px;
}

.botex-history-icon[b-i2cso26qqc] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.chat-button[b-i2cso26qqc],
.new-chat-btn[b-i2cso26qqc] {
    border: 0;
    box-shadow: none;
}

.chat-button:hover[b-i2cso26qqc],
.chat-button:focus[b-i2cso26qqc],
.chat-button:focus-visible[b-i2cso26qqc],
.chat-button:active[b-i2cso26qqc],
.new-chat-btn:hover[b-i2cso26qqc],
.new-chat-btn:focus[b-i2cso26qqc],
.new-chat-btn:focus-visible[b-i2cso26qqc],
.new-chat-btn:active[b-i2cso26qqc] {
    border: 0 !important;
    box-shadow: none !important;
    outline: none;
}

.chat-button[b-i2cso26qqc] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.new-chat-btn[b-i2cso26qqc] {
    color: var(--barex-text-primary);
    font-size: 14px;
    padding: 10px 12px;
    font-weight: 500;
}

.new-chat-btn i[b-i2cso26qqc] {
    font-size: 20px;
}

.new-chat-btn:hover[b-i2cso26qqc] {
    background: var(--barex-secondary-surface);
}

[b-i2cso26qqc] .botex-history-menu-toggle i {
    display: none;
}

.botex-history-row:hover[b-i2cso26qqc]  .botex-history-menu-toggle i {
    display: flex;
}

@media (max-width: 767.98px) {
    .botex-history-shell[b-i2cso26qqc] {
        inset: 0;
        pointer-events: none;
        position: absolute;
        width: auto;
        z-index: 40;
    }

    .botex-history-fab[b-i2cso26qqc],
    .botex-history[b-i2cso26qqc] {
        pointer-events: auto;
    }

    .botex-history[b-i2cso26qqc] {
        border-inline-end: 0;
        box-shadow: -8px 0 28px rgba(17, 17, 26, 0.12);
        inset-block: 0;
        inset-inline-end: auto;
        inset-inline-start: 0;
        position: absolute;
        transform: translateX(0);
        transition: transform .32s cubic-bezier(.22, 1, .36, 1);
        width: min(300px, 86vw);
        z-index: 40;
    }

        .botex-history.is-collapsed[b-i2cso26qqc] {
            box-shadow: none;
            pointer-events: none;
            transform: translateX(100%);
            width: min(300px, 86vw);
        }
}

@media (prefers-reduced-motion: reduce) {
    .botex-history[b-i2cso26qqc] {
        transition-duration: .01ms;
    }
}
/* /Components/Botex/Components/BotexMarkdown.razor.rz.scp.css */
.botex-markdown[b-f5bebszc4m] {
    color: var(--barex-text-primary);
    direction: rtl;
    font: 400 14px/1.9 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    max-width: 100%;
    overflow-wrap: anywhere;
    overflow-x: auto;
    padding-bottom: 2px;
    text-align: right;
    width: 100%;
}

/* کرسر را JS داخل آخرین بلوک مارک‌داون می‌گذارد، پس ::deep لازم است */
.botex-markdown[b-f5bebszc4m]  .botex-md-caret {
    animation: botex-caret-b-f5bebszc4m 1s steps(1) infinite;
    background: var(--barex-primary);
    display: inline-block;
    height: 1em;
    margin-inline-start: 3px;
    vertical-align: text-bottom;
    width: 2px;
}

@keyframes botex-caret-b-f5bebszc4m {
    50% { opacity: 0; }
}


.botex-markdown[b-f5bebszc4m]  > :first-child { margin-top: 0; }
.botex-markdown[b-f5bebszc4m]  > :last-child { margin-bottom: 0; }

.botex-markdown[b-f5bebszc4m]  p,
.botex-markdown[b-f5bebszc4m]  ul,
.botex-markdown[b-f5bebszc4m]  ol,
.botex-markdown[b-f5bebszc4m]  blockquote,
.botex-markdown[b-f5bebszc4m]  pre,
.botex-markdown[b-f5bebszc4m]  table,
.botex-markdown[b-f5bebszc4m]  hr {
    margin-block: 0 16px;
}

.botex-markdown[b-f5bebszc4m]  ul,
.botex-markdown[b-f5bebszc4m]  ol {
    padding-inline-start: 24px;
}

.botex-markdown[b-f5bebszc4m]  li + li { margin-top: 4px; }

.botex-markdown[b-f5bebszc4m]  h1,
.botex-markdown[b-f5bebszc4m]  h2,
.botex-markdown[b-f5bebszc4m]  h3,
.botex-markdown[b-f5bebszc4m]  h4,
.botex-markdown[b-f5bebszc4m]  h5,
.botex-markdown[b-f5bebszc4m]  h6 {
    font-weight: 700;
    line-height: 1.6;
    margin-block: 20px 10px;
}

.botex-markdown[b-f5bebszc4m]  h1 { font-size: 24px; }
.botex-markdown[b-f5bebszc4m]  h2 { font-size: 21px; }
.botex-markdown[b-f5bebszc4m]  h3 { font-size: 18px; }
.botex-markdown[b-f5bebszc4m]  h4,
.botex-markdown[b-f5bebszc4m]  h5,
.botex-markdown[b-f5bebszc4m]  h6 { font-size: 16px; }

.botex-markdown[b-f5bebszc4m]  table {
    border: 1px solid var(--barex-divider);
    border-collapse: separate;
    border-radius: 10px;
    border-spacing: 0;
    display: table;
    min-width: 100%;
    overflow: hidden;
    width: max-content;
}

.botex-markdown[b-f5bebszc4m]  th,
.botex-markdown[b-f5bebszc4m]  td {
    border-bottom: 1px solid var(--barex-divider);
    border-inline-end: 1px solid var(--barex-divider);
    min-width: 110px;
    padding: 10px 12px;
    text-align: start;
    vertical-align: top;
    white-space: normal;
}

.botex-markdown[b-f5bebszc4m]  tr:last-child > td { border-bottom: 0; }
.botex-markdown[b-f5bebszc4m]  tr > :last-child { border-inline-end: 0; }

.botex-markdown[b-f5bebszc4m]  th {
    background: var(--barex-secondary-surface);
    font-weight: 700;
    white-space: nowrap;
}

.botex-markdown[b-f5bebszc4m]  tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--barex-secondary-surface) 55%, transparent);
}

.botex-markdown[b-f5bebszc4m]  blockquote {
    border-inline-start: 3px solid var(--barex-primary);
    color: var(--barex-text-secondary);
    padding-inline-start: 12px;
}

.botex-markdown[b-f5bebszc4m]  code {
    direction: ltr;
    font-family: Consolas, Monaco, monospace;
    unicode-bidi: embed;
}

.botex-markdown[b-f5bebszc4m]  :not(pre) > code {
    background: var(--barex-secondary-surface);
    border-radius: 4px;
    padding: 2px 5px;
}

.botex-markdown[b-f5bebszc4m]  pre {
    background: var(--barex-secondary-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    direction: ltr;
    overflow-x: auto;
    padding: 12px;
    text-align: left;
}

.botex-markdown[b-f5bebszc4m]  pre code {
    background: transparent;
    padding: 0;
    white-space: pre;
}

.botex-markdown[b-f5bebszc4m]  img {
    border-radius: 8px;
    height: auto;
    max-width: 100%;
}

.botex-markdown[b-f5bebszc4m]  a {
    color: var(--barex-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.botex-markdown[b-f5bebszc4m]  hr {
    border: 0;
    border-top: 1px solid var(--barex-divider);
}

.botex-markdown[b-f5bebszc4m]  input[type="checkbox"] {
    margin-inline: 0 6px;
}

@media (max-width: 767.98px) {
    .botex-markdown[b-f5bebszc4m]  th,
    .botex-markdown[b-f5bebszc4m]  td {
        min-width: 96px;
        padding: 8px 10px;
    }
}
/* /Components/Botex/Components/BotexMetricCard.razor.rz.scp.css */
.botex-metric-card[b-pgvcb52zzi] {
    align-items: flex-end;
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    height: 74px;
    justify-content: center;
    min-width: 0;
    padding: 12px 16px;
}

.botex-metric-card strong[b-pgvcb52zzi] {
    color: var(--barex-text-primary);
    font: 600 24px/31px 'YekanBakh FaNum', 'YekanBakh', sans-serif;
}

.botex-metric-card span[b-pgvcb52zzi] {
    color: #a3a4a7;
    font: 400 12px/19px 'YekanBakh FaNum', 'YekanBakh', sans-serif;
}
/* /Components/Botex/Components/BotexOptionPicker.razor.rz.scp.css */
.botex-option-picker[b-xlhya5wuhs] {
    backdrop-filter: blur(6px);
    background: var(--barex-primary-005);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    box-sizing: border-box;
    height: 233px;
    overflow: hidden;
    width: 100%;
}

.botex-option-picker header[b-xlhya5wuhs] {
    align-items: center;
    border-bottom: 1px solid var(--barex-divider);
    direction: rtl;
    display: flex;
    height: 43px;
    justify-content: space-between;
    padding: 0 10px;
}

.botex-option-picker header p[b-xlhya5wuhs] {
    color: var(--barex-text-secondary);
    direction: rtl;
    font: 400 12px/normal 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    margin: 0;
    text-align: right;
}

.botex-option-picker header button[b-xlhya5wuhs] {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px;
}

.botex-option-picker header img[b-xlhya5wuhs] {
    height: 20px;
    width: 20px;
}

.botex-option-list[b-xlhya5wuhs] {
    display: flex;
    flex-direction: column;
}

.botex-option[b-xlhya5wuhs] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--barex-divider);
    color: var(--barex-text-primary);
    direction: rtl;
    display: grid;
    font: 400 14px/normal 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    grid-template-columns: 21px 1fr 19px;
    height: 37px;
    padding: 0 8px 0 11px;
    text-align: right;
    width: 100%;
}

.botex-option.selected[b-xlhya5wuhs] {
    background: var(--barex-surface);
}

.botex-option-number[b-xlhya5wuhs] {
    align-items: center;
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 6px;
    display: inline-flex;
    font-size: 12px;
    height: 21px;
    justify-content: center;
    width: 21px;
}

.botex-option-label[b-xlhya5wuhs] {
    padding-inline: 8px;
}

.botex-option-arrow[b-xlhya5wuhs] {
    height: 19px;
    transform: rotate(-90deg);
    width: 19px;
}
/* /Components/Botex/Components/BotexStatsResponse.razor.rz.scp.css */
.botex-stats-response[b-rxh5xy9fie] {
    direction: rtl;
    width: min(422px, 100%);
}

.botex-stats-response > p[b-rxh5xy9fie] {
    color: var(--barex-text-primary);
    font: 400 14px/normal 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    margin: 0;
    text-align: right;
    white-space: normal;
}

.botex-metrics[b-rxh5xy9fie] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    width: 100%;
}

@media (max-width: 480px) {
    .botex-metrics[b-rxh5xy9fie] {
        flex-direction: column;
    }
}
/* /Components/Botex/Components/BotexSuggestedQuestions.razor.rz.scp.css */
.botex-suggestions[b-urq1gnuorm] {
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    backdrop-filter: blur(16px) saturate(140%);
    background: var(--barex-primary-005, rgba(89, 74, 226, .05));
    border-radius: 16px;
    border:1px solid var(--barex-divider);
    contain: layout paint style;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 18px, 0);
    transform-origin: bottom center;
    transition: height 1s cubic-bezier(.22, 1, .36, 1),
                opacity 1s ease,
                transform 1s cubic-bezier(.22, 1, .36, 1);
    width: min(712px, 100%);
    will-change: height, opacity, transform;
}

    .botex-suggestions.is-open[b-urq1gnuorm] {
        animation: botex-suggestions-slide-open-b-urq1gnuorm 1s cubic-bezier(.22, 1, .36, 1) both;
/*        height: var(--botex-suggestions-open-height);*/
        opacity: 1;
        transform: translate3d(0, 0, 0);
        position: absolute;
        bottom: 16px;
        padding-bottom: 86px;
    }

@keyframes botex-suggestions-slide-open-b-urq1gnuorm {
    from {
        height: 0;
        opacity: 0;
        transform: translate3d(0, 18px, 0);
    }

    to {
        height: var(--botex-suggestions-open-height);
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.botex-suggestions-header[b-urq1gnuorm] {
    align-items: center;
    border-bottom: 1px solid var(--barex-divider, #e3e3e3);
    direction: rtl;
    display: flex;
    height: 42px;
    justify-content: space-between;
    padding: 0 12px;
}

.botex-suggestions-header p[b-urq1gnuorm] {
    color: var(--barex-text-secondary);
    margin: 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--barex-text-secondary);
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.botex-suggestions-close[b-urq1gnuorm] {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    flex: 0 0 24px;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px;
}

.botex-suggestions-close img[b-urq1gnuorm] {
    height: 20px;
    width: 20px;
}

.botex-suggestions-list[b-urq1gnuorm] {
    display: flex;
    flex-direction: column;
}

.botex-suggestion[b-urq1gnuorm] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--barex-divider, #e3e3e3);
    color: var(--barex-text-primary, #454954);
    cursor: pointer;
    direction: rtl;
    display: grid;
    font: 400 14px/1.5 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    grid-template-columns: 21px minmax(0, 1fr) 19px;
    isolation: isolate;
    min-height: 37px;
    padding: 7px 8px 7px 11px;
    position: relative;
    text-align: right;
    transition: background-color 120ms ease;
    width: 100%;
}

    .botex-suggestion:hover[b-urq1gnuorm]{
        background: var(--barex-surface);
    }

.botex-suggestion:hover:not(:disabled)[b-urq1gnuorm]::before,
.botex-suggestion:focus-visible[b-urq1gnuorm]::before {
    opacity: 1;
}

.botex-suggestion-number[b-urq1gnuorm] {
    align-items: center;
    background: var(--barex-surface, #fff);
    border: 1px solid var(--barex-divider, #e3e3e3);
    border-radius: 6px;
    display: inline-flex;
    font-size: 12px;
    height: 21px;
    justify-content: center;
    width: 21px;
}

.botex-suggestion-label[b-urq1gnuorm] {
    overflow: hidden;
    padding-inline: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botex-suggestion-arrow[b-urq1gnuorm] {
    height: 19px;
    opacity: 0;
    transform: rotate(-90deg) translateX(-2px);
    transition: opacity 120ms ease, transform 120ms ease;
    width: 19px;
}

.botex-suggestion:hover:not(:disabled) .botex-suggestion-arrow[b-urq1gnuorm],
.botex-suggestion:focus-visible .botex-suggestion-arrow[b-urq1gnuorm] {
    opacity: 1;
    transform: rotate(-90deg) translateX(0);
}

.botex-suggestion:disabled[b-urq1gnuorm],
.botex-suggestions-close:disabled[b-urq1gnuorm] {
    cursor: default;
    opacity: .6;
}

@media (prefers-reduced-motion: reduce) {
    .botex-suggestions[b-urq1gnuorm],
    .botex-suggestion[b-urq1gnuorm],
    .botex-suggestion-arrow[b-urq1gnuorm] {
        transition-duration: 1ms;
    }

    .botex-suggestions.is-open[b-urq1gnuorm] {
        animation-duration: 1ms;
    }
}

@media (max-width: 767.98px){
    .botex-suggestions[b-urq1gnuorm]{
        width: inherit;
    }
}
/* /Components/Botex/Components/BotexUserMessage.razor.rz.scp.css */
.botex-user-message-container[b-elzln8migo] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    max-width: 100%;
}

.botex-user-message[b-elzln8migo] {
    background: var(--barex-secondary-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    color: var(--barex-text-primary);
    direction: rtl;
    font: 400 14px/normal 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    max-width: 100%;
    padding: 12px;
    text-align: right;
    width: max-content;
}

.botex-message-actions[b-elzln8migo] {
    direction: rtl;
    display: flex;
    gap: 10px;
    margin-top: 6px;
}

.botex-message-actions button[b-elzln8migo] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--barex-text-secondary);
    display: inline-flex;
    font: 400 12px/1.5 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    gap: 4px;
    padding: 2px 4px;
}

.botex-message-actions button:hover:not(:disabled)[b-elzln8migo],
.botex-message-actions button:focus-visible[b-elzln8migo] {
    color: var(--barex-primary);
    outline: none;
}

.botex-message-actions button:disabled[b-elzln8migo] { opacity: .5; }
.botex-message-actions i[b-elzln8migo] { font-size: 16px; }

.botex-user-message-editor[b-elzln8migo] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-primary);
    border-radius: 16px;
    box-sizing: border-box;
    direction: rtl;
    padding: 10px;
    width: min(520px, calc(100vw - 64px));
}

.botex-user-message-editor textarea[b-elzln8migo] {
    background: transparent;
    border: 0;
    color: var(--barex-text-primary);
    direction: rtl;
    font: 400 14px/1.7 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    min-height: 74px;
    outline: none;
    resize: vertical;
    text-align: right;
    width: 100%;
}

.botex-editor-actions[b-elzln8migo] {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
}

.botex-editor-actions button[b-elzln8migo] {
    border-radius: 8px;
    font: 500 13px/1.5 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    padding: 6px 14px;
}

.botex-editor-cancel[b-elzln8migo] {
    background: transparent;
    border: 1px solid var(--barex-divider);
    color: var(--barex-text-primary);
}

.botex-editor-submit[b-elzln8migo] {
    background: var(--barex-primary);
    border: 1px solid var(--barex-primary);
    color: #fff;
}

.botex-editor-actions button:disabled[b-elzln8migo] { opacity: .5; }
/* /Components/Botex/Components/BotexWelcome.razor.rz.scp.css */
.botex-welcome[b-m5ty7axp8u] {
    background: linear-gradient(180deg, var(--barex-primary-005) 0, var(--barex-primary-0) 36%);
    box-sizing: border-box;
    display: grid;
    flex: 1 1 auto;
    /*    grid-template-rows: minmax(8px, 0.2fr) auto minmax(8px, 0.28fr) auto auto minmax(16px, 1fr);*/
    grid-template-rows: minmax(8px, 0.2fr) auto minmax(15px, 0.8fr) auto auto minmax(16px, 1fr);
    height: 100%;
    justify-items: center;
    min-height: 0;
    overflow: auto;
    padding: 12px 24px 32px;
    width: 100%;
}

.botex-welcome-brand[b-m5ty7axp8u] {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-row: 2;
}

    .botex-welcome-brand img[b-m5ty7axp8u] {
        height: 52px;
        object-fit: contain;
        width: 52px;
    }

    .botex-welcome-brand h1[b-m5ty7axp8u] {
        color: var(--barex-primary);
        font: 400 24px/1.4 'YekanBakh FaNum', 'YekanBakh', sans-serif;
        margin: 8px 0 0;
        text-align: center;
    }

.botex-welcome-greeting[b-m5ty7axp8u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-row: 4;
    text-align: center;
}

    .botex-welcome-greeting p[b-m5ty7axp8u] {
        color: var(--barex-text-primary);
        font: 400 22px/1.5 'YekanBakh FaNum', 'YekanBakh', sans-serif;
        margin: 0;
    }

.botex-welcome-composer[b-m5ty7axp8u] {
    grid-row: 5;
    margin-top: 100px;
    width: min(712px, 100%);
}

    .botex-welcome-composer[b-m5ty7axp8u]  .botex-composer {
        border: 1px solid var(--barex-divider);
        border-radius: 16px;
        box-shadow: 0 8px 28px rgba(17, 17, 26, 0.06);
    }

@media (max-width: 767.98px) {
    .botex-welcome[b-m5ty7axp8u] {
        padding: 8px 16px 20px;
    }

    .botex-welcome-brand img[b-m5ty7axp8u] {
        height: 44px;
        width: 44px;
    }

    .botex-welcome-brand h1[b-m5ty7axp8u] {
        font-size: 20px;
    }

    .botex-welcome-greeting p[b-m5ty7axp8u] {
        font-size: 16px;
    }

    .botex-welcome-composer[b-m5ty7axp8u] {
        grid-row: 5;
        margin-top: 20px;
        width: min(712px, 100%);
    }
}

.botex-starters[b-m5ty7axp8u] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 16px;
}

.botex-starter[b-m5ty7axp8u] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 999px;
    color: var(--barex-text-primary);
    font: 400 13px/1.6 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    padding: 6px 14px;
    transition: border-color .15s ease, background-color .15s ease;
}

.botex-starter:hover:not(:disabled)[b-m5ty7axp8u] {
    background: var(--barex-primary-005);
    border-color: var(--barex-primary);
}

.botex-starter:disabled[b-m5ty7axp8u] { cursor: default; opacity: .6; }

@media (max-width: 767.98px) {
    .botex-starters[b-m5ty7axp8u] { justify-content: flex-start; }
    .botex-starter[b-m5ty7axp8u] { font-size: 12px; padding: 5px 12px; }
}
/* /Components/Botex/Pages/Botex.razor.rz.scp.css */
.botex-page[b-h7uom3z2rp] {
    --botex-history-width: 280px;
    background: var(--barex-surface);
    box-sizing: border-box;
    color: var(--barex-text-primary);
    height: calc(100dvh - var(--barex-topbar-height));
    overflow: hidden;
    position: relative;
    width: calc(100% + 1.5rem);
}

.botex-page.history-collapsed[b-h7uom3z2rp] { --botex-history-width: 0px; }

.botex-main[b-h7uom3z2rp] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

[b-h7uom3z2rp] .barex-segment-tab{
    width: 50%;
}

.botex-history-backdrop[b-h7uom3z2rp] { display: none; }

@media (max-width: 767.98px) {
    .botex-page[b-h7uom3z2rp] {
        height: calc(100dvh - var(--barex-topbar-height));
        overflow: hidden;
        width: 100%;
    }

    .botex-main[b-h7uom3z2rp] {
        flex: 1 1 auto;
        min-height: 0;
        width: 100%;
    }

    .botex-history-backdrop[b-h7uom3z2rp] {
        background: rgba(17, 17, 26, 0.35);
        display: block;
        inset: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity .32s ease;
        z-index: 35;
    }

    .botex-page:not(.history-collapsed) .botex-history-backdrop[b-h7uom3z2rp] {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .botex-history-backdrop[b-h7uom3z2rp] { transition-duration: .01ms; }
}
/* /Components/Layout/Partials/DevelopmentMocksBanner.razor.rz.scp.css */
.development-mocks-banner[b-ael4nqhviw] {
    position: fixed;
    z-index: 1080;
    bottom: 0.75rem;
    inset-inline-start: 0.75rem;
    max-width: max-content;
    pointer-events: none;
}

.development-mocks-banner .alert[b-ael4nqhviw] {
    font-size: 0.8125rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}
/* /Components/Layout/Partials/SideNavNewChip.razor.rz.scp.css */
.side-nav-new-chip[b-9wdubm9ay9] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    background: rgba(70, 93, 255, 0.12);
    color: var(--barex-primary);
}

.side-nav-new-chip i[b-9wdubm9ay9] {
    font-size: 12px;
}

@media (max-width: 991.98px) {
    .side-nav-new-chip[b-9wdubm9ay9] {
        display: none !important;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-i41azs08go] {
    align-items: center;
    background: var(--barex-surface-light);
    border: 1px solid var(--barex-border);
    backdrop-filter: blur(6px);
    border-radius: .75rem;
    bottom: 1rem;
    box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
    direction: rtl;
    display: none;
    gap: .75rem;
    left: 1rem;
    width: 360px;
    padding: 8px 12px;
    position: fixed;
    text-align: right;
    z-index: 10001;
}

    #components-reconnect-modal.components-reconnect-show[b-i41azs08go],
    #components-reconnect-modal.components-reconnect-failed[b-i41azs08go],
    #components-reconnect-modal.components-reconnect-rejected[b-i41azs08go] {
        display: flex;
    }

.reconnect-icon[b-i41azs08go] {
    flex: 0 0 auto;
    height: 24px;
    width: 24px;
}

.components-reconnect-show .reconnect-icon[b-i41azs08go] {
    animation: reconnect-loading-spin-b-i41azs08go .9s linear infinite;
}

.reconnect-message[b-i41azs08go] {
    flex: 1 1 auto;
    min-width: 0;
}
    .reconnect-message .title[b-i41azs08go] {
        font-size: 13px;
        color: var(--barex-text-primary);
    }

    .reconnect-message .sub-title[b-i41azs08go] {
        font-size: 11px;
        color: var(--barex-text-secondary);
    }

    .reconnect-state[b-i41azs08go] {
        display: none;
        margin: 0;
    }

.components-reconnect-show .reconnect-show[b-i41azs08go],
.components-reconnect-failed .reconnect-failed[b-i41azs08go],
.components-reconnect-rejected .reconnect-rejected[b-i41azs08go] {
    display: block;
}

.reconnect-action[b-i41azs08go] {
    display: none;
    flex: 0 0 auto;
}

.components-reconnect-failed .reconnect-action.reconnect-failed[b-i41azs08go],
.components-reconnect-rejected .reconnect-action.reconnect-rejected[b-i41azs08go] {
    display: inline-block;
}

@keyframes reconnect-loading-spin-b-i41azs08go {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .components-reconnect-show .reconnect-icon[b-i41azs08go] {
        animation-duration: 1.8s;
    }
}

@media (max-width: 575.98px) {
    #components-reconnect-modal[b-i41azs08go] {
        align-items: center;
        flex-wrap: wrap;
        width: auto;
    }

    .reconnect-action[b-i41azs08go] {
        margin-inline-start: 36px;
    }
}
/* /Components/Layout/SettingsLayout.razor.rz.scp.css */
.settings-shell[b-m3vvc3erku] {
    direction: rtl;
    display: flex;
    flex: 1;
    position: relative;
}

.settings-shell-nav[b-m3vvc3erku] {
    flex-shrink: 0;
    position: fixed;
}

.settings-shell-content[b-m3vvc3erku] {
    flex: 1;
    min-width: 0;
    margin-right: 280px;
}

@media (max-width: 991.98px) {
    .settings-shell[b-m3vvc3erku] {
        margin: 0;
    }

    .settings-shell-content[b-m3vvc3erku] {
        padding: 0;
        margin-right: 56px;
    }
}
/* /Components/Pages/AdminUsers/AdminUserForm.razor.rz.scp.css */
.admin-user-create-form[b-oke4xbt1bq] { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.admin-user-create-form.is-panel .admin-user-create-section[b-oke4xbt1bq] { padding-inline: 20px; }
.admin-user-create-form.is-dialog .admin-user-create-section[b-oke4xbt1bq] { padding-inline: 16px; }
.admin-user-hint[b-oke4xbt1bq] { color: var(--barex-text-secondary); }
/* /Components/Pages/AdminUsers/AdminUserFormPanel.razor.rz.scp.css */
@keyframes adminUserCreateFadeIn-b-puc7oct26w{from{opacity:0}to{opacity:1}}@keyframes adminUserCreateFadeOut-b-puc7oct26w{from{opacity:1}to{opacity:0}}@keyframes adminUserCreateSlideUp-b-puc7oct26w{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes adminUserCreateSlideDown-b-puc7oct26w{from{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.admin-user-create-shell[b-puc7oct26w],.admin-user-create-backdrop[b-puc7oct26w]{transition:none!important;animation:none!important}}
.admin-user-create-backdrop[b-puc7oct26w]{position:fixed;inset:0;z-index:1040;background:rgba(0,0,0,.45);animation:adminUserCreateFadeIn-b-puc7oct26w .28s ease-out}.admin-user-create-backdrop.is-closing[b-puc7oct26w]{animation:adminUserCreateFadeOut-b-puc7oct26w .28s ease-in forwards}
.admin-user-create-shell[b-puc7oct26w]{position:fixed;z-index:1050;background:var(--barex-surface);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 35px rgba(0,0,0,.15);transition:top 1s ease-in-out,left 1s ease-in-out,right 1s ease-in-out,bottom 1s ease-in-out,width 1s ease-in-out,height 1s ease-in-out,max-height 1s ease-in-out,border-radius 1s ease-in-out,transform 1s ease-in-out}
.admin-user-create-shell.is-panel[b-puc7oct26w]{top:0;bottom:0;left:0;right:auto;width:500px;height:100vh;max-height:100vh;border-radius:0;transform:none}
.admin-user-create-shell.is-dialog[b-puc7oct26w]{top:50%;left:50%;right:auto;bottom:auto;width:min(640px,calc(100vw - 32px));height:min(520px,calc(100vh - 32px));max-height:min(520px,calc(100vh - 32px));border-radius:12px;transform:translate(-50%,-50%)}
.admin-user-create-shell.is-dialog.is-dialog-size-resize[b-puc7oct26w]{top:50%;left:50%;right:auto;bottom:auto;border-radius:12px;transform:translate(-50%,-50%);transition:width 1s ease-in-out,height 1s ease-in-out,max-height 1s ease-in-out}
.admin-user-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-puc7oct26w]{width:min(640px,calc(100vw - 32px));height:min(520px,calc(100vh - 32px));max-height:min(520px,calc(100vh - 32px))}
.admin-user-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-puc7oct26w]{width:calc(100vw - 32px);height:calc(100vh - 32px);max-height:calc(100vh - 32px)}
.admin-user-create-shell.is-closing[b-puc7oct26w]{animation:adminUserCreateSlideDown-b-puc7oct26w .28s ease-in forwards}
.admin-user-create-header[b-puc7oct26w]{flex-shrink:0;border-bottom:1px solid var(--barex-divider);padding:0 16px 0 23px;height:56px;display:flex;align-items:center}.admin-user-create-header.is-dialog-header[b-puc7oct26w]{height:49px}
.admin-user-create-body[b-puc7oct26w]{flex:1;overflow-x:hidden;overflow-y:auto;padding:16px 0;-webkit-overflow-scrolling:touch;min-height:0}
.admin-user-create-footer[b-puc7oct26w]{flex-shrink:0;border-top:1px solid var(--barex-divider);padding:16px;display:flex;gap:16px;align-items:center}
.admin-user-btn-primary[b-puc7oct26w]{border:0;background:var(--barex-primary);color:var(--barex-onprimary);border-radius:10px;padding:6px 32px;font-size:14px;min-height:30px}
.admin-user-btn-outline[b-puc7oct26w]{border:1px solid var(--barex-primary);background:var(--barex-surface);color:var(--barex-primary);border-radius:10px;padding:6px 32px;font-size:14px;min-height:30px}
@media (max-width:767.98px){.admin-user-create-shell.is-panel[b-puc7oct26w],.admin-user-create-shell.is-dialog[b-puc7oct26w]{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;max-height:90vh;border-radius:16px 16px 0 0;transform:none;animation:adminUserCreateSlideUp-b-puc7oct26w .28s ease-out}.admin-user-create-shell.is-closing[b-puc7oct26w]{animation:adminUserCreateSlideDown-b-puc7oct26w .28s ease-in forwards}}
/* /Components/Pages/AdminUsers/ChangeAdminUserPasswordModal.razor.rz.scp.css */
/* CSS for ChangeAdminUserPasswordModal component */

.change-password[b-kv52csns69]  .modal-content {
    border-radius: 16px;
}

[b-kv52csns69] .modal-header {
    padding: 16px 12px;
    display: flex;
    justify-content: space-between;
}

[b-kv52csns69] .btn-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    padding: 0;
    margin: 0;
}

[b-kv52csns69] .modal-footer {
    padding: 10px;
}

    [b-kv52csns69] .modal-footer button {
        background: var(--barex-primary);
    }

.change-password[b-kv52csns69]  .modal-title {
    color: var(--barex-text-primary);
    font-size: 16px;
    font-weight: 400;
}

.change-password[b-kv52csns69]  .modal-body {
    padding: 16px;
}

.user-info p[b-kv52csns69] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
}

.user-info span[b-kv52csns69] {
    height: 22px;
    padding: 0px 8px;
    border-radius: 8px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    color: var(--barex-primary);
    font-size: 14px;
    font-weight: 600;
}

.user-info small[b-kv52csns69] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
}


.change-password[b-kv52csns69]  .form-label {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400 !important;
}

.change-password[b-kv52csns69]  .form-control {
    border-radius: 5px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

[b-kv52csns69] .block-btn {
    border-radius: 5px !important;
}

[b-kv52csns69] .modal-backdrop {
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(1.5px);
    --barex-backdrop-opacity: 1;
}
/* /Components/Pages/AdminUsers/Detail.razor.rz.scp.css */
/* CSS for Detail component */
.user-detail[b-z21kkxjcuz]{
    width: 323px;
}
.user-detail-avatar-lg[b-z21kkxjcuz] {
    width: 60px;
    height: 60px;
    border-radius: 16px!important;
    background: var(--barex-primary-light, rgba(89, 74, 226, 0.05));
    border: 0!important;
}
.role-detail-perm-desc[b-z21kkxjcuz], .role-detail-role-name[b-z21kkxjcuz], .user-detail-back-text[b-z21kkxjcuz], .role-detail-group-count[b-z21kkxjcuz] {
    font-size: 12px;
    color: var(--barex-text-secondary);
}
.user-detail-section-title[b-z21kkxjcuz], .user-detail-display-name[b-z21kkxjcuz] {
    font-size: 22px;
    color: var(--barex-text-primary);
    line-height: 34px;
}

.user-detail-profile[b-z21kkxjcuz], .user-detail-info[b-z21kkxjcuz] {
    padding: 20px;
    border-bottom: 1px solid var(--barex-divider);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.user-detail-info[b-z21kkxjcuz] {
    padding: 16px;
}

.user-detail-avatar-sm[b-z21kkxjcuz] {
    width: 42px;
    height: 42px;
    border-radius: 12px!important;
    background: var(--barex-primary-light, rgba(89, 74, 226, 0.05));
}

    .user-detail-avatar-sm i[b-z21kkxjcuz] {
        color: var(--barex-secondary);
        font-size: 24px;
    }

.user-detail-name[b-z21kkxjcuz] {
    color: var(--barex-text-primary);
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

[b-z21kkxjcuz] .barex-item-label {
    gap: 8px !important;
    width: 110px !important;
}

[b-z21kkxjcuz] .barex-item-text, .roleb-detail-perm-title[b-z21kkxjcuz] {
    font-size: 14px;
    color: var(--barex-text-primary);
}

[b-z21kkxjcuz] .barex-item-label {
    font-size: 10px !important;
    color: var(--barex-text-secondary) !important;
}

.user-detail-role-icon[b-z21kkxjcuz] {
    font-size: 38px;
    color: var(--barex-secondary);
}

.user-detail-meta-icon[b-z21kkxjcuz] {
    font-size: 20px;
    color: var(--barex-text-secondary);
}

.user-detail-role-icon[b-z21kkxjcuz] {
    font-size: 38px;
    color: var(--barex-secondary);
}

.user-detail-card[b-z21kkxjcuz] {
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    background: var(--barex-surface);
    padding: 0 13px;
}

.user-card[b-z21kkxjcuz] {
    border-bottom: 1px solid var(--barex-divider);
}

.user-card:last-of-type[b-z21kkxjcuz]{
    border-bottom: 0;
}

.permissions-card .nav-link[b-z21kkxjcuz] {
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--barex-primary);
    color: white;
}

.card-header-tabs .nav-link.active[b-z21kkxjcuz] {
    background: var(--barex-primary-light, rgba(89, 74, 226, 0.05));
    color: var(--barex-primary);
    border: none!important;
}

[b-z21kkxjcuz] .permissions-card .barex-status {
    height: 14px;
    padding: 0 8px;
    color: var(--barex-primary);
    background: var(--barex-primary-light, rgba(89, 74, 226, 0.05));
}

.permission-title[b-z21kkxjcuz] {
    color: var(--barex-text-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.permission-desc[b-z21kkxjcuz] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.permission-card[b-z21kkxjcuz]{
    padding: 12px 0;
    border-bottom: 1px solid var(--barex-divider)
}

.permission-card:last-of-type[b-z21kkxjcuz]{
    border-bottom: 0;
}

[b-z21kkxjcuz] .expansion-body.expanded .expansion-content {
    padding: 0 12px!important;
}

[b-z21kkxjcuz] .expansion-content{
    gap: 0!important;
}

[b-z21kkxjcuz] .expansion-header {
    font-size: 18px !important;
    padding: 14px 20px !important;
}

.user-detail-count[b-z21kkxjcuz] {
    height: 22px;
    font-size: 12px;
    background: var(--barex-primary-light, rgba(89, 74, 226, 0.05));
    color: var(--barex-primary);
    padding: 0 11px;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
}

.top-height[b-z21kkxjcuz] {
    top: var(--barex-topbar-height);
}

@media only screen and (min-width: 990px) {
    .user-detail[b-z21kkxjcuz] {
/*        height: 100%;*/
/*        border-left: 1px solid var(--barex-divider);*/
        height: calc(100vh - var(--barex-topbar-height));
    }
    .sidebar-border[b-z21kkxjcuz] {
        border-left: 1px solid var(--barex-divider);
    }
}

@media only screen and (max-width: 990px) {
    .user-detail[b-z21kkxjcuz] {
        width: 100%;
    }
}

.permissionModal[b-z21kkxjcuz]  .modal-dialog {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    height: calc(100vh - 32px);
    margin: 16px auto !important;
}

.permissionModal[b-z21kkxjcuz]  .modal-content {
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .permissionModal[b-z21kkxjcuz]  .modal-dialog {
        width: min(560px, calc(100% - 32px)) !important;
        max-width: 560px !important;
/*        height: min(560px, calc(100vh - 32px));*/
    }

    .permissionModal[b-z21kkxjcuz]  .modal-content {
        border-radius: 12px;
    }
}

[b-z21kkxjcuz] .modal-header {
    padding: 16px 12px;
    display: flex;
    justify-content: space-between;
}

[b-z21kkxjcuz] .btn-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    padding: 0;
    margin: 0;
}

[b-z21kkxjcuz] .modal-footer {
    padding: 10px;
}

.permissionModal[b-z21kkxjcuz]  .modal-footer button {
    background: var(--barex-primary);
}

[b-z21kkxjcuz] .modal-title {
    color: var(--barex-text-primary);
    font-size: 16px;
    font-weight: 400;
}

.permissionModal[b-z21kkxjcuz]  .modal-body {
    padding: 0;
    min-height: 0;
    max-height: none !important;
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.permission-management-content[b-z21kkxjcuz]  .modal-body {
    padding: 0;
}

.permission-modal-list[b-z21kkxjcuz] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.permissionModal[b-z21kkxjcuz]  .expansion-panel {
    width: 100%;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}

.permission-management-content[b-z21kkxjcuz]  .expansion-panel {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
}

.permissionModal[b-z21kkxjcuz]  .expansion-header, .permission-management-content[b-z21kkxjcuz]  .expansion-header {
    padding: 11px 16px !important;
    font-size: 16px !important;
}

.permissionModal[b-z21kkxjcuz]  .expansion-body, .permission-management-content[b-z21kkxjcuz]  .expansion-body {
    border-radius: 0;
}

.permissionModal[b-z21kkxjcuz]  .expansion-content, .permission-management-content[b-z21kkxjcuz]  .expansion-content {
    padding: 0 16px !important;
}
.permissionModal[b-z21kkxjcuz]  .expansion-body.expanded .expansion-content, .permission-management-content[b-z21kkxjcuz]  .expansion-body.expanded .expansion-content{
    padding: 0 16px !important;
}

.permissionModal .permission-title[b-z21kkxjcuz]{
    font-size: 14px;
}

.permissionModal .permission-desc[b-z21kkxjcuz] {
    font-size: 12px;
}

.permissionModal .permission-toggle-item[b-z21kkxjcuz]{
    padding: 10px 0;
}

.form-switch .form-check-input[b-z21kkxjcuz] {
    width: 46px;
    height: 24px;
}
    .form-switch .form-check-input[b-z21kkxjcuz]{
        --barex-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='12' fill='%23fff'/%3e%3c/svg%3e");
        background-color: #F0F0F0;
        border: 1px solid #F0F0F0;
    }

    .form-switch .form-check-input:checked[b-z21kkxjcuz] {
        --barex-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='12' fill='%23fff'/%3e%3c/svg%3e");
        background-color: var(--barex-primary);
        border: 1px solid var(--barex-primary);
    }

.permission-management-content[b-z21kkxjcuz]{
    padding-bottom: 60px;
}

.user-permission span[b-z21kkxjcuz] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.user-permission[b-z21kkxjcuz]  .barex-status {
    height: 22px;
    padding: 0 8px;
    color: var(--barex-primary);
    background: var(--barex-primary-light, rgba(89, 74, 226, 0.05));
    border-radius: 8px;
}
/* /Components/Pages/AdminUsers/UserRoleAssignForm.razor.rz.scp.css */
.user-role-assign-form[b-k6ng7vpmzt]{display:flex;flex-direction:column;gap:16px;min-width:0}.user-role-assign-section[b-k6ng7vpmzt]{padding-inline:16px}.user-role-assign-suggestions[b-k6ng7vpmzt]{max-height:280px;overflow-y:auto;background:var(--barex-surface);border:1px solid var(--barex-divider);border-radius:8px}.user-role-assign-item[b-k6ng7vpmzt]{display:block;width:100%;border:0;background:transparent;text-align:right;padding:10px 15px;border-bottom:1px solid var(--barex-divider)}.user-role-assign-item:last-child[b-k6ng7vpmzt]{border-bottom:0}.user-role-assign-item:disabled[b-k6ng7vpmzt]{opacity:.55}.user-role-assign-name[b-k6ng7vpmzt]{font-size:16px;color:var(--barex-text-primary)}.user-role-assign-sub[b-k6ng7vpmzt]{font-size:12px;color:var(--barex-text-secondary)}.user-role-assign-chip[b-k6ng7vpmzt]{width:fit-content;gap:4px}.user-role-assign-avatar[b-k6ng7vpmzt]{width:36px;height:36px;font-size:14px;color:var(--barex-text-primary)}[b-k6ng7vpmzt] .user-role-assign-name{font-size:12px}[b-k6ng7vpmzt] .barex-status{height:30px!important}[b-k6ng7vpmzt] .user-role-assign-avatar{width:24px;height:24px;position:relative}[b-k6ng7vpmzt] .barex-status-secondary{background:var(--barex-light-primary)!important;border:1px solid var(--barex-primary)!important}.btn-link[b-k6ng7vpmzt]{display:none;position:absolute}.btn-link .ti[b-k6ng7vpmzt]{color:var(--barex-primary)!important}[b-k6ng7vpmzt] .barex-status:hover .btn-link{display:flex}.barex-status:hover .user-role-assign-avatar-text[b-k6ng7vpmzt]{display:none!important}
/* /Components/Pages/AdminUsers/UserRoleAssignPanel.razor.rz.scp.css */
@keyframes userRoleAssignFadeIn-b-7jhsg27r63{from{opacity:0}to{opacity:1}}@keyframes userRoleAssignFadeOut-b-7jhsg27r63{from{opacity:1}to{opacity:0}}@keyframes userRoleAssignSlideDown-b-7jhsg27r63{from{transform:translate(-50%,-50%)}to{transform:translate(-50%,calc(-50% + 24px));opacity:0}}
@media (prefers-reduced-motion:reduce){.user-role-assign-shell[b-7jhsg27r63],.user-role-assign-backdrop[b-7jhsg27r63]{transition:none!important;animation:none!important}}
.user-role-assign-backdrop[b-7jhsg27r63]{position:fixed;inset:0;z-index:1040;background:rgba(0,0,0,.45);animation:userRoleAssignFadeIn-b-7jhsg27r63 .28s ease-out}
.user-role-assign-backdrop.is-closing[b-7jhsg27r63]{animation:userRoleAssignFadeOut-b-7jhsg27r63 .28s ease-in forwards}
.user-role-assign-shell[b-7jhsg27r63]{position:fixed;z-index:1050;top:50%;left:50%;width:min(560px,calc(100vw - 32px));height:min(560px,calc(100vh - 32px));max-height:min(560px,calc(100vh - 32px));transform:translate(-50%,-50%);background:var(--barex-surface);display:flex;flex-direction:column;overflow:hidden;border-radius:12px;box-shadow:0 0 35px rgba(0,0,0,.15)}
.user-role-assign-shell.is-closing[b-7jhsg27r63]{animation:userRoleAssignSlideDown-b-7jhsg27r63 .28s ease-in forwards}
.user-role-assign-header[b-7jhsg27r63]{flex-shrink:0;border-bottom:1px solid var(--barex-divider);padding:0 16px 0 23px;height:49px;display:flex;align-items:center}
.user-role-assign-body[b-7jhsg27r63]{flex:1;overflow-x:hidden;overflow-y:auto;padding:16px 0;min-height:0}
.user-role-assign-footer[b-7jhsg27r63]{flex-shrink:0;border-top:1px solid var(--barex-divider);padding:16px;display:flex;align-items:center}
.user-role-assign-btn[b-7jhsg27r63]{border:0;background:var(--barex-primary);color:var(--barex-onprimary);border-radius:10px;padding:6px 32px;font-size:14px;min-height:30px}
@media (min-width:576px) and (max-width:767.98px){.user-role-assign-shell[b-7jhsg27r63]{width:calc(100vw - 32px);height:min(560px,calc(100vh - 32px));max-height:min(560px,calc(100vh - 32px))}}
@media (max-width:575.98px){.user-role-assign-shell[b-7jhsg27r63]{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;max-height:90vh;border-radius:16px 16px 0 0;transform:none}}
/* /Components/Pages/AppReleases/AppReleaseCard.razor.rz.scp.css */
.ar-card[b-cgx8d06wby] { background: var(--barex-surface); border: 1px solid var(--barex-divider); border-radius: 12px; box-shadow: 0 1px 14px rgba(0,0,0,.05); min-height: 160px; overflow: hidden; }
.ar-card-icon[b-cgx8d06wby] { width: 32px; height: 32px; background: var(--barex-primary-005); border-radius: 8px; }
.ar-card-icon i[b-cgx8d06wby] { color: var(--barex-primary); font-size: 20px; }
.ar-card-title[b-cgx8d06wby] { color: var(--barex-text-primary); font-size: 14px; font-weight: 500; }
.ar-card-version[b-cgx8d06wby] { color: var(--barex-text-primary); font-size: 20px; font-weight: 600; }
.ar-card-menu[b-cgx8d06wby] { width: 28px; height: 28px; border-radius: 10px; border: 1px solid var(--barex-divider); background: var(--barex-secondary-surface); display: flex; align-items: center; justify-content: center; }
.ar-card-date[b-cgx8d06wby] { background: var(--barex-secondary-surface); border-radius: 5px; color: var(--barex-text-secondary); font-size: 10px; padding: 3px 6px; }
.ar-card-divider[b-cgx8d06wby] { border-color: var(--barex-divider); opacity: 1; }
/* /Components/Pages/AppReleases/AppReleaseForm.razor.rz.scp.css */
.ar-create-form[b-leukt6gsht] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
}

    .ar-create-form.is-dialog[b-leukt6gsht] {
        flex: 1;
        min-height: 0;
        height: 100%;
        overflow: hidden;
        gap: 0;
    }

    .ar-create-form.is-panel .ar-create-section[b-leukt6gsht] {
        padding: 16px;
    }

    .ar-create-form.is-dialog .ar-create-section[b-leukt6gsht] {
        padding-inline: 16px;
    }

.ar-create-columns[b-leukt6gsht] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    direction: rtl;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.ar-create-col[b-leukt6gsht] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.ar-create-col-main[b-leukt6gsht] {
    border-inline-start: 1px solid var(--barex-divider);
}

.ar-create-divider[b-leukt6gsht] {
    height: 1px;
    background: var(--barex-divider);
    width: 100%;
    flex-shrink: 0;
}

.ar-create-block[b-leukt6gsht] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ar-hint[b-leukt6gsht] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    margin: 4px 0 0;
}

.ar-add-btn[b-leukt6gsht] {
    border: 0;
    background: transparent;
    color: var(--barex-primary);
    font-size: 14px;
    padding: 0;
}

@media (max-width: 767.98px) {
    .ar-create-columns[b-leukt6gsht] {
        grid-template-columns: 1fr;
        height: auto;
        overflow: visible;
    }

    .ar-create-col[b-leukt6gsht] {
        overflow: visible;
    }

    .ar-create-col-main[b-leukt6gsht] {
        border-inline-start: 0;
        border-top: 1px solid var(--barex-divider);
        padding-top: 20px;
    }
}
/* /Components/Pages/AppReleases/AppReleaseFormPanel.razor.rz.scp.css */
@keyframes cargoCreateFadeIn-b-36qnyxl0ku {
    from { opacity: 0 }
    to { opacity: 1 }
}

@keyframes cargoCreateFadeOut-b-36qnyxl0ku {
    from { opacity: 1 }
    to { opacity: 0 }
}

@keyframes cargoCreateSlideUp-b-36qnyxl0ku {
    from { transform: translateY(100%) }
    to { transform: translateY(0) }
}

@keyframes cargoCreateSlideDown-b-36qnyxl0ku {
    from { transform: translateY(0) }
    to { transform: translateY(100%) }
}

@media (prefers-reduced-motion: reduce) {
    .cargo-create-shell[b-36qnyxl0ku], .cargo-create-backdrop[b-36qnyxl0ku] {
        transition: none !important;
        animation: none !important;
    }
}

.cargo-create-backdrop[b-36qnyxl0ku] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, .45);
    animation: cargoCreateFadeIn-b-36qnyxl0ku .28s ease-out;
}

.cargo-create-backdrop.is-closing[b-36qnyxl0ku] {
    animation: cargoCreateFadeOut-b-36qnyxl0ku .28s ease-in forwards;
}

.cargo-create-shell[b-36qnyxl0ku] {
    position: fixed;
    z-index: 1050;
    background: var(--barex-surface);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(0, 0, 0, .15);
    transition: top 1s ease-in-out, left 1s ease-in-out, right 1s ease-in-out, bottom 1s ease-in-out, width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out, border-radius 1s ease-in-out, transform 1s ease-in-out;
}

.cargo-create-shell.is-panel[b-36qnyxl0ku] {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 500px;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    transform: none;
}

.cargo-create-shell.is-dialog[b-36qnyxl0ku] {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: min(1090px, calc(100vw - 32px));
    height: min(709px, calc(100vh - 32px));
    max-height: min(709px, calc(100vh - 32px));
    border-radius: 12px;
    transform: translate(-50%, -50%);
}

.cargo-create-shell.is-dialog.is-dialog-size-resize[b-36qnyxl0ku] {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    border-radius: 12px;
    transform: translate(-50%, -50%);
    transition: width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out;
}

.cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-36qnyxl0ku] {
    width: min(1090px, calc(100vw - 32px));
    height: min(709px, calc(100vh - 32px));
    max-height: min(709px, calc(100vh - 32px));
}

.cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-36qnyxl0ku] {
    width: calc(100vw - 32px);
    height: calc(100vh - 32px);
    max-height: calc(100vh - 32px);
}

.cargo-create-shell.is-closing[b-36qnyxl0ku] {
    animation: cargoCreateSlideDown-b-36qnyxl0ku .28s ease-in forwards;
}

.cargo-create-header[b-36qnyxl0ku] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--barex-divider);
    padding: 0 16px 0 23px;
    height: 56px;
    display: flex;
    align-items: center;
}

.cargo-create-header.is-dialog-header[b-36qnyxl0ku] {
    height: 49px;
}

.cargo-create-body[b-36qnyxl0ku] {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
}

.cargo-create-shell.is-dialog .cargo-create-body[b-36qnyxl0ku] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cargo-create-shell.is-dialog[b-36qnyxl0ku]  .ar-create-form {
    flex: 1;
    min-height: 0;
}

.cargo-create-footer[b-36qnyxl0ku] {
    flex-shrink: 0;
    border-top: 1px solid var(--barex-divider);
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.cargo-btn-primary[b-36qnyxl0ku] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

.cargo-btn-outline[b-36qnyxl0ku] {
    border: 1px solid var(--barex-primary);
    background: var(--barex-surface);
    color: var(--barex-primary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

@media (max-width: 767.98px) {
    .cargo-create-shell.is-panel[b-36qnyxl0ku], .cargo-create-shell.is-dialog[b-36qnyxl0ku] {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        max-height: 90vh;
        border-radius: 16px 16px 0 0;
        transform: none;
        animation: cargoCreateSlideUp-b-36qnyxl0ku .28s ease-out;
    }

    .cargo-create-shell.is-dialog .cargo-create-body[b-36qnyxl0ku] {
        overflow-y: auto;
        display: block;
    }

    .cargo-create-shell.is-closing[b-36qnyxl0ku] {
        animation: cargoCreateSlideDown-b-36qnyxl0ku .28s ease-in forwards;
    }
}
/* /Components/Pages/Cargos/CargoCard.razor.rz.scp.css */
.cargo-card[b-cio74ox9ye] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    box-shadow: 0 1px 14px rgba(0,0,0,0.05);
    min-height: 184px;
    overflow: hidden;
    position: relative;
}

.cargo-card-head[b-cio74ox9ye] {
    margin-bottom: 22px;
}

.cargo-card-box[b-cio74ox9ye] {
    height: 32px;
    width: 32px;
    background: var(--barex-primary-005);
    border-radius: 8px;
}

    .cargo-card-box i[b-cio74ox9ye] {
        color: var(--barex-primary);
        font-size:20px;
    }

.cargo-card-title[b-cio74ox9ye] {
    color: var(--barex-text-primary);
    font-size: 14px;
    margin-bottom: -2px;
}

.cargo-card-weight[b-cio74ox9ye] {
    color: var(--barex-text-secondary);
    font-size: 10px;
}

.cargo-card-date[b-cio74ox9ye] {
    background: var(--barex-secondary-surface);
    border-radius: 5px;
    color: var(--barex-text-secondary);
    font-size: 10px;
    padding: 3px 6px;
}

.cargo-card-menu[b-cio74ox9ye] {
    align-items: center;
    background: var(--barex-secondary-surface);
    display: flex;
    height: 28px;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    justify-content: center;
    width: 28px;
}

    .cargo-card-menu i[b-cio74ox9ye] {
        color: var(--barex-text-primary);
        font-size: 16px;
    }

.cargo-card-city[b-cio74ox9ye] {
    color: var(--barex-text-primary);
    font-size: 14px;
    white-space: nowrap;
}

.cargo-card-prov[b-cio74ox9ye] {
    color: var(--barex-text-secondary);
    font-size: 10px;
    white-space: nowrap;
}

.cargo-card-route[b-cio74ox9ye] {
    margin-bottom: 27px;
}

.cargo-card-route-track[b-cio74ox9ye], .cargo-card-route-labels[b-cio74ox9ye], .cargo-card-origin-dest-img[b-cio74ox9ye] {
    width: 136px;
}

.cargo-card-origin-dest-img[b-cio74ox9ye] {
    display: block;
    height: 7px;
}

.cargo-card-route-labels[b-cio74ox9ye] {
    height: 32px;
    margin-top: 11px;
    position: relative;
}

.cargo-card-route-point[b-cio74ox9ye] {
    position: absolute;
    text-align: center;
    top: 0;
}

    .cargo-card-route-point:first-child[b-cio74ox9ye] {
        right: 4px;
        transform: translateX(50%);
    }

    .cargo-card-route-point:last-child[b-cio74ox9ye] {
        left: 3px;
        transform: translateX(-50%);
    }

.cargo-card-divider[b-cio74ox9ye] {
    border-color: var(--barex-divider);
    margin: 0 0 8px;
    opacity: 1;
}

.cargo-card-price-label[b-cio74ox9ye]{
    color: var(--barex-text-primary);
    font-size: 11px;
}

.cargo-card-price-amount[b-cio74ox9ye] {
    color: var(--barex-text-primary);
    font-size: 14px;
}

.cargo-card-price-unit[b-cio74ox9ye] {
    color: var(--barex-text-secondary);
    font-size: 7px;
    writing-mode: vertical-rl;
}
/* /Components/Pages/Cargos/CargoForm.razor.rz.scp.css */
.cargo-create-form[b-flmsu7794o] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    height: 100%;
}

    .cargo-create-form.is-dialog[b-flmsu7794o] {
        flex: 1;
        min-height: 0;
        overflow: hidden;
        gap: 0;
    }

    .cargo-create-form.is-panel .cargo-create-section[b-flmsu7794o] {
        padding: 16px;
    }

    .cargo-create-form.is-dialog .cargo-create-section[b-flmsu7794o] {
        padding-inline: 16px;
    }

.cargo-create-columns[b-flmsu7794o] {
    display: grid;
    grid-template-columns: minmax(0, 381fr) minmax(0, 705fr);
    direction: rtl;
    min-height: 0;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

.cargo-create-col[b-flmsu7794o] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.cargo-create-col-main[b-flmsu7794o] {
    border-inline-start: 1px solid var(--barex-divider);
}

.cargo-create-divider[b-flmsu7794o] {
    height: 1px;
    background: var(--barex-divider);
    width: 100%;
    flex-shrink: 0;
}

.cargo-create-block[b-flmsu7794o] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cargo-create-field-group[b-flmsu7794o] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cargo-field-trigger[b-flmsu7794o] {
    cursor: pointer;
}

.cargo-picker-panel[b-flmsu7794o] {
    position: absolute;
    z-index: 1070;
    top: 100%;
    inset-inline: 0;
    margin-top: 4px;
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    padding: 4px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.cargo-picker-chip[b-flmsu7794o] {
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    background: var(--barex-surface);
    font-size: 12px;
    padding: 4px 10px;
    color: var(--barex-text-primary);
}

    .cargo-picker-chip.active[b-flmsu7794o] {
        border-color: var(--barex-primary);
        background: var(--barex-primary-005);
        color: var(--barex-primary);
    }

.cargo-picker-done[b-flmsu7794o] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 8px;
    padding: 6px 16px;
    font-size: 13px;
    width: 100%;
}

.cargo-suggestions[b-flmsu7794o] {
    position: absolute;
    z-index: 1070;
    top: 100%;
    inset-inline: 0;
    max-height: 220px;
    overflow-y: auto;
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-top: 4px;
}

.cargo-suggestion-item[b-flmsu7794o] {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: right;
    padding: 10px 15px;
    font-size: 14px;
    color: var(--barex-text-primary);
    border-bottom: 1px solid var(--barex-divider);
}

    .cargo-suggestion-item:last-child[b-flmsu7794o] {
        border-bottom: 0;
    }

.cargo-create-footer-btns[b-flmsu7794o] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
    border-top: 1px solid var(--barex-divider);
    padding-top: 16px;
}

.cargo-btn-primary[b-flmsu7794o] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

.cargo-btn-outline[b-flmsu7794o] {
    border: 1px solid var(--barex-primary);
    background: var(--barex-surface);
    color: var(--barex-primary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

.cargo-picker-panel[b-flmsu7794o]  .barex-segment-tabs{
    gap: 4px !important;
    height: unset !important;
    flex-wrap:wrap;
}

    .cargo-picker-panel[b-flmsu7794o]  .barex-segment-tabs .barex-segment-tab {
        font-size: 12px !important;
    }


@media (max-width: 767.98px) {
    .cargo-create-columns[b-flmsu7794o] {
        grid-template-columns: 1fr;
        height: auto;
        overflow: visible;
    }

    .cargo-create-col[b-flmsu7794o] {
        overflow: visible;
    }

    .cargo-create-col-main[b-flmsu7794o] {
        border-inline-start: 0;
        border-top: 1px solid var(--barex-divider);
        padding-top: 20px;
    }
}
/* /Components/Pages/Cargos/CargoFormHeader.razor.rz.scp.css */
.cargo-create-header-inner[b-6p03xlhci7] { width: 100%; }
.cargo-create-title[b-6p03xlhci7] { font-size: 16px; font-weight: 500; color: var(--barex-text-primary); text-align: right; }
.cargo-create-icon-btn[b-6p03xlhci7] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--barex-divider); border-radius: 10px; background: var(--barex-surface); color: var(--barex-text-primary); cursor: pointer; }
.cargo-create-icon-btn i[b-6p03xlhci7] { font-size: 20px; color: var(--barex-text-primary); }
.cargo-create-icon-btn:hover:not(:disabled)[b-6p03xlhci7] { box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05) inset; }
.cargo-create-icon-btn:disabled[b-6p03xlhci7] { opacity: 0.65; pointer-events: none; }
.cargo-create-header-sep[b-6p03xlhci7] { display: inline-block; width: 1px; height: 20px; background: var(--barex-divider); flex-shrink: 0; }
@media (max-width: 767.98px) { .cargo-create-toggle-wrap[b-6p03xlhci7] { display: none !important; } }
/* /Components/Pages/Cargos/CargoFormPanel.razor.rz.scp.css */
@keyframes cargoCreateFadeIn-b-mq2h4o28ub {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes cargoCreateFadeOut-b-mq2h4o28ub {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes cargoCreateSlideUp-b-mq2h4o28ub {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes cargoCreateSlideDown-b-mq2h4o28ub {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@media (prefers-reduced-motion:reduce) {
    .cargo-create-shell[b-mq2h4o28ub], .cargo-create-backdrop[b-mq2h4o28ub] {
        transition: none !important;
        animation: none !important
    }
}

.cargo-create-backdrop[b-mq2h4o28ub] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(0,0,0,.45);
    animation: cargoCreateFadeIn-b-mq2h4o28ub .28s ease-out
}

    .cargo-create-backdrop.is-closing[b-mq2h4o28ub] {
        animation: cargoCreateFadeOut-b-mq2h4o28ub .28s ease-in forwards
    }

.cargo-create-shell[b-mq2h4o28ub] {
    position: fixed;
    z-index: 1050;
    background: var(--barex-surface);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(0,0,0,.15);
    transition: top 1s ease-in-out,left 1s ease-in-out,right 1s ease-in-out,bottom 1s ease-in-out,width 1s ease-in-out,height 1s ease-in-out,max-height 1s ease-in-out,border-radius 1s ease-in-out,transform 1s ease-in-out
}

    .cargo-create-shell.is-panel[b-mq2h4o28ub] {
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        width: 500px;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
        transform: none
    }

    .cargo-create-shell.is-dialog[b-mq2h4o28ub] {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        width: min(1090px,calc(100vw - 32px));
        height: min(709px,calc(100vh - 32px));
        max-height: min(709px,calc(100vh - 32px));
        border-radius: 12px;
        transform: translate(-50%,-50%)
    }

        .cargo-create-shell.is-dialog.is-dialog-size-resize[b-mq2h4o28ub] {
            top: 50%;
            left: 50%;
            right: auto;
            bottom: auto;
            border-radius: 12px;
            transform: translate(-50%,-50%);
            transition: width 1s ease-in-out,height 1s ease-in-out,max-height 1s ease-in-out
        }

            .cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-mq2h4o28ub] {
                width: min(1090px,calc(100vw - 32px));
                height: min(709px,calc(100vh - 32px));
                max-height: min(709px,calc(100vh - 32px))
            }

            .cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-mq2h4o28ub] {
                width: calc(100vw - 32px);
                height: calc(100vh - 32px);
                max-height: calc(100vh - 32px)
            }

    .cargo-create-shell.is-closing[b-mq2h4o28ub] {
        animation: cargoCreateSlideDown-b-mq2h4o28ub .28s ease-in forwards
    }

.cargo-create-header[b-mq2h4o28ub] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--barex-divider);
    padding: 0 16px 0 23px;
    height: 56px;
    display: flex;
    align-items: center
}

    .cargo-create-header.is-dialog-header[b-mq2h4o28ub] {
        height: 49px
    }

.cargo-create-body[b-mq2h4o28ub] {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    min-height: 0
}

    .cargo-create-shell.is-dialog .cargo-create-body[b-mq2h4o28ub] {
        overflow: hidden;
        display: flex;
        flex-direction: column
    }

.cargo-create-footer[b-mq2h4o28ub] {
    flex-shrink: 0;
    border-top: 1px solid var(--barex-divider);
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: center
}

.cargo-btn-primary[b-mq2h4o28ub] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px
}

.cargo-btn-outline[b-mq2h4o28ub] {
    border: 1px solid var(--barex-primary);
    background: var(--barex-surface);
    color: var(--barex-primary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px
}

@media (max-width:767.98px) {
    .cargo-create-shell.is-panel[b-mq2h4o28ub], .cargo-create-shell.is-dialog[b-mq2h4o28ub] {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        max-height: 90vh;
        border-radius: 16px 16px 0 0;
        transform: none;
        animation: cargoCreateSlideUp-b-mq2h4o28ub .28s ease-out
    }

    .cargo-create-shell.is-dialog .cargo-create-body[b-mq2h4o28ub] {
        overflow-y: auto;
        display: block
    }

    .cargo-create-shell.is-closing[b-mq2h4o28ub] {
        animation: cargoCreateSlideDown-b-mq2h4o28ub .28s ease-in forwards
    }
}
/* /Components/Pages/Cargos/Components/CargoSettingsDialog.razor.rz.scp.css */
.cargo-settings-backdrop[b-ycx5bw4h3d] {
    align-items: center;
    backdrop-filter: blur(1.5px);
    background: rgba(0, 0, 0, 0.15);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 16px;
    position: fixed;
    z-index: 1060;
}

.cargo-settings-dialog[b-ycx5bw4h3d] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    color: var(--barex-text-primary);
    display: flex;
    flex-direction: column;
    height: 236px;
    overflow: hidden;
    width: min(500px, 100%);
}

.cargo-settings-dialog-expanded[b-ycx5bw4h3d] {
    height: auto;
    min-height: 236px;
}

.cargo-settings-header[b-ycx5bw4h3d] {
    align-items: center;
    border-bottom: 1px solid var(--barex-divider);
    display: flex;
    flex: 0 0 56px;
    gap: 10px;
    height: 56px;
    padding: 0 23px 0 16px;
}

.cargo-settings-title[b-ycx5bw4h3d] {
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    text-align: right;
}

.cargo-settings-close[b-ycx5bw4h3d] {
    align-items: center;
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 10px;
    color: var(--barex-text-primary);
    display: flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.cargo-settings-close i[b-ycx5bw4h3d] {
    font-size: 20px;
}

.cargo-settings-close:hover[b-ycx5bw4h3d] {
    box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.05);
}

.cargo-settings-body[b-ycx5bw4h3d] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    padding: 16px 20px;
}

.cargo-settings-copy[b-ycx5bw4h3d] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cargo-settings-label[b-ycx5bw4h3d] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: right;
}

.cargo-settings-helper[b-ycx5bw4h3d] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    line-height: normal;
    margin: 0;
    text-align: right;
}

.cargo-settings-field[b-ycx5bw4h3d] {
    align-items: center;
    background: var(--barex-secondary-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 5px;
    display: flex;
    gap: 4px;
    height: 42px;
    padding: 10px 15px;
}

.cargo-settings-field:focus-within[b-ycx5bw4h3d] {
    border-color: var(--barex-primary);
}

.cargo-settings-field-invalid[b-ycx5bw4h3d] {
    border-color: var(--barex-red);
}

.cargo-settings-field i[b-ycx5bw4h3d] {
    color: var(--barex-text-primary);
    flex: 0 0 20px;
    font-size: 20px;
}

.cargo-settings-field input[b-ycx5bw4h3d] {
    appearance: textfield;
    background: transparent;
    border: 0;
    color: var(--barex-text-primary);
    direction: ltr;
    font-size: 14px;
    height: 22px;
    min-width: 24px;
    outline: 0;
    padding: 0;
    text-align: right;
    width: 28px;
}

.cargo-settings-field input[b-ycx5bw4h3d]::-webkit-inner-spin-button,
.cargo-settings-field input[b-ycx5bw4h3d]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}

.cargo-settings-field span[b-ycx5bw4h3d] {
    color: var(--barex-text-primary);
    font-size: 14px;
    white-space: nowrap;
}

.cargo-settings-error[b-ycx5bw4h3d] {
    color: var(--barex-red);
    font-size: 12px;
    margin: -4px 0 0;
    text-align: right;
}

.cargo-settings-footer[b-ycx5bw4h3d] {
    align-items: center;
    border-top: 1px solid var(--barex-divider);
    display: flex;
    flex: 0 0 56px;
    height: 56px;
    justify-content: flex-end;
    padding: 0 16px;
}

.cargo-settings-save[b-ycx5bw4h3d] {
    align-items: center;
    background: var(--barex-primary);
    border: 1px solid var(--barex-primary);
    border-radius: 10px;
    color: var(--barex-onprimary);
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    min-width: 92px;
    padding: 6px 32px 8px;
}

.cargo-settings-save:disabled[b-ycx5bw4h3d],
.cargo-settings-close:disabled[b-ycx5bw4h3d] {
    cursor: default;
    opacity: 0.65;
}

.cargo-settings-save:not(:disabled):hover[b-ycx5bw4h3d] {
    box-shadow: 0 4px 5.5px rgba(0, 0, 0, 0.08), inset 0 0 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 575.98px) {
    .cargo-settings-backdrop[b-ycx5bw4h3d] {
        padding: 12px;
    }
}
/* /Components/Pages/Cargos/Details.razor.rz.scp.css */
.cargo-details-header[b-x2610sppth] {
    border-bottom: 1px solid var(--barex-divider);
}

.cargo-details-section[b-x2610sppth] {
    border-bottom: 1px solid var(--barex-divider);
}

.cargo-detail-label[b-x2610sppth] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    white-space: nowrap;
}

.cargo-detail-value[b-x2610sppth] {
    color: var(--barex-text-primary);
    font-size: 14px;
}

.cargo-fleet-chip[b-x2610sppth] {
    background: var(--barex-surface);
    border:1px solid var(--barex-divider);
    border-radius: 20px;
    font-size: 11px;
    padding: 0 8px;
}

.cargo-fleet-icon[b-x2610sppth] {
    height: 24px;
    max-height: 24px;
    object-fit: contain;
    flex-shrink: 0;
}

.cargo-calls-title[b-x2610sppth] {
    color: var(--barex-text-primary);
    font-size: 22px;
}

.cargo-shipper-name[b-x2610sppth] {
    color: var(--barex-text-primary);
    font-size: 22px;
    height: 22px;
    display: flex;
    align-items: center;
}

.barex-price-unit[b-x2610sppth]{
    font-size:11px;
    color:var(--barex-text-secondary);
}

.cargo-shipper-avatar[b-x2610sppth] {
    align-items: center;
    border-radius: 1000px;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 44px;
    justify-content: center;
    width: 44px;
    padding: 8px;
    border: 1px solid var(--barex-divider);
}
    .cargo-shipper-avatar img[b-x2610sppth]{
        width:100%;
        height:100%;
    }

    .cargo-shipper-avatar.without-avatar[b-x2610sppth] {
        background: var(--barex-primary);
    }

@media (max-width: 990px) {
    .cargo-detail-buttons[b-x2610sppth] {
        right: 0px;
        bottom: 0px;
        height: 156px;
        padding: 20px 15px;
        align-items: end;
        width: 100%;
        background: linear-gradient(0deg, var(--ex-sidebar-surface-light, #FFF) 0%, var(--ex-scondary-0, rgba(250, 250, 250, 0.00)) 100%);
        pointer-events: none;
    }

        .cargo-detail-buttons[b-x2610sppth]  button {
            width: 50%;
            padding: 0px;
            pointer-events: auto;
        }

    .cargo-shipper-name[b-x2610sppth] {
        font-size: 18px;
    }

    .cargo-details-header[b-x2610sppth] {
        border-bottom: 0;
    }

    .cargo-details-section[b-x2610sppth] {
        border-top: 4px solid var(--barex-divider);
        border-bottom: 0;
    }

    .cargo-details-section-responsive[b-x2610sppth] {
        padding-top: 32px;
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .cargo-details-section[b-x2610sppth]  .barex-item-value {
        width: auto;
    }

    .cargo-details-section[b-x2610sppth]  .barex-phone-groups {
        gap: 4px;
        color: var(--barex-text-primary);
    }

    .cargo-detail[b-x2610sppth] {
        padding-bottom: 156px !important;
    }
}

.cargo-detail-locations[b-x2610sppth]{
    display: flex;
    gap:12px;
}

.cargo-detail-cityName[b-x2610sppth] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.cargo-detail-provinceName[b-x2610sppth] {
    color: var(--barex-text-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
}

.cargo-detail-location-start[b-x2610sppth]::before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background: var(--BrandOnSurface, #1C1B1F);
    left: 50%;
    transform: translate(0%, -50%);
    top: 4px;
}

.cargo-detail-location-end[b-x2610sppth]::before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--BrandOnSurface, #1C1B1F);
    left: 50%;
    transform: translate(0%, -50%);
    top: 4px;
}

.route-line[b-x2610sppth] {
    border: 1px dashed #DDD;
    width: 92px;
    height:1px;
    margin-top:4px;
    position: relative;
}

    .route-line[b-x2610sppth]::before {
        position: absolute;
        content: "←";
        left: -3px;
        top: -13px;
        color: #DDD;
        height: 1px;
    }

.route-line[b-x2610sppth]::after{
    position: absolute;
    content: "";
    border: 1px solid #DDD;
    height:1px;
    width:50%;
    top: -1px;
    left: 0;
}

.cargo-details-description[b-x2610sppth] {
    color: var(--barex-text-primary);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    text-align: justify;
}

.cargo-details-calls-responsive[b-x2610sppth] {
    height: 46px;
    padding-left: 12px;
    border-radius: 12px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
}

.cargo-details-calls-responsive-icon[b-x2610sppth] {
    width: 30px;
    height: 30px;
    border-radius: 12px;
    background: var(--barex-surface);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .cargo-details-calls-responsive-icon i[b-x2610sppth] {
        color: var(--barex-primary);
        width: 16px;
    }

    .cargo-detail-calls-title[b-x2610sppth] {
        color: var(--barex-text-primary);
        font-size: 14px;
        font-weight: 400;
    }

.cargo-details-calls-responsive .arrow[b-x2610sppth]{
    transform: rotate(90deg);
}

.outgoing-call-details-header[b-x2610sppth] {
    padding: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
    color: #424242;
    text-align: right;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.outgoing-call-details-body[b-x2610sppth]{
/*    padding:16px;*/
}

.cargo-details-section[b-x2610sppth]  .ti-map-start, .cargo-details-section[b-x2610sppth]  .ti-map-end {
    width: 20px;
    height: 20px;
    position: relative;
}

    .cargo-details-section[b-x2610sppth]  .ti-map-start::after {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 2000px;
        background: var(--ex-text-secondary, #696B6A);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .cargo-details-section[b-x2610sppth]  .ti-map-end::after {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 2px;
        background: var(--ex-text-secondary, #696B6A);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.cargo-card-city[b-x2610sppth] {
    color: var(--barex-text-primary);
    font-size: 14px;
    white-space: nowrap;
}

.cargo-card-prov[b-x2610sppth] {
    color: var(--barex-text-secondary);
    font-size: 10px;
    white-space: nowrap;
}

.cargo-card-route[b-x2610sppth] {
    margin-bottom: 27px;
}

.cargo-card-route-track[b-x2610sppth], .cargo-card-route-labels[b-x2610sppth], .cargo-card-origin-dest-img[b-x2610sppth] {
    width: 136px;
}

.cargo-card-origin-dest-img[b-x2610sppth] {
    display: block;
    height: 7px;
}

.cargo-card-route-labels[b-x2610sppth] {
    height: 32px;
    margin-top: 11px;
    position: relative;
}

.cargo-card-route-point[b-x2610sppth] {
    position: absolute;
    text-align: center;
    top: 0;
}

    .cargo-card-route-point:first-child[b-x2610sppth] {
        right: 4px;
        transform: translateX(50%);
    }

    .cargo-card-route-point:last-child[b-x2610sppth] {
        left: 3px;
        transform: translateX(-50%);
    }
/* /Components/Pages/Dashboards/CargoReports/CargoHeatmapWidget.razor.rz.scp.css */
.cargo-heatmap-widget.cargo-heatmap-card[b-m83y4vtunr] {
    --heatmap-gap: clamp(10px, 2.4cqi, 28px);
    --heatmap-height: clamp(420px, 50vh, 640px);
    container-name: heatmap;
    container-type: inline-size;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: var(--heatmap-height);
    max-height: var(--heatmap-height);
    min-height: var(--heatmap-height);
    overflow: hidden;
    position: relative;
}

:global(.grid-stack-heatmap) .cargo-heatmap-widget.cargo-heatmap-card[b-m83y4vtunr] {
    --heatmap-height: 100%;
    height: 100%;
    max-height: none;
    min-height: 0;
}

.cargo-heatmap-body[b-m83y4vtunr] {
    direction: ltr;
    display: grid;
    gap: var(--heatmap-gap);
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    padding-top: 4px;
}

    .cargo-heatmap-body > *[b-m83y4vtunr] {
        direction: rtl;
        min-height: 0;
        min-width: 0;
    }

.cargo-heatmap-visual[b-m83y4vtunr],
.cargo-iran-map-wrap[b-m83y4vtunr],
.cargo-heatmap-treemap[b-m83y4vtunr] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.cargo-heatmap-visual[b-m83y4vtunr] {
    container-name: heatmap-visual;
    container-type: size;
}

.cargo-iran-map-wrap[b-m83y4vtunr] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    min-height: 0;
    padding-inline: clamp(0px, 1.2cqi, 10px);
}

.cargo-iran-map-shell[b-m83y4vtunr] {
    container-name: heatmap-map;
    container-type: size;
    display: grid;
    min-height: 0;
    overflow: hidden;
    place-items: center;
}

.cargo-iran-map-stage[b-m83y4vtunr] {
    aspect-ratio: 1;
    background: transparent;
    color-scheme: normal;
    height: min(100cqw, 100cqh);
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: min(100cqw, 100cqh);
}

.cargo-iran-map[b-m83y4vtunr] {
    background: transparent;
    border: 0;
    color-scheme: normal;
    display: block;
    height: 100%;
    width: 100%;
}

.cargo-map-selection[b-m83y4vtunr] {
    align-items: center;
    backdrop-filter: blur(14px) saturate(145%);
    background: color-mix(in srgb, var(--cargo-report-surface) 76%, transparent);
    border: 1px solid color-mix(in srgb, var(--cargo-report-divider) 82%, transparent);
    border-radius: clamp(12px, 2.8cqi, 18px);
    box-shadow: 0 8px 24px rgba(31, 24, 90, 0.1);
    box-sizing: border-box;
    display: flex;
    gap: clamp(8px, 1.6cqi, 12px);
    height: clamp(64px, 14cqi, 80px);
    justify-content: space-between;
    left: clamp(96px, var(--cargo-map-selection-x, 50%), calc(100% - 96px));
    min-height: 64px;
    padding: clamp(8px, 1.6cqi, 10px) clamp(10px, 2cqi, 14px);
    pointer-events: none;
    position: absolute;
    top: clamp(32px, var(--cargo-map-selection-y, 50%), calc(100% - 32px));
    transform: translate(-50%, -50%);
    width: clamp(200px, 58cqi, 264px);
    z-index: 2;
}

.cargo-map-selection-copy[b-m83y4vtunr] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    text-align: right;
}

    .cargo-map-selection-copy strong[b-m83y4vtunr] {
        color: var(--cargo-report-text);
        font-size: clamp(14px, 3.2cqi, 18px);
        font-weight: 400;
        line-height: 1.35;
    }

    .cargo-map-selection-copy span[b-m83y4vtunr] {
        align-items: center;
        color: var(--cargo-report-muted);
        display: flex;
        font-size: clamp(10px, 2.2cqi, 12px);
        gap: 4px;
        margin-top: 4px;
        white-space: nowrap;
    }

        .cargo-map-selection-copy span i[b-m83y4vtunr] {
            font-size: clamp(16px, 3.6cqi, 20px);
        }

        .cargo-map-selection-copy span small[b-m83y4vtunr] {
            font-size: 9px;
        }

.cargo-map-selection-progress svg[b-m83y4vtunr] {
    height: 100%;
    transform: rotate(-90deg);
    width: 100%;
}

.cargo-map-selection-progress circle[b-m83y4vtunr] {
    fill: none;
    stroke-width: 3.2;
}

.cargo-map-selection-progress-track[b-m83y4vtunr] {
    stroke: color-mix(in srgb, var(--cargo-report-primary) 10%, transparent);
}

.cargo-map-selection-progress-value[b-m83y4vtunr] {
    stroke: var(--cargo-report-primary);
    stroke-linecap: round;
    transition: stroke-dasharray 0.7s ease;
}

.cargo-map-selection-progress > div[b-m83y4vtunr] {
    align-items: center;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    position: absolute;
}

.cargo-map-selection-progress strong[b-m83y4vtunr] {
    color: var(--cargo-report-primary);
    font-size: clamp(11px, 2.4cqi, 13px);
    font-weight: 600;
    line-height: 1;
    margin-top:4px;
}

.cargo-map-selection-progress small[b-m83y4vtunr] {
    color: var(--cargo-report-muted);
    font-size: 7px;
    margin-top: -2px;
}

.cargo-map-selection-progress[b-m83y4vtunr] {
    flex: 0 0 clamp(42px, 10cqi, 54px);
    height: clamp(42px, 10cqi, 54px);
    position: relative;
    width: clamp(42px, 10cqi, 54px);
}

.cargo-heatmap-legend[b-m83y4vtunr] {
    align-items: center;
    color: var(--cargo-report-muted);
    direction: ltr;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    font-size: clamp(9px, 2cqi, 10px);
    gap: 4px;
    justify-content: center;
    padding-top: clamp(4px, 1cqi, 8px);
}

    .cargo-heatmap-legend i[b-m83y4vtunr] {
        border-radius: 6px;
        display: block;
        height: clamp(18px, 4.8cqi, 24px);
        width: clamp(18px, 4.8cqi, 24px);
    }

    .cargo-heatmap-legend .level-0[b-m83y4vtunr] {
        background: var(--cargo-heatmap-0);
        border: 1px solid var(--cargo-report-divider);
    }

    .cargo-heatmap-legend .level-1[b-m83y4vtunr] { background: var(--cargo-heatmap-1); }
    .cargo-heatmap-legend .level-2[b-m83y4vtunr] { background: var(--cargo-heatmap-2); }
    .cargo-heatmap-legend .level-3[b-m83y4vtunr] { background: var(--cargo-heatmap-3); }
    .cargo-heatmap-legend .level-4[b-m83y4vtunr] { background: var(--cargo-heatmap-4); }
    .cargo-heatmap-legend .level-5[b-m83y4vtunr] { background: var(--cargo-heatmap-5); }

.cargo-heatmap-switch[b-m83y4vtunr] {
    background: color-mix(in srgb, var(--cargo-report-grid) 56%, transparent);
    border-radius: 10px;
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 1fr 1fr;
    padding: 3px;
    position: relative;
    width: clamp(148px, 38cqi, 170px);
}

    .cargo-heatmap-switch[b-m83y4vtunr]::after {
        background: var(--cargo-report-divider);
        content: "";
        height: 20px;
        left: 50%;
        position: absolute;
        top: 6px;
        width: 1px;
    }

    .cargo-heatmap-switch button[b-m83y4vtunr] {
        background: transparent;
        border: 0;
        border-radius: 8px;
        color: var(--cargo-report-muted);
        font-size: clamp(10px, 2.2cqi, 11px);
        height: 26px;
        padding: 0 12px;
        position: relative;
        transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
        z-index: 1;
    }

        .cargo-heatmap-switch button.is-active[b-m83y4vtunr] {
            background: var(--cargo-report-surface);
            box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
            color: var(--cargo-report-primary);
            font-weight: 600;
        }

.cargo-heatmap-basis-trigger[b-m83y4vtunr] {
    align-items: center;
    background: var(--barex-surface);
    border: 1px solid var(--cargo-report-divider);
    border-radius: 8px;
    color: var(--cargo-report-muted);
    display: inline-flex;
    font-size: clamp(10px, 2.2cqi, 11px);
    gap: 4px;
    justify-content: space-between;
    min-width: clamp(96px, 24cqi, 112px);
    padding: 4px 8px;
}

    .cargo-heatmap-basis-trigger:disabled[b-m83y4vtunr] {
        opacity: 0.65;
    }

    .cargo-heatmap-basis-trigger i[b-m83y4vtunr] {
        font-size: 12px;
    }

.cargo-heatmap-filter[b-m83y4vtunr] {
    border-color: var(--cargo-report-divider);
    border-radius: 8px;
    color: var(--cargo-report-muted);
    font-size: 11px;
    min-width: 112px;
}
.cargo-heatmap-provinces[b-m83y4vtunr] {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.6cqi, 12px);
    max-height: none;
    overflow: auto;
    padding: 2px 2px 2px 8px;
    scrollbar-color: var(--barex-scrollbar-thumb) var(--barex-scrollbar-track);
    scrollbar-width: thin;
}

.cargo-heatmap-province[b-m83y4vtunr] {
    align-items: center;
    border: 1px solid var(--cargo-report-divider);
    border-radius: clamp(12px, 2.8cqi, 16px);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    max-width: 100%;
    min-height: clamp(56px, 12cqi, 64px);
    padding: clamp(8px, 1.8cqi, 10px) clamp(10px, 2.4cqi, 14px);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .cargo-heatmap-province.is-selected[b-m83y4vtunr] {
        background: var(--cargo-report-soft-primary);
        border-color: color-mix(in srgb, var(--cargo-report-primary) 48%, var(--cargo-report-divider));
    }

    .cargo-heatmap-province:hover[b-m83y4vtunr] {
        border-color: color-mix(in srgb, var(--cargo-report-primary) 30%, var(--cargo-report-divider));
        box-shadow: 0 7px 18px rgba(89, 74, 226, 0.07);
        transform: translateY(-1px);
    }

    .cargo-heatmap-province > div[b-m83y4vtunr] {        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .cargo-heatmap-province strong[b-m83y4vtunr] {
        color: var(--cargo-report-text);
        font-size: clamp(14px, 2.8cqi, 14px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight:normal !important;
    }

    .cargo-heatmap-province div > span[b-m83y4vtunr] {
        color: var(--cargo-report-muted);
        font-size: clamp(12px, 2.2cqi, 12px);
    }

        .cargo-heatmap-province div > span i[b-m83y4vtunr]{
            font-size:16px;
        }

        .cargo-heatmap-province small[b-m83y4vtunr] {
            font-size: 9px;
        }

    .cargo-heatmap-province > span[b-m83y4vtunr] {
        align-items: center;
        direction: ltr;
        display: inline-flex;
        flex: 0 0 auto;
        font-size: clamp(12px, 2cqi, 12px);
        gap: 3px;
        margin-inline-start: 10px;
    }

        .cargo-heatmap-province > span.is-up[b-m83y4vtunr] {
            color: var(--cargo-report-green);
        }

        .cargo-heatmap-province > span.is-down[b-m83y4vtunr] {
            color: var(--cargo-report-danger);
        }

        .cargo-heatmap-province > span.is-flat[b-m83y4vtunr] {
            color: var(--cargo-report-muted);
        }

@media (min-width: 998px) {
    :global(.grid-stack-heatmap) .cargo-heatmap-widget.cargo-heatmap-card[b-m83y4vtunr] {
        --heatmap-height: 100%;
    }

    .cargo-heatmap-widget.cargo-heatmap-card[b-m83y4vtunr] {
        --heatmap-height: clamp(480px, 52vh, 640px);
    }

    .cargo-heatmap-body[b-m83y4vtunr] {
        grid-template-columns: minmax(0, 1.62fr) minmax(160px, 0.88fr);
    }

    .cargo-heatmap-body.is-treemap[b-m83y4vtunr] {
        grid-template-columns: minmax(0, 1.68fr) minmax(150px, 0.72fr);
    }

    .cargo-heatmap-provinces[b-m83y4vtunr] {
        max-height: none;
    }
}

@media (max-width: 767.98px) {
    :global(.grid-stack-heatmap) .cargo-heatmap-widget.cargo-heatmap-card[b-m83y4vtunr] {
        --heatmap-height: 100%;
    }

    .cargo-heatmap-widget.cargo-heatmap-card[b-m83y4vtunr] {
        --heatmap-height: clamp(380px, 55vh, 520px);
    }

    .cargo-heatmap-provinces[b-m83y4vtunr] {
        max-height: clamp(180px, 42vh, 280px);
    }
}

@container heatmap-visual (max-height: 360px) {
    .cargo-iran-map-stage[b-m83y4vtunr] {
        height: min(100cqw, 100cqh);
        width: min(100cqw, 100cqh);
    }

    .cargo-heatmap-legend[b-m83y4vtunr] {
        padding-top: 4px;
    }
}

@container heatmap (max-width: 399px) {
    .cargo-heatmap-provinces[b-m83y4vtunr] {
        display: none;
    }
}

@container heatmap (max-width: 560px) {
    .cargo-heatmap-widget[b-m83y4vtunr]  header {
        align-items: stretch;
        flex-shrink: 0;
    }

    .cargo-heatmap-switch[b-m83y4vtunr] {
        width: 100%;
    }

    .cargo-heatmap-basis-trigger[b-m83y4vtunr] {
        min-width: 0;
        width: 100%;
    }
}

.cargo-chart-fullscreen.cargo-heatmap-widget.cargo-heatmap-card[b-m83y4vtunr] {
    --heatmap-height: auto;
    height: 100%;
    max-height: none;
    min-height: 0;
}

.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-heatmap-body[b-m83y4vtunr],
.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-heatmap-visual[b-m83y4vtunr],
.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-iran-map-wrap[b-m83y4vtunr],
.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-iran-map-shell[b-m83y4vtunr],
.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-heatmap-treemap[b-m83y4vtunr] {
    min-height: 0;
}

.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-heatmap-provinces[b-m83y4vtunr] {
    max-height: none;
}

:global(.cargo-heatmap-tile-label)[b-m83y4vtunr] {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    text-align: center;
    text-shadow: 0 1px 4px rgba(31, 24, 90, 0.34);
}

    :global(.cargo-heatmap-tile-label b)[b-m83y4vtunr] {
        font-size: 13px;
        font-weight: 600;
    }

    :global(.cargo-heatmap-tile-label small)[b-m83y4vtunr] {
        font-size: 10px;
        margin-top: 2px;
        opacity: 0.9;
    }

:global(.cargo-heatmap-tooltip)[b-m83y4vtunr] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 170px;
    text-align: right;
}

    :global(.cargo-heatmap-tooltip b)[b-m83y4vtunr] {
        font-size: 14px;
        margin-bottom: 3px;
    }

    :global(.cargo-heatmap-tooltip span)[b-m83y4vtunr] {
        font-size: 11px;
    }

    :global(.cargo-heatmap-tooltip small)[b-m83y4vtunr] {
        color: var(--cargo-report-muted);
        font-size: 9px;
        margin-top: 4px;
    }

.cargo-iran-map:focus[b-m83y4vtunr],
.cargo-iran-map:focus-visible[b-m83y4vtunr] {
    outline: none;
}
/* /Components/Pages/Dashboards/CargoReports/CargoReportSkeleton.razor.rz.scp.css */
.cargo-skeleton[b-xp0exqry9w] {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--cargo-report-grid) 88%, var(--cargo-report-surface)) 25%,
        color-mix(in srgb, var(--cargo-report-grid) 52%, var(--cargo-report-surface)) 50%,
        color-mix(in srgb, var(--cargo-report-grid) 88%, var(--cargo-report-surface)) 75%);
    background-size: 200% 100%;
    border-radius: 8px;
    display: block;
    animation: cargo-skeleton-shimmer-b-xp0exqry9w 1.6s ease-in-out infinite;
}

.cargo-skeleton-grid[b-xp0exqry9w],
.cargo-skeleton-summary-card[b-xp0exqry9w] {
    width: 100%;
}

.cargo-skeleton-summary-card[b-xp0exqry9w] {
    overflow: hidden;
}

.cargo-skeleton-summary-card.is-compact[b-xp0exqry9w] {
    height: 123px;
    min-height: 123px;
}

    .cargo-skeleton-summary-card.is-compact .cargo-skeleton-number[b-xp0exqry9w] {
        margin-top: 4px;
    }

.cargo-skeleton-icon[b-xp0exqry9w] {
    height: 32px;
    width: 32px;
}

.cargo-skeleton-number[b-xp0exqry9w] {
    display: block;
    height: 28px;
    margin-top: 20px;
    width: 72px;
}

.cargo-skeleton-number.is-wide[b-xp0exqry9w] {
    width: 116px;
}

.cargo-skeleton-label[b-xp0exqry9w] {
    display: block;
    height: 10px;
    margin-top: 8px;
    width: 92px;
}

.cargo-skeleton-sparkline[b-xp0exqry9w] {
    bottom: 18px;
    height: 42px;
    left: 18px;
    opacity: .72;
    position: absolute !important;
    width: 116px;
}

.cargo-report-skeleton[b-xp0exqry9w] {
    box-sizing: border-box;
    min-height: 0;
    width: 100%;
}

.cargo-report-skeleton--chart[b-xp0exqry9w],
.cargo-report-skeleton--trend[b-xp0exqry9w] {
    height: 270px;
    padding: 24px 12px 8px;
}

.cargo-skeleton-trend[b-xp0exqry9w] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}

.cargo-skeleton-trend-wave[b-xp0exqry9w] {
    border-radius: 0;
    clip-path: polygon(0 64%, 14% 40%, 28% 54%, 42% 26%, 56% 46%, 70% 20%, 84% 38%, 100% 30%, 100% 100%, 0 100%);
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.cargo-skeleton-chart-bars[b-xp0exqry9w] {
    align-items: end;
    border-bottom: 1px solid var(--cargo-report-divider);
    display: flex;
    gap: clamp(8px, 3vw, 18px);
    height: 100%;
    justify-content: space-around;
    padding-inline: 8px;
}

.cargo-skeleton-chart-bars > span[b-xp0exqry9w] {
    border-radius: 8px 8px 0 0;
    height: var(--cargo-skeleton-bar);
    max-width: 36px;
    width: 11%;
}

.cargo-report-skeleton--rate[b-xp0exqry9w] {
    align-items: center;
    display: flex;
    height: calc(100% - 44px);
    justify-content: space-between;
    min-height: 230px;
    padding: 20px 30px;
}

.cargo-report-skeleton--donut[b-xp0exqry9w] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    min-height: 250px;
    padding: 24px 12px;
}

    .cargo-report-skeleton--donut .cargo-skeleton-ring[b-xp0exqry9w] {
        max-width: 180px;
        width: 46%;
    }

    .cargo-report-skeleton--donut .cargo-skeleton-line[b-xp0exqry9w] {
        width: 72px;
    }

:global(.cargo-dashboard-insights-stack) .cargo-report-skeleton--rate[b-xp0exqry9w] {
    min-height: 0;
}

.cargo-skeleton-rate-copy[b-xp0exqry9w] {
    display: grid;
    gap: 12px;
    width: 46%;
}

.cargo-skeleton-rate-copy .cargo-skeleton-number[b-xp0exqry9w] {
    height: 34px;
    position: static !important;
    width: 82px;
}

.cargo-skeleton-line[b-xp0exqry9w] {
    height: 12px;
    width: 100%;
}

.cargo-skeleton-line.is-short[b-xp0exqry9w] {
    width: 62%;
}

.cargo-skeleton-ring[b-xp0exqry9w] {
    aspect-ratio: 1;
    border-radius: 50%;
    max-width: 150px;
    width: 42%;
}

.cargo-report-skeleton--funnel[b-xp0exqry9w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 220px;
}

.cargo-skeleton-funnel-stage[b-xp0exqry9w] {
    align-content: start;
    display: grid;
    gap: 14px;
    padding: 22px 14px;
}

.cargo-skeleton-funnel-stage:not(:last-child)[b-xp0exqry9w] {
    border-left: 1px solid var(--cargo-report-divider);
}

.cargo-skeleton-funnel-stage .cargo-skeleton-number[b-xp0exqry9w] {
    height: 30px;
    position: static !important;
    width: 64%;
}

.cargo-report-skeleton--heatmap[b-xp0exqry9w] {
    display: grid;
    gap: clamp(10px, 2.4cqi, 28px);
    grid-template-columns: minmax(0, 1.62fr) minmax(160px, .88fr);
    height: 100%;
    padding-top: 4px;
}

.cargo-skeleton-map[b-xp0exqry9w] {
    display: grid;
    min-height: 0;
    place-items: center;
}

.cargo-skeleton-map-shape[b-xp0exqry9w] {
    aspect-ratio: .86;
    border-radius: 45% 55% 48% 52% / 54% 38% 62% 46%;
    height: min(88%, 430px);
}

.cargo-skeleton-provinces[b-xp0exqry9w] {
    display: grid;
    gap: 10px;
    min-height: 0;
}

.cargo-skeleton-province[b-xp0exqry9w] {
    min-height: 56px;
}

@keyframes cargo-skeleton-shimmer-b-xp0exqry9w {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (max-width: 997.98px) {
    .cargo-report-skeleton--heatmap[b-xp0exqry9w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cargo-skeleton-provinces[b-xp0exqry9w] {
        display: none;
    }
}

@media (max-width: 768px) {
    .cargo-report-skeleton--funnel[b-xp0exqry9w] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, minmax(68px, auto));
    }

    .cargo-skeleton-funnel-stage[b-xp0exqry9w] {
        align-items: center;
        grid-template-columns: minmax(90px, .8fr) minmax(50px, .5fr) minmax(70px, 1fr);
        padding: 10px 12px;
    }

    .cargo-skeleton-funnel-stage:not(:last-child)[b-xp0exqry9w] {
        border-bottom: 1px solid var(--cargo-report-divider);
        border-left: 0;
    }
}

@media (max-width: 576px) {
    .cargo-skeleton-number[b-xp0exqry9w] {
        height: 22px;
        width: 54px;
    }

    .cargo-skeleton-label[b-xp0exqry9w] {
        width: 70px;
    }

    .cargo-skeleton-sparkline[b-xp0exqry9w] {
        display: none;
    }

    .cargo-report-skeleton--rate[b-xp0exqry9w] {
        min-height: 150px;
        padding: 12px 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cargo-skeleton[b-xp0exqry9w] {
        animation: none;
        background-position: 0 0;
    }
}
/* /Components/Pages/Dashboards/CargoReports/DashboardClockWidget.razor.rz.scp.css */
.cargo-clock-card[b-0jh3e97bln] {
    align-items: center;
    container-name: clock-card;
    container-type: inline-size;
    display: grid;
    gap: clamp(12px, 3cqi, 40px);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 310px;
    padding: 0 clamp(16px, 4cqi, 58px) 0 clamp(12px, 3cqi, 25px);
}

.cargo-clock-copy[b-0jh3e97bln] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    text-align: right;
}

    .cargo-clock-copy strong[b-0jh3e97bln] {
        color: var(--cargo-report-primary);
        font-size: clamp(18px, 4.5cqi, 28px);
        font-weight: 400;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .cargo-clock-copy span[b-0jh3e97bln] {
        color: var(--cargo-report-primary);
        font-size: clamp(20px, 5.5cqi, 36px);
        line-height: 1.4;
        margin-top: 2px;
        overflow-wrap: anywhere;
    }

    .cargo-clock-copy small[b-0jh3e97bln] {
        color: rgba(0, 0, 0, 0.54);
        font-size: clamp(11px, 2.8cqi, 14px);
        line-height: 1.4;
        margin-top: 3px;
        overflow-wrap: anywhere;
    }

.cargo-clock-face[b-0jh3e97bln] {
    flex-shrink: 0;
    height: clamp(120px, 28cqi, 200px);
    overflow: visible;
    width: clamp(120px, 28cqi, 200px);
}

.cargo-clock-surface[b-0jh3e97bln] {
    fill: none;
    stroke: none;
}

.cargo-clock-tick[b-0jh3e97bln] {
    stroke: var(--cargo-report-divider);
    stroke-width: 0.45;
}

    .cargo-clock-tick.is-hour[b-0jh3e97bln] {
        stroke: var(--cargo-report-text);
        stroke-width: 0.8;
    }

.cargo-clock-hand-outline[b-0jh3e97bln] {
    stroke: var(--barex-text-primary);
    stroke-linecap: round;
    stroke-width: 3;
}

.cargo-clock-hand-fill[b-0jh3e97bln] {
    stroke: var(--cargo-report-surface);
    stroke-linecap: round;
    stroke-width: 1.25;
}

.cargo-clock-second[b-0jh3e97bln] {
    stroke: var(--barex-text-secondary);
    stroke-linecap: round;
    stroke-width: 0.7;
}

.cargo-clock-center[b-0jh3e97bln] {
    fill: #000;
    stroke: #000;
    stroke-width: 0.5;
}

:root[data-bs-theme=dark][b-0jh3e97bln]  .cargo-clock-copy small {
    color: var(--cargo-report-muted);
}

.cargo-dashboard-insights-stack[b-0jh3e97bln]  .cargo-clock-card {
    align-content: center;
    height: 100%;
    max-height: none;
    min-height: 0 !important;
}

@container clock-card (max-width: 480px) {
    .cargo-clock-card[b-0jh3e97bln] {
        gap: 12px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        justify-items: center;
        min-height: 0;
        padding: 16px;
    }

    .cargo-clock-copy[b-0jh3e97bln] {
        align-items: center;
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .cargo-clock-card[b-0jh3e97bln] {
        min-height: 0;
        padding: 16px;
    }
}

@media (max-width: 576px) {
    .cargo-clock-card[b-0jh3e97bln] {
        min-height: 220px;
        height:220px;
    }

    .cargo-dashboard-insights-stack[b-0jh3e97bln]  .cargo-clock-card {
        height: 100% !important;
        min-height: 0 !important;
    }
}
/* /Components/Pages/Dashboards/CargoReports/FunnelReportWidget.razor.rz.scp.css */
.cargo-funnel-card[b-lvki2vrquv] {
    padding-inline: 0;
}

.cargo-funnel-grid[b-lvki2vrquv] {
    direction: ltr;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 220px;
    position: relative;
}

.cargo-funnel-shape[b-lvki2vrquv] {
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 0;
}

    .cargo-funnel-shape polygon[b-lvki2vrquv] {
        fill: var(--cargo-report-soft-primary);
    }

    .cargo-funnel-shape.is-vertical[b-lvki2vrquv] {
        display: none;
    }

.cargo-funnel-stage[b-lvki2vrquv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 14px;
    direction: rtl;
    position: relative;
    text-align: right;
    z-index: 1;
}

    .cargo-funnel-stage:not(:last-child)[b-lvki2vrquv] {
        border-right: 1px solid var(--cargo-report-divider);
    }

.cargo-funnel-side-metric[b-lvki2vrquv] {
    display: none;
}

.cargo-funnel-stage-title[b-lvki2vrquv] {
    color: var(--cargo-report-muted);
    font-size: 13px;
    min-height: 24px;
}

.cargo-funnel-count[b-lvki2vrquv] {
    font-size: 28px;
    font-weight: 600;
    height: 40px;
}

.cargo-funnel-count-row[b-lvki2vrquv] {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .cargo-funnel-count-row small[b-lvki2vrquv] {
        color: var(--cargo-report-muted);
        font-size: 10px;
    }

.cargo-funnel-footer[b-lvki2vrquv] {
    align-items: flex-end;
    bottom: -69px;
    display: flex;
    gap: 12px;
    height: 85px;
    justify-content: space-between;
    position: absolute;
    right: 0;
    width: 100%;
}

.cargo-funnel-indicator[b-lvki2vrquv] {
    align-items: center;
    color: var(--cargo-report-danger);
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

    .cargo-funnel-indicator i[b-lvki2vrquv] {
        align-items: center;
        background: var(--cargo-report-surface);
        border: 1px solid var(--cargo-report-divider);
        border-radius: 8px;
        display: inline-flex;
        font-size: 20px;
        height: 32px;
        justify-content: center;
        width: 32px;
    }

    .cargo-funnel-indicator span[b-lvki2vrquv] {
        color: var(--cargo-report-muted);
        font-size: 12px;
    }

    .cargo-funnel-indicator small[b-lvki2vrquv] {
        color: var(--cargo-report-muted);
        font-size: 10px;
    }

.cargo-funnel-metric[b-lvki2vrquv] {
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
}

.cargo-funnel-indicator-title span[b-lvki2vrquv] {
    color: var(--barex-text-secondary);
    font-size: 14px;
}

.cargo-funnel-indicator-title small[b-lvki2vrquv] {
    color: var(--barex-text-secondary);
    font-size: 12px;
}

.cargo-funnel-footer.is-total .cargo-funnel-indicator[b-lvki2vrquv],
.cargo-funnel-footer.is-total .cargo-funnel-indicator span[b-lvki2vrquv],
.cargo-funnel-footer.is-total .cargo-funnel-metric[b-lvki2vrquv] {
    color: var(--cargo-report-primary);
}

@media (max-width: 768px) {
    .cargo-funnel-grid[b-lvki2vrquv] {
        direction: rtl;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        min-height: 0;
    }

    .cargo-funnel-count-row[b-lvki2vrquv] {
        align-items: center;
        flex-direction: row;
        height: 26px;
    }
    .cargo-funnel-indicator i[b-lvki2vrquv] {
        font-size: 16px;
        height: 24px;
        width: 24px;
    }


    .cargo-funnel-shape.is-horizontal[b-lvki2vrquv] {
        display: none;
    }

    .cargo-funnel-shape.is-vertical[b-lvki2vrquv] {
        display: block;
        height: 100%;
        inset-block: 0;
        inset-inline-end: 0;
        inset-inline-start: auto;
        width: 42%;
    }

    .cargo-funnel-stage[b-lvki2vrquv] {
        border-top: 1px solid var(--cargo-report-divider);
        min-height: 0;
        padding-inline: 12px;
        padding-block: 8px;
    }

        .cargo-funnel-stage:not(:last-child)[b-lvki2vrquv] {
            border-right: none;
        }

    .cargo-funnel-side-metric[b-lvki2vrquv] {
        align-items: center;
        align-self: center;
        color: var(--cargo-report-danger);
        display: flex;
        font-size: 28px;
        font-weight: 600;
        grid-column: 2;
        grid-row: 1;
        height: auto;
        justify-content: center;
        line-height: 1;
    }

        .cargo-funnel-side-metric.is-total[b-lvki2vrquv] {
            color: var(--cargo-report-primary);
        }

    .cargo-funnel-stage-title[b-lvki2vrquv] {
        min-height: 0;
        font-size:12px;
    }

    .cargo-funnel-count[b-lvki2vrquv] {
        height: auto;
        font-size: 16px !important;
    }

        .cargo-funnel-indicator-title span[b-lvki2vrquv]{
            font-size:12px;
        }

        .cargo-funnel-footer[b-lvki2vrquv] {
            position: unset !important;
            height: auto !important;
        }
}
/* /Components/Pages/Dashboards/CargoReports/ProvinceDistributionWidget.razor.rz.scp.css */
.cargo-province-basis-trigger[b-ziryd8idum] {
    align-items: center;
    background: var(--barex-surface);
    border: 1px solid var(--cargo-report-divider);
    border-radius: 8px;
    color: var(--cargo-report-muted);
    display: inline-flex;
    font-size: 11px;
    gap: 4px;
    justify-content: space-between;
    min-width: 96px;
    padding: 4px 8px;
}

    .cargo-province-basis-trigger i[b-ziryd8idum] {
        font-size: 12px;
    }
/* /Components/Pages/Dashboards/CargoReports/RegistrationTrendWidget.razor.rz.scp.css */
.main-dashboard-users-card[b-dis34zpwn0],
.main-dashboard-trend-card[b-dis34zpwn0] { overflow: hidden; }

.main-dashboard-users-card[b-dis34zpwn0] { height: 298px; min-height: 298px; }

.main-dashboard-trend-card[b-dis34zpwn0] { height: 308px; min-height: 308px; }

.main-dashboard-users-card .cargo-report-chart[b-dis34zpwn0],
.main-dashboard-trend-card .cargo-report-chart[b-dis34zpwn0] {
    direction: ltr;
    flex: 1 1 auto;
    min-height: 0;
}

[b-dis34zpwn0] .widgets-header { margin-bottom: 8px; }
[b-dis34zpwn0] .cargo-registration-shares strong { font-size: 22px; }
[b-dis34zpwn0] .barex-divider-v { min-height: 46px; flex-shrink: 0; }
/* /Components/Pages/Dashboards/CargoReports/ReportPeriodFilter.razor.rz.scp.css */
.cargo-report-period-trigger[b-u913s3gq1z] {
    appearance: none;
    align-items: center;
    background: var(--barex-surface);
    border: 1px solid var(--cargo-report-divider);
    border-radius: 8px;
    color: var(--cargo-report-muted);
    display: inline-flex;
    font-size: 11px;
    gap: 4px;
    justify-content: space-between;
    min-width: 96px;
    padding: 4px 8px;
}

    .cargo-report-period-trigger i[b-u913s3gq1z] {
        font-size: 12px;
    }
/* /Components/Pages/Dashboards/CargoReports/SummaryReportWidget.razor.rz.scp.css */
.is-compact[b-fiq2nlbdym] {
    height: 123px;
    min-height: 123px;
}

.is-compact .cargo-summary-content[b-fiq2nlbdym] {
    margin-top: 4px;
}

.is-compact .cargo-summary-value[b-fiq2nlbdym],
.is-compact .cargo-summary-title[b-fiq2nlbdym] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/Dashboards/CargoReports/TimingReportWidget.razor.rz.scp.css */
.cargo-timing-value[b-syiod1v641] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

    .cargo-timing-value strong[b-syiod1v641] {
        font-size: 36px;
        font-weight: 600;
        line-height: 1;
    }

.cargo-timing-unit[b-syiod1v641] {
    color: var(--cargo-report-muted);
    font-size: 10px;
    font-style: normal;
}

.cargo-summary-value[b-syiod1v641] {
    font-size: 18px;
    height: 24px;
}

@media (max-width: 576px) {
    .cargo-timing-value strong[b-syiod1v641] {
        font-size: 24px;
    }
}
/* /Components/Pages/Dashboards/CargoReports/TopShipperHighlightWidget.razor.rz.scp.css */
.top-shipper[b-83lnpqi3qe]{
    gap: 56px;
}
.top-shipper-highlight-card[b-83lnpqi3qe] {
    height: auto;
    min-height: 280px;
}
.top-shipper-avatar[b-83lnpqi3qe] {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 50px;
    justify-content: center;
    width: 50px;
    border: 1px solid var(--cargo-report-divider);
    padding: 12px;
    background: var(--cargo-report-surface);
}
    .top-shipper-avatar img[b-83lnpqi3qe] {
        width: 100%;
        height: 100%;
    }
.without-avatar[b-83lnpqi3qe] {
    background: var(--barex-primary);
}
.top-shipper-name[b-83lnpqi3qe] {
    color: var(--barex-text-primary);
    font-size: 16px;
    line-height: 18px;
}
.top-shipper-rank[b-83lnpqi3qe] { 
    color: var(--barex-primary); 
    font-size: 13px; 
}
.top-shipper-stat[b-83lnpqi3qe] {
    border: 1px solid var(--cargo-report-divider);
    border-radius: 8px;
    padding: 8px;
    align-items: center;
    padding-top: 14px;
    background: var(--cargo-report-surface);
}
.top-shipper-stat strong[b-83lnpqi3qe] {
    color: var(--barex-text-primary);
    font-size: 22px; 
    line-height: 16px;
}
.top-shipper-stat span[b-83lnpqi3qe] { 
color: #A3A4A7;
    font-size: 8px; 
}
.top-shipper-conversion[b-83lnpqi3qe] {
    border: 1px solid var(--cargo-report-divider);
    border-radius: 12px;
    min-width: 260px;
    overflow: hidden;
    position: relative;
    background: var(--cargo-report-surface);
}
.top-shipper-conversion-title[b-83lnpqi3qe] {
    color: #696B6A;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 12px;
    padding-bottom: 0;
}
[b-83lnpqi3qe] .top-shipper-congrats {
    background: var(--barex-primary-005) !important;
    border: 1px solid var(--barex-primary-light) !important;
    flex-direction: row-reverse;
    gap: 32px !important;
    backdrop-filter: blur(3.3499999046325684px);
}

.top-shipper-conversion[b-83lnpqi3qe]  .cargo-rate-ring.is-primary strong {
    font-size: 16px;
}
[b-83lnpqi3qe] .cargo-conversion-card{
    background: transparent!important;
}

[b-83lnpqi3qe] .cargo-metrics{
    gap: 0;
}

[b-83lnpqi3qe] .cargo-metrics strong{
    font-size: 22px!important;
}

[b-83lnpqi3qe] .cargo-metrics p{
    font-size: 10px!important;
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-83lnpqi3qe] .cargo-metrics .total-count{
    font-size: 18px;
}

.top-shipper-bg-pattern[b-83lnpqi3qe] {
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    filter: blur(100px);
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 27%;
    z-index: -1;
}

html[data-bs-theme="dark"] .top-shipper-bg-pattern[b-83lnpqi3qe] {
    display: none;
}

    .top-shipper-bg-pattern-img[b-83lnpqi3qe] {
        position: absolute;
        top: 11px;
        right: 0;
        z-index: -1;
        height: 100%;
    }

@media (max-width: 990px) {
    .top-shipper[b-83lnpqi3qe] {
        gap: 16px;
    }

    .top-shipper-conversion[b-83lnpqi3qe] {
        padding: 16px;
    }

    .top-shipper-conversion-title[b-83lnpqi3qe] {
        padding: 0;
    }

    .top-shipper-bg-pattern-img[b-83lnpqi3qe], .top-shipper-bg-pattern[b-83lnpqi3qe] {
        display: none;
    }

    [b-83lnpqi3qe] .top-shipper-congrats{
        gap: 6px!important;
    }

    [b-83lnpqi3qe] .cargo-rate-ring {
        max-width: 130px !important;
    }
}

@media (min-width: 990px) and (max-width: 1100px) {
    .top-shipper[b-83lnpqi3qe] {
        flex-direction: column !important;
        gap: 16px;
    }

    [b-83lnpqi3qe] .cargo-rate-ring {
        max-width: 130px!important;
    }
}
/* /Components/Pages/Dashboards/CargoViewReports/CargoViewActivityWidget.razor.rz.scp.css */
.cargo-heatmap-card[b-3k0ki8j7k6] {
    min-height: 360px;
}

.cargo-report-chart[b-3k0ki8j7k6] {
    min-height: 320px;
}

.cargo-report-period-trigger[b-3k0ki8j7k6] {
    appearance: none;
    background: var(--barex-surface);
    border: 1px solid var(--cargo-report-divider);
    border-radius: 8px;
    color: var(--cargo-report-muted);
    display: inline-flex;
    font-size: 11px;
    gap: 4px;
    padding: 4px 8px;
}
/* /Components/Pages/Dashboards/CargoViewReports/CargoViewFunnelWidget.razor.rz.scp.css */
.cargo-funnel-card[b-09w639o40f] {
    padding-inline: 0;
}

.cargo-funnel-grid[b-09w639o40f] {
    direction: ltr;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 220px;
    position: relative;
}

.cargo-funnel-shape[b-09w639o40f] {
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 0;
}

    .cargo-funnel-shape polygon[b-09w639o40f] {
        fill: var(--cargo-report-soft-primary);
    }

    .cargo-funnel-shape.is-vertical[b-09w639o40f] {
        display: none;
    }

.cargo-funnel-stage[b-09w639o40f] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 14px;
    direction: rtl;
    position: relative;
    text-align: right;
    z-index: 1;
}

    .cargo-funnel-stage:not(:last-child)[b-09w639o40f] {
        border-right: 1px solid var(--cargo-report-divider);
    }

.cargo-funnel-stage-title[b-09w639o40f] {
    color: var(--cargo-report-muted);
    font-size: 13px;
    min-height: 24px;
}

.cargo-funnel-count[b-09w639o40f] {
    font-size: 28px;
    font-weight: 600;
    height: 40px;
}

.cargo-funnel-count-row[b-09w639o40f] {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .cargo-funnel-count-row small[b-09w639o40f] {
        color: var(--cargo-report-muted);
        font-size: 10px;
    }

.cargo-funnel-footer[b-09w639o40f] {
    align-items: flex-end;
    bottom: -69px;
    display: flex;
    gap: 12px;
    height: 85px;
    justify-content: space-between;
    position: absolute;
    right: 0;
    width: 100%;
}

.cargo-funnel-indicator[b-09w639o40f] {
    align-items: center;
    color: var(--cargo-report-danger);
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

    .cargo-funnel-indicator i[b-09w639o40f] {
        align-items: center;
        background: var(--cargo-report-surface);
        border: 1px solid var(--cargo-report-divider);
        border-radius: 8px;
        display: inline-flex;
        font-size: 20px;
        height: 32px;
        justify-content: center;
        width: 32px;
    }

.cargo-funnel-metric[b-09w639o40f] {
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
}

.cargo-funnel-indicator-title span[b-09w639o40f] {
    color: var(--barex-text-secondary);
    font-size: 14px;
}

.cargo-funnel-indicator-title small[b-09w639o40f] {
    color: var(--barex-text-secondary);
    font-size: 12px;
}

.cargo-funnel-footer.is-total .cargo-funnel-indicator[b-09w639o40f],
.cargo-funnel-footer.is-total .cargo-funnel-indicator span[b-09w639o40f],
.cargo-funnel-footer.is-total .cargo-funnel-metric[b-09w639o40f] {
    color: var(--cargo-report-primary);
}

@media (max-width: 768px) {
    .cargo-funnel-grid[b-09w639o40f] {
        direction: rtl;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        min-height: 0;
    }

    .cargo-funnel-count-row[b-09w639o40f] {
        align-items: center;
        flex-direction: row;
        height: 26px;
    }

    .cargo-funnel-indicator i[b-09w639o40f] {
        font-size: 16px;
        height: 24px;
        width: 24px;
    }

    .cargo-funnel-shape.is-horizontal[b-09w639o40f] {
        display: none;
    }

    .cargo-funnel-shape.is-vertical[b-09w639o40f] {
        display: block;
        height: 100%;
        inset-block: 0;
        inset-inline-end: 0;
        inset-inline-start: auto;
        width: 42%;
    }

    .cargo-funnel-stage[b-09w639o40f] {
        border-top: 1px solid var(--cargo-report-divider);
        min-height: 0;
        padding-inline: 12px;
        padding-block: 8px;
    }

        .cargo-funnel-stage:not(:last-child)[b-09w639o40f] {
            border-right: none;
        }

    .cargo-funnel-stage-title[b-09w639o40f] {
        min-height: 0;
        font-size: 12px;
    }

    .cargo-funnel-count[b-09w639o40f] {
        height: auto;
        font-size: 16px !important;
    }

    .cargo-funnel-indicator-title span[b-09w639o40f] {
        font-size: 12px;
    }

    .cargo-funnel-footer[b-09w639o40f] {
        position: unset !important;
        height: auto !important;
    }
}
/* /Components/Pages/Dashboards/CargoViewReports/CargoViewHourlyTodayWidget.razor.rz.scp.css */
.cargo-view-feed[b-t9f5nyabif] { max-height: 320px; overflow: auto; width: 100%; }
.cargo-view-feed a[b-t9f5nyabif] { color: inherit; }
.cargo-view-feed-row[b-t9f5nyabif] { align-items: center; border-bottom: 1px solid var(--cargo-report-divider); display: flex; gap: 12px; justify-content: space-between; padding: 8px 4px; }
.cargo-view-feed-row.is-new[b-t9f5nyabif] { animation: cargo-feed-flash-b-t9f5nyabif 1.4s ease; }
@keyframes cargo-feed-flash-b-t9f5nyabif { from { background: rgba(106,199,90,.22); box-shadow: 0 6px 16px rgba(106,199,90,.2); } to { background: transparent; box-shadow: none; } }
.cargo-view-live-dot[b-t9f5nyabif] { background: currentColor; border-radius: 50%; display: inline-block; height: 8px; position: relative; width: 8px; }
.cargo-view-live-dot[b-t9f5nyabif]::before, .cargo-view-live-dot[b-t9f5nyabif]::after { animation: cargo-view-live-ping-b-t9f5nyabif 1.4s ease-out infinite; border: 2px solid currentColor; border-radius: 50%; content: ""; inset: -5px; position: absolute; }
.cargo-view-live-dot[b-t9f5nyabif]::before { animation-delay: .45s; }
@keyframes cargo-view-live-ping-b-t9f5nyabif { to { opacity: 0; transform: scale(2.4); } }
/* /Components/Pages/Dashboards/CargoViewReports/CargoViewLiveWidget.razor.rz.scp.css */
.cargo-view-live-feed[b-qejy2s7d0d] { max-height: 180px; overflow: auto; }
.cargo-view-live-feed a[b-qejy2s7d0d] { color: inherit; }
.cargo-view-live-dot[b-qejy2s7d0d] {
    background: currentColor; border-radius: 50%; display: inline-block;
    height: 8px; position: relative; width: 8px;
}
.cargo-view-live-dot[b-qejy2s7d0d]::before,
.cargo-view-live-dot[b-qejy2s7d0d]::after {
    animation: cargo-view-live-ping-b-qejy2s7d0d 1.4s ease-out infinite;
    border: 2px solid currentColor; border-radius: 50%;
    content: ""; inset: -5px; position: absolute;
}
.cargo-view-live-dot[b-qejy2s7d0d]::before { animation-delay: .45s; }
@keyframes cargo-view-live-ping-b-qejy2s7d0d { to { opacity: 0; transform: scale(2.4); } }
/* /Components/Pages/Dashboards/CargoViewReports/ReportSourceFilter.razor.rz.scp.css */
.cargo-report-period-trigger[b-49fzt22pyi] {
    appearance: none;
    align-items: center;
    background: var(--barex-surface);
    border: 1px solid var(--cargo-report-divider);
    border-radius: 8px;
    color: var(--cargo-report-muted);
    display: inline-flex;
    font-size: 11px;
    gap: 4px;
    justify-content: space-between;
    min-width: 96px;
    padding: 4px 8px;
}

    .cargo-report-period-trigger i[b-49fzt22pyi] {
        font-size: 12px;
    }
/* /Components/Pages/Dashboards/Index.razor.rz.scp.css */
[b-j3vty71zol] .barex-dropdown-trigger{
    width: 100%;
}

@media (min-width: 992px) {
    [b-j3vty71zol] .dashboard-button {
        width: auto !important;
    }
}
/* /Components/Pages/Dashboards/Main/CallResultWidget.razor.rz.scp.css */
.cargo-report-card[b-r3si6mgxtu] {
    height: 100%;
    min-height: 447px;
}

.cargo-report-chart[b-r3si6mgxtu] {
    flex: 1 1 auto;
    min-height: 250px;
}

.legend-swatch[b-r3si6mgxtu] {
    border-radius: 6px;
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    width: 16px;
}

.swatch-agreed[b-r3si6mgxtu] {
    background: var(--barex-primary);
}

.swatch-unknown[b-r3si6mgxtu] {
    background: color-mix(in srgb, var(--barex-primary) 52%, var(--barex-secondary-surface));
}

.swatch-no[b-r3si6mgxtu] {
    background: color-mix(in srgb, var(--barex-primary) 26%, var(--barex-secondary-surface));
}

[b-r3si6mgxtu] .call-result-total {
    color: var(--barex-primary);
    font-size: 36px;
    font-weight: 600;
    line-height: 32px;
}

[b-r3si6mgxtu] .call-result-caption {
    color: var(--barex-text-secondary);
    font-size: 13px;
}

[b-r3si6mgxtu] foreignObject{
    width: 100%;
}
/* /Components/Pages/Dashboards/Main/CallTrendWidget.razor.rz.scp.css */
.cargo-report-card[b-p5z6enonrp] {
    height: 308px;
    min-height: 308px;
    overflow: hidden;
}

.cargo-report-chart[b-p5z6enonrp] {
    direction: ltr;
    flex: 1 1 auto;
    min-height: 0;
}

[b-p5z6enonrp] .widgets-header { margin-bottom: 8px; }

.call-trend-legend[b-p5z6enonrp] {
    color: var(--barex-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 16px;
    justify-content: center;
    padding-top: 4px;
}

.legend-swatch[b-p5z6enonrp] {
    border-radius: 4px;
    display: inline-block;
    flex-shrink: 0;
    height: 10px;
    width: 10px;
}

.swatch-total[b-p5z6enonrp] {
    background: var(--barex-primary);
}

/* هم‌رنگ سری دوم در Highcharts (primary روشن‌شده) */
.swatch-unique[b-p5z6enonrp] {
    background: color-mix(in srgb, var(--barex-primary) 62%, #ffffff);
}

[b-p5z6enonrp] .highcharts-a11y-proxy-container,
[b-p5z6enonrp] .highcharts-exporting-group { display: none !important; }
/* /Components/Pages/DriverCalls/Detail.razor.rz.scp.css */
.fleet-detail[b-y44a6tbjaj] {
    border-bottom: 1px solid var(--barex-divider);
}

@media only screen and (max-width: 1500px) and (min-width: 990px) {
    .driver-call-detail .container[b-y44a6tbjaj] {
        padding: 0 16px;
    }
}
/* /Components/Pages/DriverCalls/Details/DriverCallDetailSections.razor.rz.scp.css */
.driver-call-section-title[b-740m3com1t] {
    color: var(--barex-text-primary);
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
}

.driver-call-facts[b-740m3com1t] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    padding: 16px;
}
/* /Components/Pages/Drivers/Detail.razor.rz.scp.css */
/* CSS for Detail component */
.fleet-detail[b-qxskbl32jx]{
    border-bottom: 1px solid var(--barex-divider);
}

@media only screen and (max-width: 1500px) and (min-width: 990px) {
    .driver-detail .container[b-qxskbl32jx] {
        padding: 0 16px;
    }
}
/* /Components/Pages/Drivers/DriverFleetDistributionWidget.razor.rz.scp.css */
.cargo-report-card[b-yh7k9k9qh6] { height: 308px; min-height: 308px; overflow: hidden; }
.cargo-report-chart[b-yh7k9k9qh6] { direction: ltr; flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.cargo-report-card.cargo-chart-fullscreen .cargo-report-chart[b-yh7k9k9qh6] { overflow-y: auto !important; }
[b-yh7k9k9qh6] .widgets-header { margin-bottom: 8px; }
[b-yh7k9k9qh6] .highcharts-a11y-proxy-container,
[b-yh7k9k9qh6] .highcharts-exporting-group { display: none !important; }
/* /Components/Pages/Finance/Dashboard.razor.rz.scp.css */
/* CSS for Dashboard component */
.finance-card[b-703ix7omce]{
    border: 1px solid var(--cargo-report-divider);
    background: var(--cargo-report-surface);
    border-radius: 12px;
}
/* /Components/Pages/Finance/Payouts/PayoutDetailModal.razor.rz.scp.css */
.payout-receipt[b-eplmwibnqn] {
    border-radius: 16px;
}

    .payout-receipt.is-success[b-eplmwibnqn] {
        background: #e7f3fb;
    }

    .payout-receipt.is-pending[b-eplmwibnqn] {
        background: #fbf6ea;
    }

    .payout-receipt.is-failed[b-eplmwibnqn] {
        background: #fdeeee;
    }

    .payout-receipt.is-muted[b-eplmwibnqn] {
        background: var(--barex-secondary-surface);
    }

    .payout-receipt.is-success .payout-receipt-status[b-eplmwibnqn] {
        color: #2f9e5a;
    }

    .payout-receipt.is-pending .payout-receipt-status[b-eplmwibnqn] {
        color: #c47d12;
    }

    .payout-receipt.is-failed .payout-receipt-status[b-eplmwibnqn] {
        color: #e14b4b;
    }

.payout-receipt-amount[b-eplmwibnqn] {
    font-size: 14px;
    font-weight: 700;
    color: var(--barex-text-primary);
    line-height: 20px;
}

.payout-receipt-title[b-eplmwibnqn] {
    color: var(--Gray800, #424242);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.payout-receipt-title span[b-eplmwibnqn] { margin-right: 8px; }
.payout-receipt.is-pending .payout-receipt-title span[b-eplmwibnqn] { color: #E88914; }
.payout-receipt.is-success .payout-receipt-title span[b-eplmwibnqn] { color: #2f9e5a; }
.payout-receipt.is-failed .payout-receipt-title span[b-eplmwibnqn] { color: #e14b4b; }

.payout-receipt-unit[b-eplmwibnqn] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-inline-start: 4px;
}

.payout-receipt-sheba[b-eplmwibnqn] {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--barex-text-primary);
}

.payout-receipt-bank-name[b-eplmwibnqn] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--barex-text-secondary);
}

.payout-receipt-panel[b-eplmwibnqn], .payout-receipt-note[b-eplmwibnqn] {
    background: rgba(255, 255, 255, .72);
    border-top: 2px dashed var(--barex-divider);
}

.payout-receipt-icon[b-eplmwibnqn], .payout-receipt-bank[b-eplmwibnqn] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.payout-receipt-icon[b-eplmwibnqn] {
    border-radius: 8px;
}

.payout-receipt-icon i[b-eplmwibnqn]{
    font-size: 24px;
}

.payout-receipt-bank[b-eplmwibnqn] {
    border-radius: 50%;
    background: #e7f1ff;
    color: #2f6fed;
}

html[data-bs-theme="dark"] .payout-receipt-panel[b-eplmwibnqn], html[data-bs-theme="dark"] .payout-receipt-note[b-eplmwibnqn] {
    background: rgba(9, 9, 19, .35);
}

.payout-receipt-destination[b-eplmwibnqn]{
    border-top: 1px solid var(--barex-surface);
}

.payout-receipt-destination-title[b-eplmwibnqn] {
    color: #424242;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

[b-eplmwibnqn] .barex-item.payout-detail-row {
    height: auto;
    min-height: 24px;
    border-bottom: 1px solid var(--barex-divider);
    padding: 12px 0;
}

[b-eplmwibnqn] .payout-detail-row .barex-item-label,
[b-eplmwibnqn] .payout-detail-row .barex-item-value {
    width: auto;
}
/* /Components/Pages/Finance/Settlement/BatchDetail.razor.rz.scp.css */
.batch-share-seg[b-61k90n31vz] {
    background: var(--barex-secondary-surface);
    border-radius: 99px;
    flex: 1 1 0;
    height: 6px;
}

.batch-share-seg.is-fill[b-61k90n31vz] {
    background: var(--barex-primary);
}
/* /Components/Pages/Finance/Settlement/Batches.razor.rz.scp.css */
/* CSS for Batches component */
.overview-card[b-q151k1375k] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
}
/* /Components/Pages/Finance/Settlement/ShebaReview.razor.rz.scp.css */
.sheba-raw-response[b-r946ixj2f7] {
    max-height: 420px;
    white-space: pre-wrap;
}
/* /Components/Pages/Finance/Wallets/WalletBankAccountCard.razor.rz.scp.css */
.wallet-bank-box[b-ydac39cgxk] {
    border-radius: 12px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

.wallet-bank-inner[b-ydac39cgxk] {
    border-radius: 12px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-surface);
    width: 32px;
    height: 32px;
}

.wallet-bank-inner i[b-ydac39cgxk]{
    font-size: 20px;
}

.wallet-bank-name[b-ydac39cgxk] {
    font-size: 13px;
    font-weight: 700;
}

.wallet-bank-icon[b-ydac39cgxk] {
    font-size: 28px;
    color: var(--barex-primary);
}

.wallet-bank-label[b-ydac39cgxk] {
    font-size: 14px;
    font-weight: 700;
/*    color: var(--barex-text-secondary);*/
}

.wallet-bank-value[b-ydac39cgxk] {
    font-size: 14px;
    font-weight: 700;
}

.wallet-bank-card[b-ydac39cgxk]{
    background: white;
    padding: 12px;
    gap: 8px;
    display: flex;
    flex-direction: column;
}
/* /Components/Pages/Growth/Create.razor.rz.scp.css */
.goal-cargo-form[b-o9f8nv4jl8] { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
[b-o9f8nv4jl8] .goal-label-header.widgets-header { display: block; margin-bottom: 0; }
[b-o9f8nv4jl8] .goal-label-header .widgets-header-body { gap: 0; }
[b-o9f8nv4jl8] .goal-label-header .widgets-header-icon { display: none; }
[b-o9f8nv4jl8] .goal-label-header .widgets-header-title { color: var(--barex-text-primary) !important; font-size: 14px !important; font-weight: 400 !important; line-height: normal; margin-top: 0 !important; text-align: right; }
.goal-cargo-section[b-o9f8nv4jl8] { padding: 16px; }
.goal-cargo-divider[b-o9f8nv4jl8] { height: 1px; background: var(--barex-divider); flex-shrink: 0; }
.goal-cargo-group[b-o9f8nv4jl8] { display: flex; flex-direction: column; gap: 12px; }
.goal-suggestions[b-o9f8nv4jl8] { position: absolute; z-index: 1070; top: 100%; inset-inline: 0; max-height: 220px; overflow-y: auto; background: var(--barex-surface); border: 1px solid var(--barex-divider); border-radius: 8px; margin-top: 4px; }
.goal-suggestion[b-o9f8nv4jl8] { display: block; width: 100%; border: 0; background: transparent; text-align: right; padding: 10px 15px; font-size: 14px; color: var(--barex-text-primary); }
.goal-suggestion + .goal-suggestion[b-o9f8nv4jl8] { border-top: 1px solid var(--barex-divider); }
[b-o9f8nv4jl8] .goal-date-field .persian-datepicker-wrapper { width: 100%; min-width: 0; }
[b-o9f8nv4jl8] .goal-date-field .input-group .btn { display: none; }
[b-o9f8nv4jl8] .goal-date-field .form-control { border: 0; background: transparent; box-shadow: none; text-align: right; height: 22px; min-height: 0; padding: 0; font-size: 14px; }
/* /Components/Pages/Growth/Detail.razor.rz.scp.css */
.goal-avatar[b-qf1uqoorgl] {
    background: linear-gradient(#9491ff, #433eff);
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    height: 44px;
    width: 44px;
}

.goal-title[b-qf1uqoorgl] {
    color: var(--barex-text-primary);
    font-size: 22px;
}

.goal-updated[b-qf1uqoorgl], .goal-meta-label[b-qf1uqoorgl] {
    color: var(--barex-text-secondary);
    font-size: 12px;
}

.goal-meta-label[b-qf1uqoorgl] {
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 7.5rem;
}

.goal-meta-label i[b-qf1uqoorgl]{
    font-size: 20px;
}

.goal-meta-info[b-qf1uqoorgl] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.goal-panel[b-qf1uqoorgl] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
}

.goal-card-title[b-qf1uqoorgl] {
    color: var(--barex-text-secondary);
    font-size: 18px;
    gap: 8px;
    display: flex;
    align-items: center;
    min-width: 0;
}

.goal-card-title i[b-qf1uqoorgl]{
    color: var(--barex-primary);
    font-size: 24px;
}

.goal-head[b-qf1uqoorgl] {
    background: var(--barex-secondary-surface);
    color: var(--barex-text-secondary);
    font-size: 12px;
    min-height: 40px;
}

[b-qf1uqoorgl] .goal-row {
    border-bottom: 1px solid var(--barex-divider);
    min-height: 54px;
}

    [b-qf1uqoorgl] .goal-row.is-current {
        background: var(--barex-primary-005);
    }

[b-qf1uqoorgl] .goal-col {
    width: 22%;
}

.goal-col-effect[b-qf1uqoorgl] {
    width: 28%;
    min-width: 6.5rem;
    font-size: 14px;
}

select.cargo-field-control[b-qf1uqoorgl] {
    appearance: none;
    background: transparent;
    width: 100%;
    padding: 0;
}

[b-qf1uqoorgl] .goal-date-field .persian-datepicker-wrapper {
    width: 100%;
    min-width: 0;
}

[b-qf1uqoorgl] .goal-date-field .input-group .btn {
    display: none;
}

[b-qf1uqoorgl] .goal-date-field .form-control {
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: right;
    height: 22px;
    min-height: 0;
    padding: 0;
    font-size: 14px;
}

.goal-legend-item[b-qf1uqoorgl] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    color: var(--barex-text-secondary);
}

.goal-legend-line[b-qf1uqoorgl] {
    border-top: 2px solid;
    display: inline-block;
    height: 0;
    width: 24px;
}

.goal-legend-actual[b-qf1uqoorgl] {
    border-color: var(--barex-primary);
}

.goal-legend-plan[b-qf1uqoorgl] {
    border-color: var(--barex-text-secondary);
    border-top-style: dashed;
}

.goal-legend-forecast[b-qf1uqoorgl] {
    border-color: var(--barex-orange);
    border-top-style: dashed;
}

.goal-legend-dot[b-qf1uqoorgl] {
    background: var(--barex-text-primary);
    border: 0;
    border-radius: 50%;
    height: 12px;
    width: 12px;
}

.growth-goal-chart-block[b-qf1uqoorgl] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.growth-goal-legend[b-qf1uqoorgl] {
    margin: 0;
    padding-top: 0;
}

[b-qf1uqoorgl] .barex-status{
    height: 24px;
    border-radius: 8px;
}

[b-qf1uqoorgl] .barex-segment-tab{
    width: 124px;
    height: 32px;
}

.goal-table-scroll[b-qf1uqoorgl] {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

.goal-table-inner[b-qf1uqoorgl] {
    min-width: 40rem;
}

.goal-table-inner--events[b-qf1uqoorgl] {
    min-width: 28rem;
}

.goal-table-inner--companions[b-qf1uqoorgl] {
    min-width: 32rem;
}

.goal-col-progress[b-qf1uqoorgl] {
    flex: 1 1 34%;
    min-width: 11rem;
}

.goal-col-event[b-qf1uqoorgl] {
    flex: 1 1 34%;
    min-width: 8rem;
}

/* ::deep .goal-progress { max-width: 100%; width: 100%; } */

.growth-detail-tabs[b-qf1uqoorgl] {
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
    .goal-title[b-qf1uqoorgl] {
        font-size: 18px;
    }

    .goal-card-title[b-qf1uqoorgl] {
        font-size: 16px;
    }

    .goal-card-title i[b-qf1uqoorgl] {
        font-size: 20px;
    }

    .goal-meta-label[b-qf1uqoorgl] {
        width: 6.5rem;
    }

    [b-qf1uqoorgl] .barex-segment-tab {
        flex: 1 0 auto;
        min-width: 6.5rem;
        width: auto;
    }
}

@media (max-width: 767.98px) {
    [b-qf1uqoorgl] .growth-goal-chart {
        flex: 0 0 auto;
        height: min(314px, 62vw);
        max-height: 314px;
        min-height: 220px;
    }
}
/* /Components/Pages/Growth/GrowthCompanionCard.razor.rz.scp.css */
.growth-companion-card[b-984cf15mts] {
    background: var(--barex-secondary-surface, #fafafa);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    flex-shrink: 0;
    min-width: 12rem;
    padding: 12px 14px;
}
.growth-companion-card-title[b-984cf15mts] { color: var(--barex-text-secondary); font-size: 12px; line-height: 1.3; }
.growth-companion-card-value[b-984cf15mts] { color: var(--barex-primary); font-size: 18px; font-weight: 700; line-height: 1.2; }
.growth-companion-card-icon[b-984cf15mts] { font-size: 22px; }
/* /Components/Pages/Growth/GrowthCompanionChange.razor.rz.scp.css */
.growth-companion-trend[b-6vqe1zfdha] {
    width: 13px;
    height: 13px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.75rem;
}

    .growth-companion-trend.is-up[b-6vqe1zfdha] {
        background: rgba(87, 138, 89, 0.05);
        color: var(--bs-success);
    }

    .growth-companion-trend.is-down[b-6vqe1zfdha] {
        background: rgba(244, 67, 54, 0.05);
        color: var(--bs-danger);
    }
/* /Components/Pages/Growth/GrowthCompanionList.razor.rz.scp.css */
.growth-companion-cards.is-stack[b-rvqorp740o]  .growth-companion-card {
    min-width: 0;
    width: 100%;
}

.growth-companion-cards:not(.is-stack)[b-rvqorp740o] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.goal-table-scroll[b-rvqorp740o] {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

.goal-table-inner--companions[b-rvqorp740o] {
    min-width: 32rem;
}

[b-rvqorp740o] .goal-head {
    background: var(--barex-secondary-surface);
    color: var(--barex-text-secondary);
    font-size: 12px;
    min-height: 40px;
}

[b-rvqorp740o] .goal-row {
    border-bottom: 1px solid var(--barex-divider);
    min-height: 54px;
}

[b-rvqorp740o] .goal-col {
    width: 22%;
}

[b-rvqorp740o] .goal-col-event {
    flex: 1 1 34%;
    min-width: 8rem;
}
/* /Components/Pages/Growth/GrowthCompanionsTab.razor.rz.scp.css */
.goal-table-scroll[b-0swpkz65k3] {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

.goal-table-inner--companions[b-0swpkz65k3] {
    min-width: 32rem;
}

@media (max-width: 575.98px) {
    .growth-companions-tab .goal-card-title[b-0swpkz65k3] { font-size: 16px; }
}
/* /Components/Pages/Growth/GrowthDetailAdvice.razor.rz.scp.css */
.goal-advice[b-2nslz2g20u] {
    background: var(--barex-primary-005);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    gap: 30px;
}

.goal-advice-title[b-2nslz2g20u] {
    color: var(--barex-primary);
    font-size: 18px;
    gap: 8px;
}

.goal-advice p[b-2nslz2g20u] {
    font-size: 16px;
}

.goal-pace[b-2nslz2g20u] {
    background: #fff;
    border-radius: 100px;
    height: 12px;
    overflow: hidden;
}

    .goal-pace span.is-fill[b-2nslz2g20u] {
        background: #d9660f;
    }

.goal-pace-label[b-2nslz2g20u] {
    color: #d9660f;
    font-size: 14px;
}

.goal-forecast[b-2nslz2g20u] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem;
}

.goal-forecast-value[b-2nslz2g20u] {
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
}

.goal-forecast-pct[b-2nslz2g20u] {
    color: var(--barex-primary);
    font-size: 14px;
}


.goal-forecast i[b-2nslz2g20u]{
    font-size: 24px;
    color: var(--barex-primary);
}

.goal-forecast-title[b-2nslz2g20u] {
    color: var(--barex-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 575.98px) {
    .goal-advice[b-2nslz2g20u] { gap: 1.25rem; }
    .goal-advice p[b-2nslz2g20u] { font-size: 14px; }
    .goal-forecast-value[b-2nslz2g20u] { font-size: 22px; line-height: 1.3; }
}
/* /Components/Pages/Growth/GrowthDetailSummary.razor.rz.scp.css */
.goal-summary[b-82rvr97zgc] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

    .goal-summary[b-82rvr97zgc]::before {
        background: var(--barex-primary-005);
        border-radius: 50%;
        content: "";
        width: 459px;
        height: 351px;
        left: -70px;
        position: absolute;
        top: -80px;
        filter: blur(42.599998474121094px);
    }

    .goal-summary > *[b-82rvr97zgc] {
        position: relative;
    }

.goal-kicker[b-82rvr97zgc] {
    color: var(--barex-text-secondary);
    font-size: 18px;
    gap: 8px;
}

    .goal-kicker i[b-82rvr97zgc]{
        font-size: 24px;
    }

    .goal-now[b-82rvr97zgc] {
        color: var(--barex-primary);
        font-size: 42px;
        font-weight: 700;
        line-height: 1;
    }

.goal-target[b-82rvr97zgc] {
    font-size: 28px;
    font-weight: 600;
}

.goal-percent[b-82rvr97zgc] {
    color: var(--barex-primary);
    font-size: 36px;
    font-weight: 700;
}

.goal-scale[b-82rvr97zgc], .goal-stat-label[b-82rvr97zgc] {
    color: var(--barex-text-secondary);
    font-size: 16px;
}

.goal-stat[b-82rvr97zgc] {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
}

@media (max-width: 575.98px) {
    .goal-kicker[b-82rvr97zgc] { font-size: 14px; }
    .goal-kicker i[b-82rvr97zgc] { font-size: 18px; }
    .goal-now[b-82rvr97zgc] { font-size: 32px; }
    .goal-target[b-82rvr97zgc] { font-size: 22px; }
    .goal-percent[b-82rvr97zgc] { font-size: 28px; }
    .goal-scale[b-82rvr97zgc], .goal-stat-label[b-82rvr97zgc] { font-size: 13px; }
    .goal-stat[b-82rvr97zgc] { font-size: 22px; }
    .goal-summary[b-82rvr97zgc]::before { width: 280px; height: 220px; left: -40px; }
}

@media (max-width: 990px) {
    .goal-stat-label[b-82rvr97zgc]{
        text-align: center;
    }
}
/* /Components/Pages/Growth/GrowthEventCard.razor.rz.scp.css */
.growth-event-card[b-ziz74dfytj] {
    background: var(--barex-secondary-surface, #fafafa);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    padding: 12px 14px;
    width: 100%;
}
.growth-event-card-title[b-ziz74dfytj] { color: var(--barex-text-primary); font-size: 14px; font-weight: 600; line-height: 1.35; }
.growth-event-card-date[b-ziz74dfytj] { color: var(--barex-text-secondary); font-size: 12px; margin-top: 4px; }
.growth-event-card-effect[b-ziz74dfytj] { color: var(--barex-text-secondary); max-width: 8.5rem; text-align: end; }
/* /Components/Pages/Growth/GrowthEventList.razor.rz.scp.css */
.growth-event-cards.is-stack[b-crk9abkb95]  .growth-event-card {
    min-width: 0;
    width: 100%;
}

.growth-event-cards:not(.is-stack)[b-crk9abkb95]  .growth-event-card {
    flex-shrink: 0;
    min-width: 14rem;
    width: auto;
}

.growth-event-cards:not(.is-stack)[b-crk9abkb95] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.goal-table-scroll[b-crk9abkb95] {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

.goal-table-inner--events[b-crk9abkb95] {
    min-width: 28rem;
}

[b-crk9abkb95] .goal-head {
    background: var(--barex-secondary-surface);
    color: var(--barex-text-secondary);
    font-size: 12px;
    min-height: 40px;
}

[b-crk9abkb95] .goal-row {
    border-bottom: 1px solid var(--barex-divider);
    min-height: 54px;
}

[b-crk9abkb95] .goal-col {
    width: 22%;
}

[b-crk9abkb95] .goal-col-event {
    flex: 1 1 34%;
    min-width: 8rem;
}

[b-crk9abkb95] .goal-col-effect {
    min-width: 6.5rem;
    width: 28%;
}
/* /Components/Pages/Growth/GrowthEventModal.razor.rz.scp.css */
@keyframes growthEventFadeIn-b-misq9trtw7 { from { opacity: 0 } to { opacity: 1 } }
@keyframes growthEventFadeOut-b-misq9trtw7 { from { opacity: 1 } to { opacity: 0 } }
@keyframes growthEventSlideUp-b-misq9trtw7 { from { transform: translateY(100%) } to { transform: translateY(0) } }
@keyframes growthEventSlideDown-b-misq9trtw7 { from { transform: translateY(0) } to { transform: translateY(100%) } }
.growth-event-backdrop[b-misq9trtw7] { animation: growthEventFadeIn-b-misq9trtw7 .28s ease-out; background: rgba(0, 0, 0, .45); inset: 0; position: fixed; z-index: 1040; }
.growth-event-backdrop.is-closing[b-misq9trtw7] { animation: growthEventFadeOut-b-misq9trtw7 .28s ease-in forwards; }
.growth-event-shell[b-misq9trtw7] { background: var(--barex-surface); box-shadow: 0 0 35px rgba(0, 0, 0, .15); display: flex; flex-direction: column; overflow: hidden; position: fixed; z-index: 1050; transition: top 1s ease-in-out, left 1s ease-in-out, right 1s ease-in-out, bottom 1s ease-in-out, width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out, border-radius 1s ease-in-out, transform 1s ease-in-out; }
.growth-event-shell.is-panel[b-misq9trtw7] { border-radius: 0; bottom: 0; height: 100vh; left: 0; max-height: 100vh; right: auto; top: 0; transform: none; width: 500px; }
.growth-event-shell.is-dialog[b-misq9trtw7] { border-radius: 12px; height: min(720px, calc(100vh - 32px)); left: 50%; max-height: min(720px, calc(100vh - 32px)); top: 50%; transform: translate(-50%, -50%); width: min(900px, calc(100vw - 32px)); }
.growth-event-shell.is-dialog.is-dialog-size-resize[b-misq9trtw7] { border-radius: 12px; bottom: auto; left: 50%; right: auto; top: 50%; transform: translate(-50%, -50%); transition: width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out; }
.growth-event-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-misq9trtw7] { height: min(720px, calc(100vh - 32px)); max-height: min(720px, calc(100vh - 32px)); width: min(900px, calc(100vw - 32px)); }
.growth-event-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-misq9trtw7] { height: calc(100vh - 32px); max-height: calc(100vh - 32px); width: calc(100vw - 32px); }
.growth-event-shell.is-closing[b-misq9trtw7] { animation: growthEventSlideDown-b-misq9trtw7 .28s ease-in forwards; }
.growth-event-header[b-misq9trtw7] { align-items: center; border-bottom: 1px solid var(--barex-divider); display: flex; flex-shrink: 0; height: 56px; padding: 0 16px 0 23px; }
.growth-event-header.is-dialog-header[b-misq9trtw7] { height: 49px; }
.growth-event-body[b-misq9trtw7] { flex: 1; min-height: 0; overflow-x: hidden; overflow-y: auto; }
.growth-event-section[b-misq9trtw7] { padding: 20px 16px; }
.growth-event-helper[b-misq9trtw7] { color: #6e7380; font-size: 12px; }
.growth-event-chip[b-misq9trtw7] { background: #f5f5f7; border: 1px solid transparent; border-radius: 8px; color: var(--barex-text-primary); font-size: 13px; padding: 6px 12px; }
.growth-event-chip.is-active[b-misq9trtw7] { background: var(--barex-primary-005); border-color: var(--barex-primary); color: var(--barex-primary); font-weight: 600; }
.growth-event-footer[b-misq9trtw7] { border-top: 1px solid var(--barex-divider); display: flex; flex-shrink: 0; gap: 12px; padding: 12px 16px; }
[b-misq9trtw7] .growth-event-section .barex-segment-tabs { width: 100%; }
[b-misq9trtw7] .growth-event-section .cargo-field-box { min-height: 42px; }
@media (max-width: 767.98px) { .growth-event-shell.is-panel[b-misq9trtw7], .growth-event-shell.is-dialog[b-misq9trtw7] { animation: growthEventSlideUp-b-misq9trtw7 .28s ease-out; border-radius: 16px 16px 0 0; bottom: 0; height: auto; left: 0; max-height: 90vh; right: 0; top: auto; transform: none; width: 100%; } }
/* /Components/Pages/Growth/GrowthEventsTab.razor.rz.scp.css */
.growth-events-pulse[b-dlemimdpsv] {
    padding: 24px;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid var(--barex-divider);
}

.growth-events-pulse-track-wrap[b-dlemimdpsv] {
    align-items: center;
    display: flex;
    gap: 8px;
    position: relative;
}

.growth-events-pulse-current[b-dlemimdpsv] {
    color: var(--barex-primary);
    font-size: 18px;
    font-weight: 700;
}

.growth-events-pulse-target[b-dlemimdpsv] {
    color: #424242;
    font-size: 14px;
    font-weight: 600;
}

.growth-events-pulse-muted[b-dlemimdpsv] {
    color: #424242;
    font-size: 14px;
}

.growth-events-pulse-pct[b-dlemimdpsv] {
    color: var(--barex-primary);
    font-size: 14px;
    font-weight: 700;
}

.growth-events-pulse-vr[b-dlemimdpsv] {
    height: 20px;
}

.growth-events-pulse-gap[b-dlemimdpsv] {
    font-size: 18px;
    font-weight: 600;
}

.growth-events-pulse-days[b-dlemimdpsv] {
    color: #424242;
    font-size: 18px;
    font-weight: 600;
}

.growth-events-pulse-days-label[b-dlemimdpsv] {
    color: #424242;
    font-size: 16px;
}

[b-dlemimdpsv] .growth-events-track .goal-track-bar-wrap {
    height: 20px;
    max-width: 100%;
    width: min(226px, 100%);
}

[b-dlemimdpsv] .growth-events-track .goal-track-bar-track {
    flex: 1;
    max-width: 226px;
    min-width: 8rem;
    width: 100%;
}

@media (max-width: 575.98px) {
    .growth-events-pulse[b-dlemimdpsv] { padding: 16px; }
    .growth-events-pulse-current[b-dlemimdpsv] { font-size: 16px; }
    .growth-events-pulse-track-wrap[b-dlemimdpsv] { width: 100%; }    
}

@media (max-width: 768px) {
    [b-dlemimdpsv] .goal-track-bar-wrap {
        max-width: 100%;
        width: 100%;
    }

    [b-dlemimdpsv] .growth-events-track .goal-track-bar-track {
        max-width: 100%;
        width: 100%;
    }

    .growth-events-pulse[b-dlemimdpsv]{
        flex-direction: column;
    }
}

.growth-events-toolbar-title[b-dlemimdpsv] {
    color: #282a33;
    font-size: 18px;
}

.growth-events-toolbar-sub[b-dlemimdpsv], .growth-events-footnote[b-dlemimdpsv] {
    color: #696b6a;
    font-size: 12px;
}

.growth-events-event-desc[b-dlemimdpsv] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    line-height: 20px;
}

[b-dlemimdpsv] .growth-events-avatar {
    align-items: center;
    background: var(--barex-primary);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    width: 24px;
}

[b-dlemimdpsv] .growth-events-tab .barex-table-wrapper {
    height: auto;
    min-height: 0;
}

[b-dlemimdpsv] .growth-events-tab .barex-table-body-panel {
    height: auto;
}

[b-dlemimdpsv] .growth-events-tab .barex-th {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
    height: 40px;
}

[b-dlemimdpsv] .growth-events-tab .barex-td {
    height: 54px;
    vertical-align: middle;
    white-space: nowrap;
}

[b-dlemimdpsv] .growth-events-tab .growth-events-col-event {
    min-width: 16rem;
    width: 26%;
}

[b-dlemimdpsv] .growth-events-tab .growth-events-event-cell {
    max-width: 26rem;
    white-space: normal;
}

[b-dlemimdpsv] .growth-events-tab .growth-events-col-category {
    min-width: 6.5rem;
}

[b-dlemimdpsv] .growth-events-tab .growth-events-col-date {
    min-width: 7rem;
    white-space: nowrap;
}

[b-dlemimdpsv] .growth-events-tab .growth-events-col-after {
    min-width: 7rem;
}

[b-dlemimdpsv] .growth-events-tab .growth-events-col-compare {
    min-width: 8.5rem;
}

[b-dlemimdpsv] .growth-events-tab .growth-events-col-author {
    min-width: 7rem;
}

[b-dlemimdpsv] .growth-events-tab .barex-col-actions {
    min-width: 5rem;
}

.goal-panel-glow[b-dlemimdpsv] {
    border-radius: 274px;
    background: rgba(89, 74, 226, 0.02);
    filter: blur(42.599998474121094px);
    width: 274px;
    height: 209px;
    right: -80px;
}

[b-dlemimdpsv] .barex-table-wrapper {
    height: 100% !important;
}
/* /Components/Pages/Growth/GrowthEventTabCard.razor.rz.scp.css */
.user-card[b-uhff9cubkk] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
}

.user-header-card[b-uhff9cubkk] { min-height: 56px; align-items: center; overflow: visible; }
.user-card-avatar[b-uhff9cubkk] { width: 40px; height: 40px; border-radius: 50%; background: var(--barex-primary-005); color: var(--barex-primary); }
.user-card-avatar i[b-uhff9cubkk] { font-size: 18px; }
.user-card-name[b-uhff9cubkk] { color: var(--barex-text-primary); font-size: 14px; }
.user-card-sub[b-uhff9cubkk] { color: var(--barex-text-secondary); font-size: 11px; }
.user-card-date[b-uhff9cubkk] { color: var(--barex-text-secondary); font-size: 11px; }
.user-card-menu[b-uhff9cubkk] { width: 28px; height: 28px; border-radius: 10px; border: 1px solid var(--barex-divider); background: var(--barex-secondary-surface); display: flex; align-items: center; justify-content: center; }
.user-card-menu i[b-uhff9cubkk] { color: var(--barex-text-primary); font-size: 16px; }
.user-card-divider[b-uhff9cubkk] { border-color: var(--barex-divider); opacity: 1; }
.growth-event-tab-card-count[b-uhff9cubkk] { color: var(--barex-primary); font-size: 18px; font-weight: 700; line-height: 1.2; }
.growth-event-tab-card-compare[b-uhff9cubkk] { flex-shrink: 0; text-align: end; }
.growth-event-tab-card-author[b-uhff9cubkk] { width: 24px; height: 24px; border-radius: 12px; background: var(--barex-primary); color: #fff; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }
/* /Components/Pages/Growth/GrowthForecastScenarioCard.razor.rz.scp.css */
.growth-forecast-scenario-card[b-utcb2atpuj] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    flex-shrink: 0;
    min-width: 16rem;
    padding: 12px 14px;
    width: 100%;
}
.growth-forecast-scenario-card.is-featured[b-utcb2atpuj] { background: var(--barex-primary-005); border-color: var(--barex-primary); }
.growth-forecast-scenario-card.is-lead[b-utcb2atpuj] { min-width: 0; width: 100%; }
.growth-forecast-scenario-kicker[b-utcb2atpuj] { color: var(--barex-text-secondary); font-size: 11px; line-height: 1.35; }
.growth-forecast-scenario-pace[b-utcb2atpuj] { color: var(--barex-text-primary); font-size: 14px; font-weight: 600; margin-top: 4px; }
.growth-forecast-scenario-value[b-utcb2atpuj] { color: var(--barex-primary); font-size: 18px; font-weight: 700; margin-top: 4px; }
/* /Components/Pages/Growth/GrowthForecastScenarioList.razor.rz.scp.css */
.growth-forecast-scenario-cards[b-us2a4bb27j] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.growth-forecast-scenario-cards[b-us2a4bb27j]  .growth-forecast-scenario-card {
    min-width: 16rem;
    width: 16rem;
}

.goal-table-scroll[b-us2a4bb27j] {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

.goal-table-inner[b-us2a4bb27j] {
    min-width: 40rem;
}

[b-us2a4bb27j] .goal-head {
    background: var(--barex-secondary-surface);
    color: var(--barex-text-secondary);
    font-size: 12px;
    min-height: 40px;
}

[b-us2a4bb27j] .goal-row {
    border-bottom: 1px solid var(--barex-divider);
    min-height: 54px;
}

[b-us2a4bb27j] .goal-row.is-current {
    background: var(--barex-primary-005);
}

[b-us2a4bb27j] .goal-col {
    width: 22%;
}

[b-us2a4bb27j] .goal-col-progress {
    flex: 1 1 34%;
    min-width: 11rem;
}
/* /Components/Pages/Growth/GrowthGoalCard.razor.rz.scp.css */
.goal-card[b-2ds90tt9kj] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    overflow: hidden;
}

.goal-card-name[b-2ds90tt9kj] {
    color: #464646;
    font-size: 14px;
    height: 22px;
}

.goal-card-chip[b-2ds90tt9kj] {
    background: #fafafa;
    border-radius: 5px;
    color: #636363;
    font-size: 10px;
    padding: 2px 6px;
    white-space: nowrap;
}

.goal-card-status[b-2ds90tt9kj] {
    border-radius: 5px;
    display: flex;
    font-size: 10px;
    margin-top: 1px;
    padding: 1px 6px;
    height: 16px;
    align-items: center;
    width: fit-content;
}

.goal-card-status-warn[b-2ds90tt9kj] {
    background: rgba(217, 103, 11, 0.08);
    color: #d9670b;
}

.goal-card-status-behind[b-2ds90tt9kj] {
    background: rgba(244, 67, 54, 0.08);
    color: var(--barex-red, #f44336);
}

.goal-card-status-ahead[b-2ds90tt9kj] {
    background: rgba(7, 148, 88, 0.08);
    color: var(--barex-success, #079458);
}

.goal-card-status-muted[b-2ds90tt9kj] {
    background: var(--barex-secondary-surface);
    color: var(--barex-text-secondary);
}

.goal-card-menu[b-2ds90tt9kj] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

    .goal-card-menu i[b-2ds90tt9kj] {
        color: var(--barex-text-primary);
        font-size: 16px;
    }

.goal-card-avatar[b-2ds90tt9kj] {
    height: 32px;
    width: 32px;
    background: var(--barex-primary-005);
    border-radius: 8px;
    color: var(--barex-primary);
}

    .goal-card-avatar i[b-2ds90tt9kj] {
        font-size: 20px;
    }

.goal-card-percent[b-2ds90tt9kj] {
    color: var(--barex-primary);
    font-size: 14px;
    font-weight: 700;
}

.goal-card-current[b-2ds90tt9kj] {
    color: var(--barex-primary);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
}

.goal-card-metric-meta[b-2ds90tt9kj] {
    color: #424242;
    display: block;
    font-size: 12px;
    line-height: 1.4;
}

.goal-card-target[b-2ds90tt9kj] {
    font-weight: 600;
}

.goal-card-gap-detail[b-2ds90tt9kj] {
    color: var(--barex-text-secondary);
    font-size: 10px;
}

.goal-card-gap-value[b-2ds90tt9kj] {
    font-size: 14px;
    font-weight: 600;
}

.goal-card-stats[b-2ds90tt9kj] {
    background: var(--barex-secondary-surface, #fafafa);
    border-radius: 12px;
    gap: 4px;
    padding: 8px 4px 6px;
}

.goal-card-stat-label[b-2ds90tt9kj] {
    color: var(--barex-text-secondary);
    font-size: 10px;
    margin-bottom: 2px;
}

.goal-card-stat-value[b-2ds90tt9kj] {
    color: #424242;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.goal-card-stat-unit[b-2ds90tt9kj] {
    color: #424242;
    font-size: 10px;
}
/* /Components/Pages/Growth/GrowthGoalFormPanel.razor.rz.scp.css */
@keyframes goalCreateFadeIn-b-milb8dkeqd { from { opacity: 0 } to { opacity: 1 } }
@keyframes goalCreateFadeOut-b-milb8dkeqd { from { opacity: 1 } to { opacity: 0 } }
@keyframes goalCreateSlideUp-b-milb8dkeqd { from { transform: translateY(100%) } to { transform: translateY(0) } }
@keyframes goalCreateSlideDown-b-milb8dkeqd { from { transform: translateY(0) } to { transform: translateY(100%) } }

.goal-create-backdrop[b-milb8dkeqd] { position: fixed; inset: 0; z-index: 1040; background: rgba(0,0,0,.45); animation: goalCreateFadeIn-b-milb8dkeqd .28s ease-out; }
.goal-create-backdrop.is-closing[b-milb8dkeqd] { animation: goalCreateFadeOut-b-milb8dkeqd .28s ease-in forwards; }
.goal-create-shell[b-milb8dkeqd] { position: fixed; z-index: 1050; background: var(--barex-surface); display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 0 35px rgba(0,0,0,.15); transition: top 1s ease-in-out, left 1s ease-in-out, right 1s ease-in-out, bottom 1s ease-in-out, width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out, border-radius 1s ease-in-out, transform 1s ease-in-out; }
.goal-create-shell.is-panel[b-milb8dkeqd] { top: 0; bottom: 0; left: 0; right: auto; width: 500px; height: 100vh; max-height: 100vh; border-radius: 0; transform: none; }
.goal-create-shell.is-dialog[b-milb8dkeqd] { top: 50%; left: 50%; right: auto; bottom: auto; width: min(900px, calc(100vw - 32px)); height: min(720px, calc(100vh - 32px)); max-height: min(720px, calc(100vh - 32px)); border-radius: 12px; transform: translate(-50%, -50%); }
.goal-create-shell.is-dialog.is-dialog-size-resize[b-milb8dkeqd] { top: 50%; left: 50%; right: auto; bottom: auto; border-radius: 12px; transform: translate(-50%, -50%); transition: width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out; }
.goal-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-milb8dkeqd] { width: min(900px, calc(100vw - 32px)); height: min(720px, calc(100vh - 32px)); max-height: min(720px, calc(100vh - 32px)); }
.goal-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-milb8dkeqd] { width: calc(100vw - 32px); height: calc(100vh - 32px); max-height: calc(100vh - 32px); }
.goal-create-shell.is-closing[b-milb8dkeqd] { animation: goalCreateSlideDown-b-milb8dkeqd .28s ease-in forwards; }
.goal-create-header[b-milb8dkeqd] { flex-shrink: 0; border-bottom: 1px solid var(--barex-divider); padding: 0 16px 0 23px; height: 56px; display: flex; align-items: center; }
.goal-create-header.is-dialog-header[b-milb8dkeqd] { height: 49px; }
.goal-create-body[b-milb8dkeqd] { flex: 1; overflow-x: hidden; overflow-y: auto; padding: 0; min-height: 0; }
.goal-create-footer[b-milb8dkeqd] { flex-shrink: 0; border-top: 1px solid var(--barex-divider); padding: 10px 16px; display: flex; gap: 16px; align-items: center; justify-content: space-between; }
.goal-btn-primary[b-milb8dkeqd] { border: 0; background: var(--barex-primary); color: var(--barex-onprimary); border-radius: 10px; padding: 6px 32px; font-size: 14px; min-height: 30px; }
.goal-btn-outline[b-milb8dkeqd] { border: 1px solid var(--barex-primary); background: var(--barex-surface); color: var(--barex-primary); border-radius: 10px; padding: 6px 32px; font-size: 14px; min-height: 30px; }
[b-milb8dkeqd] .goal-form section.border { border: 0 !important; border-bottom: 1px solid var(--barex-divider) !important; border-radius: 0 !important; padding: 16px 20px !important; margin: 0 !important; background: transparent; }
[b-milb8dkeqd] .goal-form section h2 { font-size: 14px; font-weight: 400; color: var(--barex-text-primary); }
.goal-btn-primary:disabled[b-milb8dkeqd], .goal-btn-outline:disabled[b-milb8dkeqd] { opacity: .55; }
[b-milb8dkeqd] .modal { z-index: 1070; }
[b-milb8dkeqd] .modal-backdrop { z-index: 1060; }

@media (max-width: 767.98px) {
    .goal-create-shell.is-panel[b-milb8dkeqd], .goal-create-shell.is-dialog[b-milb8dkeqd] { top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: auto; max-height: 90vh; border-radius: 16px 16px 0 0; transform: none; animation: goalCreateSlideUp-b-milb8dkeqd .28s ease-out; }
    .goal-create-shell.is-closing[b-milb8dkeqd] { animation: goalCreateSlideDown-b-milb8dkeqd .28s ease-in forwards; }
}

@media (prefers-reduced-motion: reduce) {
    .goal-create-shell[b-milb8dkeqd], .goal-create-backdrop[b-milb8dkeqd] { transition: none !important; animation: none !important; }
}
/* /Components/Pages/Growth/GrowthGoalTrackCell.razor.rz.scp.css */
.goal-track-cell[b-nmb1ro9j8h] { min-width: 10rem; }
.goal-track-cell-current[b-nmb1ro9j8h] { color: var(--barex-primary); font-size: 14px; font-weight: 700; }
.goal-track-cell-meta[b-nmb1ro9j8h] { color: #424242; font-size: 11px; margin-right: 4px; }
.goal-track-cell-pct[b-nmb1ro9j8h] { color: var(--barex-primary); font-size: 12px; font-weight: 700; flex-shrink: 0; }
.goal-track-cell-caption[b-nmb1ro9j8h] { color: var(--barex-text-secondary); font-size: 12px; }
/* /Components/Pages/Growth/GrowthProgressBar.razor.rz.scp.css */
.goal-progress[b-ah1wr9dd63] {
    width: 100%;
}

.goal-progress-top[b-ah1wr9dd63] {
    color: var(--barex-text-primary);
    font-size: 12px;
    line-height: 22px;
}

.goal-progress-of[b-ah1wr9dd63] {
    font-size: 10px;
}

.goal-progress-seg[b-ah1wr9dd63] {
    border-radius: 2px;
    height: 16px;
    width: 100%;
}

    .goal-progress-seg.is-empty.is-bad[b-ah1wr9dd63] {
        background: var(--barex-red-005);
    }

    .goal-progress-seg.is-fill.is-bad[b-ah1wr9dd63] {
        background: var(--barex-red);
    }

    .goal-progress-seg.is-empty.is-ok[b-ah1wr9dd63] {
        background: var(--barex-primary-005);
    }

    .goal-progress-seg.is-fill.is-ok[b-ah1wr9dd63] {
        background: var(--barex-primary);
}
/* /Components/Pages/Growth/GrowthTrackBar.razor.rz.scp.css */
.goal-track-bar-wrap[b-wguy445uyp] {
    align-items: center;
    display: flex;
    height: 20px;
    position: relative;
}

.goal-track-bar-wrap.is-detail[b-wguy445uyp] { height: 28px; }

.goal-track-bar-track[b-wguy445uyp] {
    background: var(--barex-secondary-surface, #fafafa);
    border-radius: 100px;
    flex: 1;
    height: 8px;
    overflow: hidden;
}

.goal-track-bar-fill[b-wguy445uyp] {
    background: var(--barex-primary);
    border-radius: 100px;
    height: 100%;
    margin-left: auto;
}

.goal-track-bar-mark[b-wguy445uyp] {
    background: #424242;
    height: 20px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
}

.is-detail .goal-track-bar-mark[b-wguy445uyp] { height: 28px; }
/* /Components/Pages/Growth/Index.razor.rz.scp.css */
.goal-letter[b-lxae1f1y9t] {
    background: var(--barex-primary);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 24px;
    width: 24px;
}

.goal-sub[b-lxae1f1y9t] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    line-height: 20px;
}

.goal-pace-current[b-lxae1f1y9t] { color: var(--barex-text-secondary); }

[b-lxae1f1y9t] .barex-status {
    height: 24px !important;
    gap: 6px!important;
}

.text-orange[b-lxae1f1y9t] {
    color: #D9670B;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
/* /Components/Pages/Marketing/Banners/BannerForm.razor.rz.scp.css */
.banner-hint[b-xolp4vdkfl] { color: var(--barex-text-secondary); font-size: 13px; line-height: 1.8; margin: 0; }
.banner-hint strong[b-xolp4vdkfl] { color: var(--barex-text-primary); font-weight: 600; }
[b-xolp4vdkfl] .banner-date-field .persian-datepicker-wrapper { width: 100%; }

/* جایگاه انتخاب‌شده کنار بخش تصویر تکرار می‌شود تا ابعاد درست انتخاب شود. */
.banner-image-context[b-xolp4vdkfl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}
.banner-image-context-chip[b-xolp4vdkfl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    color: var(--barex-primary);
    background: var(--barex-primary-005);
    border: 1px solid color-mix(in srgb, var(--barex-primary) 30%, transparent);
}
.banner-image-context-size[b-xolp4vdkfl] { font-size: 13px; color: var(--barex-text-secondary); }

.banner-theme-grid[b-xolp4vdkfl] {
    display: grid;
    /* در پنل باریک زیر هم و در حالت دیالوگ/بزرگ کنار هم */
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}
/* /Components/Pages/Marketing/Banners/BannerPlacementPicker.razor.rz.scp.css */
.banner-placement-picker[b-q746tnr6xf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}


.banner-placement-card[b-q746tnr6xf] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 14px 10px 12px;
    text-align: center;
    background: var(--barex-surface);
    color: var(--barex-text-primary);
    border: 1.5px solid var(--barex-divider);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.banner-placement-card:hover:not(:disabled)[b-q746tnr6xf] { border-color: color-mix(in srgb, var(--barex-primary) 45%, var(--barex-divider)); }
.banner-placement-card:focus-visible[b-q746tnr6xf] { outline: 2px solid var(--barex-primary); outline-offset: 2px; }
.banner-placement-card:disabled[b-q746tnr6xf] { cursor: not-allowed; opacity: .6; }

.banner-placement-card.is-selected[b-q746tnr6xf],
.banner-placement-card.is-selected:hover:not(:disabled)[b-q746tnr6xf] {
    border-color: var(--barex-primary);
    border-width: 2px;
    padding: 13.5px 9.5px 11.5px;
    background: var(--barex-primary-005);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--barex-primary) 12%, transparent);
}

.banner-placement-check[b-q746tnr6xf] {
    position: absolute;
    top: 8px;
    inset-inline-end: 8px;
    font-size: 20px;
    line-height: 1;
    color: var(--barex-divider);
}
.is-selected .banner-placement-check[b-q746tnr6xf] { color: var(--barex-primary); }

.banner-placement-text[b-q746tnr6xf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
}
.banner-placement-title[b-q746tnr6xf] { font-weight: 600; font-size: 15px; }
.is-selected .banner-placement-title[b-q746tnr6xf] { color: var(--barex-primary); }
.banner-placement-desc[b-q746tnr6xf] { font-size: 12.5px; line-height: 1.7; color: var(--barex-text-secondary); }
.banner-placement-size[b-q746tnr6xf] {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--barex-text-secondary);
}

/* طرح کوچک گوشی: بلوک پررنگ = جای همین بنر */
.banner-placement-phone[b-q746tnr6xf] {
    width: 60px;
    height: 108px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 5px 5px;
    border: 1.5px solid var(--barex-divider);
    border-radius: 10px;
    background: var(--barex-secondary-surface);
}
.phone-banner[b-q746tnr6xf] {
    display: block;
    height: 14px;
    border-radius: 3px;
    background: var(--barex-divider);
}
.phone-tiles[b-q746tnr6xf] { display: flex; gap: 3px; }
.phone-tiles > span[b-q746tnr6xf] { flex: 1; height: 13px; border-radius: 3px; background: var(--barex-divider); opacity: .7; }
.phone-tiles.is-small > span[b-q746tnr6xf] { height: 9px; }
.phone-section-title[b-q746tnr6xf] { display: block; width: 50%; height: 3px; border-radius: 2px; background: var(--barex-divider); }
.phone-nav[b-q746tnr6xf] { margin-top: auto; display: block; height: 6px; border-radius: 2px; background: var(--barex-divider); opacity: .7; }

.banner-placement-phone.is-top .phone-banner-top[b-q746tnr6xf],
.banner-placement-phone.is-bottom .phone-banner-bottom[b-q746tnr6xf] { background: var(--barex-text-secondary); }

.is-selected .banner-placement-phone[b-q746tnr6xf] { border-color: color-mix(in srgb, var(--barex-primary) 40%, var(--barex-divider)); }
.is-selected .banner-placement-phone.is-top .phone-banner-top[b-q746tnr6xf],
.is-selected .banner-placement-phone.is-bottom .phone-banner-bottom[b-q746tnr6xf] { background: var(--barex-primary); }
/* /Components/Pages/Marketing/Banners/BannerThemeImagePicker.razor.rz.scp.css */
.banner-theme-picker[b-j0toi8qd3w] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.banner-hint[b-j0toi8qd3w] { color: var(--barex-text-secondary); font-size: 13px; line-height: 1.8; margin: 0; }

.banner-theme-head[b-j0toi8qd3w] { display: flex; align-items: center; gap: 8px; }
.banner-theme-icon[b-j0toi8qd3w] {
    flex: 0 0 32px;
    height: 32px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.is-light .banner-theme-icon[b-j0toi8qd3w] { background: #fff4d6; color: #c98a00; }
.is-dark .banner-theme-icon[b-j0toi8qd3w] { background: #1f2330; color: #a9b8ff; }
.banner-theme-titles[b-j0toi8qd3w] { display: flex; flex-direction: column; line-height: 1.4; }
.banner-theme-label[b-j0toi8qd3w] { font-weight: 600; font-size: 14px; color: var(--barex-text-primary); }
.banner-theme-sub[b-j0toi8qd3w] { font-size: 12px; color: var(--barex-text-secondary); }

/* پس‌زمینهٔ پیش‌نمایش رنگ صفحهٔ اصلی اپ در همان تم است، مستقل از تم پنل. */
.banner-theme-frame[b-j0toi8qd3w] {
    display: block;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1.5px dashed var(--barex-border, rgba(0, 0, 0, 0.18));
    padding: 8px;
    cursor: pointer;
    transition: border-color .15s ease;
}
.banner-theme-frame:hover[b-j0toi8qd3w] { border-color: var(--barex-primary); }
.banner-theme-frame.is-disabled[b-j0toi8qd3w] { cursor: not-allowed; opacity: .7; }
.banner-theme-canvas[b-j0toi8qd3w] {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
}
.banner-file-slot[b-j0toi8qd3w] { position: relative; width: 0; height: 0; overflow: hidden; }
.is-light .banner-theme-frame[b-j0toi8qd3w] { background: #f5f6f8; color: #5f6672; }
.is-dark .banner-theme-frame[b-j0toi8qd3w] { background: #16181d; color: #a9b0bc; border-color: #3a3f4b; }

.banner-theme-img[b-j0toi8qd3w] { width: 100%; height: 100%; min-width: 0; min-height: 0; max-height: 100%; object-fit: contain; border-radius: 8px; display: block; }

.banner-theme-empty[b-j0toi8qd3w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    padding: 0 12px;
}

.banner-theme-actions[b-j0toi8qd3w] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.banner-theme-choose[b-j0toi8qd3w] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--barex-primary);
    background: var(--barex-primary-005);
    border: 1px solid color-mix(in srgb, var(--barex-primary) 35%, transparent);
    cursor: pointer;
}
.banner-theme-choose:hover[b-j0toi8qd3w] { background: color-mix(in srgb, var(--barex-primary) 10%, transparent); }
.banner-theme-choose.is-disabled[b-j0toi8qd3w] { cursor: not-allowed; opacity: .6; }
.banner-theme-file[b-j0toi8qd3w] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12.5px;
    color: var(--barex-text-secondary);
}
/* /Components/Pages/NotificationBatches/Create.razor.rz.scp.css */
/* CSS for Create component */
/* /Components/Pages/NotificationBatches/Detail.razor.rz.scp.css */
/* CSS for Detail component */
.notification-info[b-kt5angaeah] {
    padding: 20px;
    gap: 24px;
    border-bottom: 1px solid var(--barex-divider);
}

.nb-bell[b-kt5angaeah] {
    border-radius: 16px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
}

    .nb-bell i[b-kt5angaeah] {
        font-size: 42px;
        color: var(--barex-primary);
    }

.nb-title[b-kt5angaeah] {
    color: var(--barex-text-primary);
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
}

.notification-content[b-kt5angaeah] {
    padding: 16px;
    border-bottom: 1px solid var(--barex-divider);
}

    .notification-content .nb-title[b-kt5angaeah] {
        color: var(--barex-text-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: normal;
    }

    .notification-content .nb-text[b-kt5angaeah] {
        color: var(--barex-text-primary);
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

.notification-detail[b-kt5angaeah] {
    border-bottom: 1px solid var(--barex-divider);
}

[b-kt5angaeah] .barex-item-label {
    width: 140px !important;
}

    [b-kt5angaeah] .barex-item-label p {
        font-size: 10px !important;
    }

.notification-timeline[b-kt5angaeah] {
    border-bottom: 1px solid var(--barex-divider);
}

.notification-show[b-kt5angaeah] {
    width: 0;
    overflow: hidden;
    flex-shrink: 0;
    border-right: 1px solid var(--barex-divider);
    transition: width .45s cubic-bezier(.22, 1, .36, 1);
}

.notification-show.is-open[b-kt5angaeah] { width: 310px; }

.notification-show-inner[b-kt5angaeah] { width: 310px; height: 100%; }

.notification-main[b-kt5angaeah] { min-width: 0; flex-grow: 1; }

.notification-show-title[b-kt5angaeah] {
    border-bottom: 1px solid var(--barex-divider);
    padding: 16px;
}

.notification-show-controls[b-kt5angaeah] {
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-scondary);
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
}

[b-kt5angaeah] .expansion-header span {
    color: var(--barex-text-primary);
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
}

[b-kt5angaeah] .barex-table-wrapper, [b-kt5angaeah] .barex-table-card {
    height: max-content !important;
}

[b-kt5angaeah] .barex-empty {
    position: initial !important;
    transform: none !important;
    margin: 0 auto;
}

[b-kt5angaeah] .barex-table-summary, [b-kt5angaeah] .barex-page-size{
    display: none!important;
}

.nb-bell[b-kt5angaeah] {
    width: 3.75rem;
    height: 3.75rem;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
}

.nb-body[b-kt5angaeah] {
    white-space: pre-wrap;
    line-height: 1.7;
}

.notification-status[b-kt5angaeah] {
    border-radius: 16px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-surface);
    bottom: 16px;
    height: 60px;
    margin: 0 16px;
    margin-bottom: 16px;
}

    .notification-status p[b-kt5angaeah] {
        color: var(--barex-primary);
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
    }

.notification-status.send[b-kt5angaeah] {
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
}

.nb-mobile-entry[b-kt5angaeah] {
    height: 46px;
    padding: 0 8px 0 12px;
    border-radius: 12px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
}

.nb-mobile-entry-icon[b-kt5angaeah] {
    width: 30px;
    height: 30px;
    border-radius: 12px;
    background: var(--barex-surface);
    align-items: center;
    justify-content: center;
}

    .nb-mobile-entry-icon i[b-kt5angaeah] { color: var(--barex-primary); }

    .nb-mobile-entry img[b-kt5angaeah] { transform: rotate(90deg); }

@media only screen and (min-width: 990px) {
    .notification-sidebar[b-kt5angaeah] {
        height: calc(100vh - var(--barex-topbar-height)) !important;
        position: sticky;
        top: var(--barex-topbar-height);
        border-left: 1px solid var(--barex-divider);
        width: 323px;
    }

    .notification-show[b-kt5angaeah] {
        height: calc(100vh - var(--barex-topbar-height)) !important;
        position: sticky;
        top: var(--barex-topbar-height);
    }

    .notification-body[b-kt5angaeah] {
        width: calc(100% - 323px);
    }

    .notification-status[b-kt5angaeah] {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
        width: 499px;
        margin: 0;
    }
}

.nb-modals[b-kt5angaeah]  .modal-content {
    border-radius: 16px;
}

.nb-modals[b-kt5angaeah]  .modal-header {
    padding: 16px 12px;
    display: flex;
    justify-content: space-between;
}

.nb-modals[b-kt5angaeah]  .btn-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    padding: 0;
    margin: 0;
}

.nb-modals[b-kt5angaeah]  .modal-footer {
    padding: 10px;
}

.nb-modals[b-kt5angaeah]  .modal-title {
    color: var(--barex-text-primary);
    font-size: 16px;
    font-weight: 400;
}

.nb-modals[b-kt5angaeah]  .modal-body {
    padding: 16px;
}

.nb-modals[b-kt5angaeah]  .form-label {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400 !important;
}

.nb-modals[b-kt5angaeah]  .form-control {
    border-radius: 5px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

.nb-modals[b-kt5angaeah]  .modal-backdrop {
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(1.5px);
    --barex-backdrop-opacity: 1;
}

.nb-modals .user-info p[b-kt5angaeah] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
}

.nb-modals .user-info small[b-kt5angaeah] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
}
/* /Components/Pages/NotificationBatches/List.razor.rz.scp.css */
[b-dj1wy7x0nl] .creator-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

[b-dj1wy7x0nl] .creator-avatar-default {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f3f5;
    color: #495057;
    font-weight: 600;
    background: var(--barex-primary);
    border: 1px solid var(--barex-divider);
    color: white;
    font-size: 10px;
}
/* /Components/Pages/NotificationBatches/NotificationBatchForm.razor.rz.scp.css */
.notification-content[b-9w03yzx138] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--barex-divider);
}

    .notification-content .nb-title[b-9w03yzx138] {
        color: var(--barex-text-secondary);
        font-size: 10px;
        font-weight: 400;
    }

    .notification-content .nb-text[b-9w03yzx138] {
        color: var(--barex-text-primary);
        font-size: 14px;
    }

    .notification-content h6[b-9w03yzx138] {
        color: var(--barex-text-primary);
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

.notification-batch-form .persian-datepicker-wrapper[b-9w03yzx138] {
    width: 100%;
    min-width: 0;
}

.explicit-selected-preview[b-9w03yzx138] {
    max-height: 12rem;
    overflow: auto;
}

.audience-option[b-9w03yzx138] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 92px;
    padding: 16px 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

    .audience-option .form-check-input[b-9w03yzx138] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.audience-check[b-9w03yzx138] {
    display: none;
    position: absolute;
    top: 8px;
    left: 8px;
    color: var(--barex-primary);
    font-size: 20px;
}

.audience-option:has(.form-check-input:checked)[b-9w03yzx138] {
    border-color: var(--barex-primary);
    background: #fff;
}

    .audience-option:has(.form-check-input:checked) .audience-check[b-9w03yzx138] {
        display: block;
    }

.audience-option-disabled[b-9w03yzx138] {
    opacity: .55;
    pointer-events: none;
}

.nb-review-icon[b-9w03yzx138] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: var(--ex-primary-light, rgba(89, 74, 226, .1));
    color: var(--barex-primary);
    font-size: 28px;
}

.nb-review-row[b-9w03yzx138] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
}

    .nb-review-row > i[b-9w03yzx138] {
        color: var(--barex-text-secondary);
        font-size: 18px;
    }

.nb-review-value[b-9w03yzx138] {
    margin-inline-start: auto;
    color: var(--barex-text-primary);
}

[b-9w03yzx138] .form-label {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
}

.form-control[b-9w03yzx138] {
    border-radius: 8px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
    min-height: 42px;
    height: auto;
}

[b-9w03yzx138] .cargo-segment {
    width: 100%;
}

[b-9w03yzx138] .nb-date-field .input-group {
    width: 100%;
    flex-wrap: nowrap;
}

    [b-9w03yzx138] .nb-date-field .input-group .btn {
        display: none;
    }

[b-9w03yzx138] .nb-date-field .form-control {
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: right;
    height: 22px;
    min-height: 0;
    padding: 0;
}

[b-9w03yzx138] .cargo-field-box .persian-datepicker-wrapper {
    width: 100%;
}

[b-9w03yzx138] .cargo-segment {
    width: auto !important;
    height: 32px !important;
}

[b-9w03yzx138] .cargo-segment-btn {
    border-radius: 8px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    width: 66px;
    height: 24px !important;
    min-height: 24px !important;
}

[b-9w03yzx138] .cargo-segment-btn.active{
    color: var(--barex-primary)!important;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

[b-9w03yzx138] .barex-item-label, [b-9w03yzx138] .barex-item-label p {
    width: 110px !important;
    font-size: 10px !important;
}
/* /Components/Pages/NotificationBatches/NotificationBatchFormPanel.razor.rz.scp.css */
@keyframes nbCreateFadeIn-b-7nmg8xgdug {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes nbCreateFadeOut-b-7nmg8xgdug {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes nbCreateSlideUp-b-7nmg8xgdug {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes nbCreateSlideDown-b-7nmg8xgdug {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@media (prefers-reduced-motion:reduce) {
    .nb-create-shell[b-7nmg8xgdug], .nb-create-backdrop[b-7nmg8xgdug] {
        transition: none !important;
        animation: none !important
    }
}

.nb-create-backdrop[b-7nmg8xgdug] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(0,0,0,.45);
    animation: nbCreateFadeIn-b-7nmg8xgdug .28s ease-out
}

    .nb-create-backdrop.is-closing[b-7nmg8xgdug] {
        animation: nbCreateFadeOut-b-7nmg8xgdug .28s ease-in forwards
    }

.nb-create-shell[b-7nmg8xgdug] {
    position: fixed;
    z-index: 1050;
    background: var(--barex-surface);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(0,0,0,.15);
    transition: top 1s ease-in-out,left 1s ease-in-out,right 1s ease-in-out,bottom 1s ease-in-out,width 1s ease-in-out,height 1s ease-in-out,max-height 1s ease-in-out,border-radius 1s ease-in-out,transform 1s ease-in-out
}

    .nb-create-shell.is-panel[b-7nmg8xgdug] {
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        width: 500px;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
        transform: none
    }

    .nb-create-shell.is-dialog[b-7nmg8xgdug] {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        width: min(900px,calc(100vw - 32px));
        height: min(720px,calc(100vh - 32px));
        max-height: min(720px,calc(100vh - 32px));
        border-radius: 12px;
        transform: translate(-50%,-50%)
    }

        .nb-create-shell.is-dialog.is-dialog-size-resize[b-7nmg8xgdug] {
            top: 50%;
            left: 50%;
            right: auto;
            bottom: auto;
            border-radius: 12px;
            transform: translate(-50%,-50%);
            transition: width 1s ease-in-out,height 1s ease-in-out,max-height 1s ease-in-out
        }

            .nb-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-7nmg8xgdug] {
                width: min(900px,calc(100vw - 32px));
                height: min(720px,calc(100vh - 32px));
                max-height: min(720px,calc(100vh - 32px))
            }

            .nb-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-7nmg8xgdug] {
                width: calc(100vw - 32px);
                height: calc(100vh - 32px);
                max-height: calc(100vh - 32px)
            }

    .nb-create-shell.is-closing[b-7nmg8xgdug] {
        animation: nbCreateSlideDown-b-7nmg8xgdug .28s ease-in forwards
    }

.nb-create-header[b-7nmg8xgdug] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--barex-divider);
    padding: 0 16px 0 23px;
    height: 56px;
    display: flex;
    align-items: center
}

    .nb-create-header.is-dialog-header[b-7nmg8xgdug] {
        height: 49px
    }

.nb-create-body[b-7nmg8xgdug] {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    min-height: 0
}

.nb-create-footer[b-7nmg8xgdug] {
    flex-shrink: 0;
    border-top: 1px solid var(--barex-divider);
    padding: 10px 16px;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

.nb-btn-primary[b-7nmg8xgdug] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px
}

.nb-btn-outline[b-7nmg8xgdug] {
    border: 1px solid var(--barex-primary);
    background: var(--barex-surface);
    color: var(--barex-primary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px
}

.notification-labels[b-7nmg8xgdug] {
    border-top: 1px solid var(--barex-divider);
    border-bottom: 1px solid var(--barex-divider);
    padding: 20px 16px;
}

.nb-create-step[b-7nmg8xgdug] {
    border-radius: 8px;
    border: 1px solid var(--ex-divider, #E3E3E3);
    height: 28px;
    padding: 0 8px;
    background: var(--barex-surface);
    color: #000;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

    .nb-create-step.is-current[b-7nmg8xgdug] {
        background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
        border-color: var(--ex-primary, #594AE2);
        color: #000;
    }

    .nb-create-step.is-done[b-7nmg8xgdug] {
        border-radius: 8px;
        border: 1px solid var(--ex-primary, #594AE2);
        background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
        color: var(--barex-primary, #594AE2);
    }

        .nb-create-step.is-done i[b-7nmg8xgdug] {
            font-size: 20px;
        }

.notification-step[b-7nmg8xgdug] {
    padding: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--barex-divider);
}

@media (max-width:767.98px) {
    .nb-create-shell.is-panel[b-7nmg8xgdug], .nb-create-shell.is-dialog[b-7nmg8xgdug] {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        max-height: 90vh;
        border-radius: 16px 16px 0 0;
        transform: none;
        animation: nbCreateSlideUp-b-7nmg8xgdug .28s ease-out
    }

    .nb-create-shell.is-closing[b-7nmg8xgdug] {
        animation: nbCreateSlideDown-b-7nmg8xgdug .28s ease-in forwards
    }
}
/* /Components/Pages/NotificationBatches/NotificationBatchPreview.razor.rz.scp.css */
.nb-android[b-yog6fm3w34] {
    width: 100%;
    min-height: 22rem;
    padding: 8px;
    overflow: hidden;
    background: #111;
    border-radius: 22px;
}

    .nb-android.is-half[b-yog6fm3w34] {
        height: 50%;
        min-height: 0;
    }

.nb-android-screen[b-yog6fm3w34] {
    background: linear-gradient(160deg, #3b2d6b, #1e4d7a 50%, #16324d);
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

.nb-android-status[b-yog6fm3w34] {
    color: #fff;
    font-size: 11px;
}

.nb-hole[b-yog6fm3w34] {
    width: 9px;
    height: 9px;
    background: #0a0a0a;
    border-radius: 50%;
}

.nb-app-tile[b-yog6fm3w34] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    object-fit: contain;
}

.nb-search[b-yog6fm3w34] {
    background: rgba(255, 255, 255, .2);
    border-radius: 12px;
}

.nb-heads[b-yog6fm3w34] {
    position: absolute;
    top: 1.9rem;
    right: .4rem;
    left: .4rem;
    background: #fff;
    border-radius: 16px;
    color: #111;
    cursor: pointer;
    z-index: 3;
    -webkit-tap-highlight-color: transparent;
}

    .nb-heads.is-animate[b-yog6fm3w34] {
        transform: translateY(-12px);
        opacity: 0;
        animation: nb-drop-b-yog6fm3w34 .4s .2s ease forwards;
    }

@keyframes nb-drop-b-yog6fm3w34 {
    to {
        transform: none;
        opacity: 1;
    }
}

.nb-heads-avatar[b-yog6fm3w34] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: contain;
    background: #fff;
}

.nb-heads-title[b-yog6fm3w34] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
    font-size: 11px;
}

.nb-heads-app[b-yog6fm3w34], .nb-heads-time[b-yog6fm3w34] {
    color: #000;
    font-size: 10px;
}

.nb-heads-time[b-yog6fm3w34], .nb-heads-arrow[b-yog6fm3w34] {
    flex-shrink: 0;
}

.nb-heads-body[b-yog6fm3w34] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
    color: #444;
    font-size: 11px;
}

.nb-heads.is-open .nb-heads-body[b-yog6fm3w34] {
    -webkit-line-clamp: unset;
    display: block;
    max-height: 6rem;
    overflow: auto;
}

.nb-heads.is-open .nb-heads-arrow[b-yog6fm3w34] {
    transform: rotate(180deg);
}

.nb-preview-image[b-yog6fm3w34] {
    width: 100%;
    max-height: 5rem;
    object-fit: cover;
    border-radius: 8px;
}

@media only screen and (max-width: 990px) {
    .nb-android[b-yog6fm3w34] {
        height: 70%;
        width: 300px;
        margin: 0 auto;
    }
}
/* /Components/Pages/NotificationBatches/NotificationBatchWorkflowStepper.razor.rz.scp.css */
/* CSS for NotificationBatchWorkflowStepper component */
.step-title[b-hgu8le76cy] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.start-date[b-hgu8le76cy] {
    color: var(--barex-text-secondary);
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
}

.step-actor-name[b-hgu8le76cy] {
    height: 24px;
    border-radius: 8px;
    border: 1px solid var(--barex-divider);
    padding: 0 2px;
    display: flex;
    align-items: center;
    gap: 3px;
    color: var(--barex-text-secondary);
    text-align: right;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
}

.step-actor[b-hgu8le76cy] {
    gap: 4px;
}

.step-actor-label[b-hgu8le76cy] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.nb-step-icon[b-hgu8le76cy] {
    width: 32px;
    height: 32px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    background: #ececec;
    color: #9a9a9a;
}

.nb-step-done .nb-step-icon[b-hgu8le76cy] {
    background: var(--barex-primary, #594ae2);
    color: #fff;
}

.nb-step-rail[b-hgu8le76cy] {
    width: 1.5rem;
    position: relative;
}

    .nb-step-rail[b-hgu8le76cy]::after {
        content: "";
        position: absolute;
        top: 32px;
        width: 2px;
        background: #ececec;
        height: calc( 100% + 32px );
    }

.nb-step-done .nb-step-rail[b-hgu8le76cy]::after {
    background: var(--barex-primary, #594ae2);
}

.nb-stepper > :last-child .nb-step-rail[b-hgu8le76cy]::after {
    display: none;
}
/* /Components/Pages/Referrals/Detail.razor.rz.scp.css */
.pair-circle[b-thxrxaf651] {
    width: 72px;
    height: 72px;
    background: rgba(89, 74, 226, .08);
    color: var(--barex-primary);
    font-size: 22px;
}

.pair-line[b-thxrxaf651] {
    width: 120px;
    margin-top: 35px;
    border-top: 2px dotted var(--barex-divider);
}

.pair-name[b-thxrxaf651] {
    max-width: 9rem;
}

.section-title[b-thxrxaf651] {
    font-size: 22px;
    font-weight: 500;
}

.referral-main[b-thxrxaf651] {
    min-height: calc(100vh - 5.5rem);
}

.decision-bar[b-thxrxaf651] {
    height: 60px;
    width: min(40rem, calc(100% - 3rem));
    margin: auto auto 32px;
    border-radius: 16px;
    border: 1px solid var(--barex-divider);
    background: rgba(89, 74, 226, .05);
    align-self: center;
    position: sticky;
    bottom: 32px;
    z-index: 2;
}

    .decision-bar p[b-thxrxaf651] {
        color: var(--barex-primary);
        font-size: 18px;
    }
/* /Components/Pages/Referrals/ReferralTreeNode.razor.rz.scp.css */
.tree-children[b-hsyuztb5u6] {
    padding-top: 4px;
    padding-inline-start: 24px;
}
/* /Components/Pages/Referrals/UserProfile.razor.rz.scp.css */
.invitor-title[b-w020kwec0g] {
    font-size: 22px;
    font-weight: 500;
}

.gold-card[b-w020kwec0g] {
    border: 1px solid #f2f2f2;
    border-radius: 16px;
    background: linear-gradient(270deg, rgba(255, 243, 214, .85) 0%, transparent 52%);
}

.gold-title[b-w020kwec0g] {
    font-size: 18px;
    font-weight: 400;
    color: #1a1b1e;
}

.gold-meta[b-w020kwec0g] {
    font-size: 12px;
    color: #757575;
}

.gold-count[b-w020kwec0g] {
    color: #034ea2;
    font-size: 20px;
    font-weight: 600;
}

.gold-hint[b-w020kwec0g] {
    color: #034ea2;
    font-size: 16px;
}

.gold-coin[b-w020kwec0g] {
    width: 38px;
    height: 38px;
    object-fit: contain;
    flex-shrink: 0;
}

.gold-line[b-w020kwec0g] {
    flex: 1;
    height: 0;
/*    margin-inline: 8px;*/
    border-top: 2px dashed #d5d5d5;
}

    .gold-line.is-done[b-w020kwec0g] {
        height: 2px;
        border: 0;
        background: #034ea2;
    }

.wallet-profile[b-w020kwec0g]{
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    margin-top: 16px;
}

.wallet-body[b-w020kwec0g] {
    border-bottom: 1px solid var(--barex-divider);
}

.wallet-footer[b-w020kwec0g]{
    
}
/* /Components/Pages/Roles/Detail.razor.rz.scp.css */
.role-detail[b-nz48odi6zk] {
    width: 323px;
}
.role-detail-avatar-lg[b-nz48odi6zk] {
    width: 79px;
    height: 79px;
}
.role-detail-profile[b-nz48odi6zk], .role-detail-info[b-nz48odi6zk] {
    padding: 20px;
    border-bottom: 1px solid var(--barex-divider);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.role-detail-avatar-sm[b-nz48odi6zk] {
    width: 42px;
    height: 42px;
    font-size: 16px;
}
.role-detail-meta[b-nz48odi6zk]{
    gap: 8px;
    width: 110px;
}
.role-detail-count[b-nz48odi6zk] {
    height: 22px;
    font-size: 12px;
    background: var(--barex-primary-light, rgba(89, 74, 226, 0.05));
    color: var(--barex-primary);
    padding: 0 11px;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
}
.role-detail-meta-label[b-nz48odi6zk] { font-size: 10px; color: var(--barex-text-secondary); }
.role-detail-meta-value[b-nz48odi6zk], .roleb-detail-perm-title[b-nz48odi6zk] { font-size: 14px; color: var(--barex-text-primary); }
.role-detail-section-title[b-nz48odi6zk], .role-detail-display-name[b-nz48odi6zk] { font-size: 22px; color: var(--barex-text-primary); line-height: 34px; }
.role-detail-perm[b-nz48odi6zk]{
    border-bottom: 1px solid var(--barex-divider);
}
    .role-detail-perm:last-of-type[b-nz48odi6zk]{
        border-bottom: 0;
    }
    .role-detail-perm-title[b-nz48odi6zk] {
        font-size: 16px;
        line-height: 25px;
        color: var(--barex-text-primary);
    }
.role-detail-perm-des[b-nz48odi6zk] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
}
.role-detail-perm-desc[b-nz48odi6zk], .role-detail-role-name[b-nz48odi6zk], .role-detail-back-text[b-nz48odi6zk], .role-detail-group-count[b-nz48odi6zk] {
    font-size: 12px;
    color: var(--barex-text-secondary);
}
.role-detail-group-title[b-nz48odi6zk] { font-size: 18px; color: var(--barex-text-primary); }
.role-detail-card[b-nz48odi6zk] { border: 1px solid var(--barex-divider); border-radius: 16px; background: var(--barex-surface); padding: 0 13px; }
.role-detail-meta-icon[b-nz48odi6zk] { font-size: 20px; color: var(--barex-text-secondary); }
.role-detail-role-icon[b-nz48odi6zk] { font-size: 38px; color: var(--barex-secondary); }
.role-detail-accordion[b-nz48odi6zk] { background: var(--barex-surface); color: var(--barex-text-primary); }
.role-detail-managerial[b-nz48odi6zk] { font-size: 10px; height: 14px; padding: 0 8px; align-items: center; line-height: normal; display: flex;}
.role-detail-divider[b-nz48odi6zk] { border-color: var(--barex-divider); opacity: 1; }
[b-nz48odi6zk] .expansion-body.expanded .expansion-content {
    padding: 4px 12px !important;
}
.role-detail-perm[b-nz48odi6zk]{
    padding: 12px 0;
}
[b-nz48odi6zk] .expansion-header {
    padding: 14px 20px !important; 
    font-size: 18px!important;
}
.top-height[b-nz48odi6zk] {
    top: var(--barex-topbar-height);
}

@media only screen and (min-width: 990px) {
    .role-detail[b-nz48odi6zk] {
        /*        height: 100%;*/
        /*        border-left: 1px solid var(--barex-divider);*/
        height: calc(100vh - var(--barex-topbar-height));
    }
    .sidebar-border[b-nz48odi6zk] {
        border-left: 1px solid var(--barex-divider);
    }
}

@media only screen and (max-width: 990px) {
    .role-detail[b-nz48odi6zk] {
        width: 100%;
    }
}
/* /Components/Pages/Roles/RoleForm.razor.rz.scp.css */
.role-create-form[b-4gnzin0ifd] { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.role-create-form.is-panel .role-create-section[b-4gnzin0ifd] { padding-inline: 20px; }
.role-create-form.is-dialog .role-create-section[b-4gnzin0ifd] { padding-inline: 16px; }
.role-name-hint[b-4gnzin0ifd] { color: var(--barex-text-secondary); }
/* /Components/Pages/Roles/RoleFormPanel.razor.rz.scp.css */
@keyframes roleCreateFadeIn-b-az2crf0wed{from{opacity:0}to{opacity:1}}@keyframes roleCreateFadeOut-b-az2crf0wed{from{opacity:1}to{opacity:0}}@keyframes roleCreateSlideUp-b-az2crf0wed{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes roleCreateSlideDown-b-az2crf0wed{from{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.role-create-shell[b-az2crf0wed],.role-create-backdrop[b-az2crf0wed]{transition:none!important;animation:none!important}}
.role-create-backdrop[b-az2crf0wed]{position:fixed;inset:0;z-index:1040;background:rgba(0,0,0,.45);animation:roleCreateFadeIn-b-az2crf0wed .28s ease-out}.role-create-backdrop.is-closing[b-az2crf0wed]{animation:roleCreateFadeOut-b-az2crf0wed .28s ease-in forwards}
.role-create-shell[b-az2crf0wed]{position:fixed;z-index:1050;background:var(--barex-surface);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 35px rgba(0,0,0,.15);transition:top 1s ease-in-out,left 1s ease-in-out,right 1s ease-in-out,bottom 1s ease-in-out,width 1s ease-in-out,height 1s ease-in-out,max-height 1s ease-in-out,border-radius 1s ease-in-out,transform 1s ease-in-out}
.role-create-shell.is-panel[b-az2crf0wed]{top:0;bottom:0;left:0;right:auto;width:500px;height:100vh;max-height:100vh;border-radius:0;transform:none}
.role-create-shell.is-dialog[b-az2crf0wed]{top:50%;left:50%;right:auto;bottom:auto;width:min(640px,calc(100vw - 32px));height:min(520px,calc(100vh - 32px));max-height:min(520px,calc(100vh - 32px));border-radius:12px;transform:translate(-50%,-50%)}
.role-create-shell.is-dialog.is-dialog-size-resize[b-az2crf0wed]{top:50%;left:50%;right:auto;bottom:auto;border-radius:12px;transform:translate(-50%,-50%);transition:width 1s ease-in-out,height 1s ease-in-out,max-height 1s ease-in-out}
.role-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-az2crf0wed]{width:min(640px,calc(100vw - 32px));height:min(520px,calc(100vh - 32px));max-height:min(520px,calc(100vh - 32px))}
.role-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-az2crf0wed]{width:calc(100vw - 32px);height:calc(100vh - 32px);max-height:calc(100vh - 32px)}
.role-create-shell.is-closing[b-az2crf0wed]{animation:roleCreateSlideDown-b-az2crf0wed .28s ease-in forwards}
.role-create-header[b-az2crf0wed]{flex-shrink:0;border-bottom:1px solid var(--barex-divider);padding:0 16px 0 23px;height:56px;display:flex;align-items:center}.role-create-header.is-dialog-header[b-az2crf0wed]{height:49px}
.role-create-body[b-az2crf0wed]{flex:1;overflow-x:hidden;overflow-y:auto;padding:16px 0;-webkit-overflow-scrolling:touch;min-height:0}
.role-create-footer[b-az2crf0wed]{flex-shrink:0;border-top:1px solid var(--barex-divider);padding:16px;display:flex;gap:16px;align-items:center}
.role-btn-primary[b-az2crf0wed]{border:0;background:var(--barex-primary);color:var(--barex-onprimary);border-radius:10px;padding:6px 32px;font-size:14px;min-height:30px}
.role-btn-outline[b-az2crf0wed]{border:1px solid var(--barex-primary);background:var(--barex-surface);color:var(--barex-primary);border-radius:10px;padding:6px 32px;font-size:14px;min-height:30px}
@media (max-width:767.98px){.role-create-shell.is-panel[b-az2crf0wed],.role-create-shell.is-dialog[b-az2crf0wed]{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;max-height:90vh;border-radius:16px 16px 0 0;transform:none;animation:roleCreateSlideUp-b-az2crf0wed .28s ease-out}.role-create-shell.is-closing[b-az2crf0wed]{animation:roleCreateSlideDown-b-az2crf0wed .28s ease-in forwards}}
/* /Components/Pages/Roles/RoleUserAssignForm.razor.rz.scp.css */
.role-user-assign-form[b-3u1thq098t] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.role-user-assign-section[b-3u1thq098t] { padding-inline: 16px; }
.role-user-assign-suggestions[b-3u1thq098t] { max-height: 280px; overflow-y: auto; background: var(--barex-surface); border: 1px solid var(--barex-divider); border-radius: 8px; }
.role-user-assign-item[b-3u1thq098t] { display: block; width: 100%; border: 0; background: transparent; text-align: right; padding: 10px 15px; border-bottom: 1px solid var(--barex-divider); }
.role-user-assign-item:last-child[b-3u1thq098t] { border-bottom: 0; }
.role-user-assign-item:disabled[b-3u1thq098t] { opacity: .55; }
.role-user-assign-name[b-3u1thq098t] { font-size: 16px; color: var(--barex-text-primary); }
.role-user-assign-sub[b-3u1thq098t] { font-size: 12px; color: var(--barex-text-secondary); }
.role-user-assign-chip[b-3u1thq098t] { width: fit-content; gap:4px; }
.role-user-assign-avatar[b-3u1thq098t] { width: 36px; height: 36px; font-size: 14px; color: var(--barex-text-primary); }
[b-3u1thq098t] .role-user-assign-name {
    font-size: 12px;
}

[b-3u1thq098t] .barex-status{
    height: 30px!important;
}
[b-3u1thq098t] .role-user-assign-avatar{
    width: 24px;
    height: 24px;
    position: relative;
}
[b-3u1thq098t] .barex-status-secondary {
    background: var(--barex-light-primary) !important;
    border: 1px solid var(--barex-primary) !important;
}
.btn-link[b-3u1thq098t] {
    display: none;
    position: absolute;
}
    .btn-link .ti[b-3u1thq098t] {
        color: var(--barex-primary) !important;
    }
    [b-3u1thq098t] .barex-status:hover .btn-link {
        display: flex;
    }
.barex-status:hover .role-user-assign-avatar-text[b-3u1thq098t]{
    display:none!important;
}
/* /Components/Pages/Roles/RoleUserAssignPanel.razor.rz.scp.css */
@keyframes roleUserAssignFadeIn-b-fsrwb116vz{from{opacity:0}to{opacity:1}}@keyframes roleUserAssignFadeOut-b-fsrwb116vz{from{opacity:1}to{opacity:0}}@keyframes roleUserAssignSlideDown-b-fsrwb116vz{from{transform:translate(-50%,-50%)}to{transform:translate(-50%,calc(-50% + 24px));opacity:0}}
@media (prefers-reduced-motion:reduce){.role-user-assign-shell[b-fsrwb116vz],.role-user-assign-backdrop[b-fsrwb116vz]{transition:none!important;animation:none!important}}
.role-user-assign-backdrop[b-fsrwb116vz]{position:fixed;inset:0;z-index:1040;background:rgba(0,0,0,.45);animation:roleUserAssignFadeIn-b-fsrwb116vz .28s ease-out}
.role-user-assign-backdrop.is-closing[b-fsrwb116vz]{animation:roleUserAssignFadeOut-b-fsrwb116vz .28s ease-in forwards}
.role-user-assign-shell[b-fsrwb116vz]{position:fixed;z-index:1050;top:50%;left:50%;width:min(560px,calc(100vw - 32px));height:min(560px,calc(100vh - 32px));max-height:min(560px,calc(100vh - 32px));transform:translate(-50%,-50%);background:var(--barex-surface);display:flex;flex-direction:column;overflow:hidden;border-radius:12px;box-shadow:0 0 35px rgba(0,0,0,.15)}
.role-user-assign-shell.is-closing[b-fsrwb116vz]{animation:roleUserAssignSlideDown-b-fsrwb116vz .28s ease-in forwards}
.role-user-assign-header[b-fsrwb116vz]{flex-shrink:0;border-bottom:1px solid var(--barex-divider);padding:0 16px 0 23px;height:49px;display:flex;align-items:center}
.role-user-assign-body[b-fsrwb116vz]{flex:1;overflow-x:hidden;overflow-y:auto;padding:16px 0;min-height:0}
.role-user-assign-footer[b-fsrwb116vz]{flex-shrink:0;border-top:1px solid var(--barex-divider);padding:16px;display:flex;align-items:center}
.role-user-assign-btn[b-fsrwb116vz]{border:0;background:var(--barex-primary);color:var(--barex-onprimary);border-radius:10px;padding:6px 32px;font-size:14px;min-height:30px}
@media (min-width:576px) and (max-width:767.98px){.role-user-assign-shell[b-fsrwb116vz]{width:calc(100vw - 32px);height:min(560px,calc(100vh - 32px));max-height:min(560px,calc(100vh - 32px))}}
@media (max-width:575.98px){.role-user-assign-shell[b-fsrwb116vz]{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;max-height:90vh;border-radius:16px 16px 0 0;transform:none}}
/* /Components/Pages/Settings/AboutBarex.razor.rz.scp.css */
.settings-about-page[b-u0di77r1sa] { direction: rtl; display: flex; justify-content: center; padding: 48px 24px 24px; }
.settings-about-panel[b-u0di77r1sa] { max-width: 500px; text-align: center; width: 100%; }
.about-brand-section[b-u0di77r1sa] { align-items: center; display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 3rem; }
.about-brand-logo[b-u0di77r1sa] { height: 80px; width: 80px; }
.about-brand-title[b-u0di77r1sa] { color: var(--bs-body-color); font-weight: 600; margin: 0; }
.about-links-card[b-u0di77r1sa] { background: #fafafa; border-radius: 0.5rem; display: flex; flex-direction: column; gap: 0.5rem; padding: 0.5rem; text-align: right; }
.about-link-row[b-u0di77r1sa] { align-items: center; color: #454954; display: flex; justify-content: space-between; padding: 0.25rem; text-decoration: none; }
.about-link-label[b-u0di77r1sa] { align-items: center; display: flex; font-size: 0.875rem; gap: 0.5rem; }
.about-link-icon-svg[b-u0di77r1sa] {
    font-size: 20px;
    color: #594AE2;
}
.about-link-icon[b-u0di77r1sa] { height: 20px; width: 20px;}
.about-link-chevron[b-u0di77r1sa] { color: #696b6a; font-size: 1.25rem; }
.about-link-divider[b-u0di77r1sa] { margin: 0; opacity: 0.5; }

@media (max-width: 991.98px) {
    .settings-about-page[b-u0di77r1sa] { padding: 24px 12px 16px; }
    .about-brand-section[b-u0di77r1sa] { gap: 1rem; margin-bottom: 2rem; }
}

@media (max-width: 575.98px) {
    .settings-about-page[b-u0di77r1sa] { padding: 16px 8px 12px; }
    .about-brand-logo[b-u0di77r1sa] { height: 64px; width: 64px; }
    .about-link-row[b-u0di77r1sa] { padding: 0.5rem 0.25rem; }
    .about-link-label[b-u0di77r1sa] { font-size: 0.8125rem; }
}

html[data-bs-theme="dark"] .about-links-card[b-u0di77r1sa] { background: var(--barex-secondary-surface); }
html[data-bs-theme="dark"] .about-link-row[b-u0di77r1sa] { color: var(--barex-text-primary); }
html[data-bs-theme="dark"] .about-link-chevron[b-u0di77r1sa] { color: #a8afb9; }
/* /Components/Pages/Settings/Appearance.razor.rz.scp.css */

.ap-page[b-xhtg18z00w] {
    direction: rtl;
    max-width: 613px;
    width: 100%;
    margin-inline: auto;
    padding: 48px 0px;
}

@media (max-width: 991.98px) {
    .ap-page[b-xhtg18z00w] {
        padding: 24px 12px 16px;
    }
}

.ap-title[b-xhtg18z00w] {
    color: var(--barex-text-primary);
    font-size: 16px;
}

.ap-label[b-xhtg18z00w] {
    color: var(--barex-text-primary);
    font-size: 13px;
}

.ap-row[b-xhtg18z00w] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    width: 100%;
}

.ap-card[b-xhtg18z00w] {
    flex: 0 0 193px;
    width: 193px;
    max-width: 100%;
}

@media (max-width: 1200px) {
    .ap-card[b-xhtg18z00w] {
        flex: 0 0 160px;
        width: 160px;
    }

    .ap-thumb[b-xhtg18z00w] {
        height: 110px;
    }
}

@media (min-width: 1200px) {
    .ap-row[b-xhtg18z00w] {
        flex-wrap: nowrap;
    }
}

@media (max-width: 679.98px) {
    .ap-row[b-xhtg18z00w] {
        align-items: center;
    }

    .ap-card[b-xhtg18z00w] {
        flex: 0 0 auto;
        width: min(100%, 193px);
    }

    .ap-topbar-row[b-xhtg18z00w] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .ap-toggle[b-xhtg18z00w] {
        width: 100%;
        max-width: 193px;
        margin-inline: auto;
    }
}

.ap-thumb[b-xhtg18z00w] {
    position: relative;
    height: 121px;
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background: var(--barex-secondary-surface);
    border: 1px solid transparent;
    display: flex;
}

.svg-container[b-xhtg18z00w] {
    border: 1px solid var(--barex-divider);
    border-bottom: none !important;
    border-radius: 12px 12px 0 0;
    margin: auto auto 0;
}


.ap-thumb-bordered[b-xhtg18z00w] {
    border-color: var(--barex-divider);
}

.ap-thumb-on[b-xhtg18z00w] {
    border-color: var(--barex-primary);
}

.ap-thumb svg[b-xhtg18z00w] {
    display: block;
    width: 100%;
    height: 100%;
}

.ap-preview-brand[b-xhtg18z00w],
.ap-preview-light[b-xhtg18z00w],
.ap-preview-dark[b-xhtg18z00w] {
    --ap-main-bg: var(--barex-surface);
    --ap-content-bg: var(--barex-secondary-surface);
    --ap-content-border: var(--barex-divider);
    --ap-muted: var(--barex-border);
    --ap-side-menu-active: var(--barex-primary);
    --ap-side-menu-muted: #d9d9d9;
}

html[data-bs-theme="dark"] .ap-preview-brand[b-xhtg18z00w],
html[data-bs-theme="dark"] .ap-preview-light[b-xhtg18z00w],
html[data-bs-theme="dark"] .ap-preview-dark[b-xhtg18z00w] {
    --ap-side-menu-muted: #191827;
}

.ap-preview-brand[b-xhtg18z00w] {
    --ap-main-bg: var(--barex-brand-page-body);
    --ap-side-bg: var(--barex-sidebar-surface-default);
    --ap-side-border: var(--barex-divider);
}

.ap-preview-light[b-xhtg18z00w] {
    --ap-side-bg: var(--barex-sidebar-surface-light);
    --ap-side-border: var(--barex-divider);
}

.ap-preview-dark[b-xhtg18z00w] {
    --ap-side-bg: var(--barex-sidebar-surface-dark);
    --ap-side-border: var(--barex-divider-sidebar-dark);
}

.ap-check[b-xhtg18z00w] {
    position: absolute;
    bottom: 8px;
    inset-inline-start: 8px;
    color: var(--barex-primary);
    font-size: 22px;
    line-height: 1;
}

.ap-divider[b-xhtg18z00w] {
    height: 1px;
    background: var(--barex-divider);
}

.ap-toggle[b-xhtg18z00w] {
    background: var(--barex-secondary-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 10px;
    padding: 4px;
    height: 38px;
    width: 173px;
}

.ap-toggle-opt[b-xhtg18z00w] {
    flex: 1;
    height: 30px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--barex-text-primary);
    font-size: 13px;
}

    .ap-toggle-opt.ap-on[b-xhtg18z00w] {
        background: var(--barex-surface);
    }

html[data-bs-theme="dark"] .ap-toggle-opt.ap-on[b-xhtg18z00w] {
    background: var(--barex-nav-active-bg-dark);
}
/* /Components/Pages/Settings/ChangePassword.razor.rz.scp.css */
.settings-change-password-page[b-t9774yj3yn] { direction: rtl; display: flex; justify-content: center; padding: 48px 24px 24px; }
.settings-change-password-panel[b-t9774yj3yn] { max-width: 613px; width: 100%; }
.change-password-field[b-t9774yj3yn] { background: #fafafa; border-color: #e3e3e3; border-radius: 5px; min-height: 42px; text-align: start; }
.change-password-field:-webkit-autofill[b-t9774yj3yn], .change-password-field:-webkit-autofill:hover[b-t9774yj3yn], .change-password-field:-webkit-autofill:focus[b-t9774yj3yn] { -webkit-box-shadow: 0 0 0 1000px #fafafa inset; box-shadow: 0 0 0 1000px #fafafa inset; -webkit-text-fill-color: #454954; transition: background-color 9999s ease-in-out 0s; }
.change-password-strength-strong[b-t9774yj3yn] { color: #578a59; font-size: 11px; }
.change-password-strength-medium[b-t9774yj3yn] { color: #fd7e14; font-size: 11px; }
.change-password-strength-weak[b-t9774yj3yn] { color: #f44336; font-size: 11px; }
.change-password-rule-met[b-t9774yj3yn] { color: #578a59; font-size: 11px; }
.change-password-rule-pending[b-t9774yj3yn] { color: #696b6a; font-size: 11px; }
.change-password-rule-icon[b-t9774yj3yn] { flex-shrink: 0; font-size: 20px; line-height: 1; }
.password-input-wrap[b-t9774yj3yn] { position: relative; }
.password-input-action[b-t9774yj3yn] { background: transparent; border: 0; color: #696b6a; left: 12px; line-height: 1; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.password-input-action-generate[b-t9774yj3yn] { left: 40px; }
.password-input-with-toggle[b-t9774yj3yn] { padding-left: 40px; }
.password-input-with-actions[b-t9774yj3yn] { padding-left: 68px; }
.change-password-submit[b-t9774yj3yn], .change-password-submit:hover[b-t9774yj3yn], .change-password-submit:focus[b-t9774yj3yn], .change-password-submit:active[b-t9774yj3yn] { background-color: #594ae2; border-color: #594ae2; color: #fff; }
.change-password-submit:disabled[b-t9774yj3yn], .change-password-submit:disabled:hover[b-t9774yj3yn], .change-password-submit:disabled:focus[b-t9774yj3yn], .change-password-submit:disabled:active[b-t9774yj3yn] { background-color: var(--barex-btn-disabled-bg); border-color: var(--barex-btn-disabled-bg); color: #fff; opacity: 1; }
@media (max-width: 991.98px) { .settings-change-password-page[b-t9774yj3yn] { padding: 24px 12px 16px; } }

html[data-bs-theme="dark"] .change-password-field[b-t9774yj3yn] { background: var(--barex-secondary-surface); border-color: var(--barex-nav-active-border-dark); color: var(--barex-text-primary); }
html[data-bs-theme="dark"] .change-password-field[b-t9774yj3yn]::placeholder { color: #a8afb9; }
html[data-bs-theme="dark"] .change-password-field:-webkit-autofill[b-t9774yj3yn],
html[data-bs-theme="dark"] .change-password-field:-webkit-autofill:hover[b-t9774yj3yn],
html[data-bs-theme="dark"] .change-password-field:-webkit-autofill:focus[b-t9774yj3yn] { -webkit-box-shadow: 0 0 0 1000px var(--barex-secondary-surface) inset; box-shadow: 0 0 0 1000px var(--barex-secondary-surface) inset; -webkit-text-fill-color: var(--barex-text-primary); }
html[data-bs-theme="dark"] .change-password-rule-pending[b-t9774yj3yn] { color: #a8afb9; }
html[data-bs-theme="dark"] .password-input-action[b-t9774yj3yn] { color: #a8afb9; }
/* /Components/Pages/Settings/Profile.razor.rz.scp.css */
.settings-profile-page[b-0wxalub5ws] {
    direction: rtl;
    display: flex;
    justify-content: center;
    padding: 48px 24px 24px;
}

.settings-profile-panel[b-0wxalub5ws] {
    max-width: 500px;
    text-align: center;
    width: 100%;
}

.profile-avatar[b-0wxalub5ws] {
    align-items: center;
    background: #F9F9F9;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    display: flex;
    height: 107px;
    justify-content: center;
    width: 107px;
}

.profile-info-card[b-0wxalub5ws] {
    background: #fafafa;
    text-align: right;
}

.profile-info-row[b-0wxalub5ws] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.profile-info-label[b-0wxalub5ws] {
    color: #696b6a;
    font-size: 11px;
    gap: 8px;
}

.profile-info-value[b-0wxalub5ws] {
    color: #454954;
    font-size: 14px;
}

.profile-info-icon[b-0wxalub5ws] {
    color: #696B6A;
    font-size: 20px;
}

.profile-logout-link[b-0wxalub5ws] {
    align-items: center;
    color: #f44336;
    display: inline-flex;
    font-size: 14px;
    gap: 8px;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .settings-profile-page[b-0wxalub5ws] { padding: 24px 12px 16px; }
    .profile-avatar[b-0wxalub5ws] { height: 88px; width: 88px; }
}

@media (max-width: 575.98px) {
    .settings-profile-page[b-0wxalub5ws] { padding: 16px 8px 12px; }
    .profile-info-row[b-0wxalub5ws] { align-items: flex-start; flex-direction: column; gap: 4px; }
    .profile-info-value[b-0wxalub5ws] { font-size: 13px; max-width: 100%; word-break: break-word; }
}

html[data-bs-theme="dark"] .profile-avatar[b-0wxalub5ws] { background: var(--barex-nav-active-bg-dark); border-color: var(--barex-nav-active-border-dark); }
html[data-bs-theme="dark"] .profile-info-card[b-0wxalub5ws] { background: var(--barex-secondary-surface); }
html[data-bs-theme="dark"] .profile-info-label[b-0wxalub5ws] { color: var(--barex-text-secondary); }
html[data-bs-theme="dark"] .profile-info-value[b-0wxalub5ws] { color: var(--barex-text-primary); }
html[data-bs-theme="dark"] .profile-info-icon[b-0wxalub5ws] { color: var(--barex-text-secondary); }
/* /Components/Pages/Settings/TwoFactor.razor.rz.scp.css */
.settings-two-factor-page[b-lbv3dc8c0u] { direction: rtl; display: flex; justify-content: center; padding: 48px 24px 24px; }
.settings-two-factor-panel[b-lbv3dc8c0u] { max-width: 613px; width: 100%; }
.two-factor-field[b-lbv3dc8c0u], [b-lbv3dc8c0u] .two-factor-key-field { background: #fafafa; border-color: #e3e3e3; border-radius: 5px; min-height: 42px; }
.two-factor-surface[b-lbv3dc8c0u], [b-lbv3dc8c0u] .two-factor-surface { background: #fafafa; }
.two-factor-submit[b-lbv3dc8c0u], [b-lbv3dc8c0u] .two-factor-submit, .two-factor-submit:hover[b-lbv3dc8c0u], [b-lbv3dc8c0u] .two-factor-submit:hover { background-color: #594ae2; border-color: #594ae2; color: #fff; }
.two-factor-submit:disabled[b-lbv3dc8c0u], [b-lbv3dc8c0u] .two-factor-submit:disabled { background-color: var(--barex-btn-disabled-bg); border-color: var(--barex-btn-disabled-bg); color: #fff; opacity: 1; }
[b-lbv3dc8c0u] .two-factor-key-wrap { position: relative; }
[b-lbv3dc8c0u] .two-factor-key-field { padding-left: 44px; text-align: start; }
[b-lbv3dc8c0u] .two-factor-copy-btn { background: transparent; border: 0; color: #696b6a; left: 12px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); }
[b-lbv3dc8c0u] .two-factor-qr { background: #fff; border: 1px solid #e3e3e3; border-radius: 8px; padding: 12px; }
@media (max-width: 991.98px) { .settings-two-factor-page[b-lbv3dc8c0u] { padding: 24px 12px 16px; } }
html[data-bs-theme="dark"] .two-factor-field[b-lbv3dc8c0u], html[data-bs-theme="dark"][b-lbv3dc8c0u]  .two-factor-key-field { background: var(--barex-secondary-surface); border-color: var(--barex-nav-active-border-dark); color: var(--barex-text-primary); }
html[data-bs-theme="dark"] .two-factor-surface[b-lbv3dc8c0u], html[data-bs-theme="dark"][b-lbv3dc8c0u]  .two-factor-surface { background: var(--barex-secondary-surface); }
html[data-bs-theme="dark"][b-lbv3dc8c0u]  .two-factor-copy-btn { color: #a8afb9; }
/* /Components/Pages/Shippers/Detail.razor.rz.scp.css */
/* CSS for Detail component */

@media only screen and (max-width: 1500px) and (min-width: 990px) {
    .shipper-detail .container[b-8qzggh5er9] {
        padding: 0 16px;
    }
}
/* /Components/Pages/Support/Agents/AgentForm.razor.rz.scp.css */
.cargo-create-form[b-m0cp508lsb] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

    .cargo-create-form.is-embedded .cargo-create-section[b-m0cp508lsb] {
        padding-inline: 0;
    }

.agent-form-hint[b-m0cp508lsb] {
    color: var(--barex-text-secondary);
}

.cargo-btn-primary[b-m0cp508lsb] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}
/* /Components/Pages/Support/Agents/AgentFormPanel.razor.rz.scp.css */
@keyframes cargoCreateFadeIn-b-9hmcgkwueb {
    from { opacity: 0 }
    to { opacity: 1 }
}

@keyframes cargoCreateFadeOut-b-9hmcgkwueb {
    from { opacity: 1 }
    to { opacity: 0 }
}

@keyframes cargoCreateSlideUp-b-9hmcgkwueb {
    from { transform: translateY(100%) }
    to { transform: translateY(0) }
}

@keyframes cargoCreateSlideDown-b-9hmcgkwueb {
    from { transform: translateY(0) }
    to { transform: translateY(100%) }
}

@media (prefers-reduced-motion: reduce) {
    .cargo-create-shell[b-9hmcgkwueb], .cargo-create-backdrop[b-9hmcgkwueb] {
        transition: none !important;
        animation: none !important;
    }
}

.cargo-create-backdrop[b-9hmcgkwueb] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, .45);
    animation: cargoCreateFadeIn-b-9hmcgkwueb .28s ease-out;
}

.cargo-create-backdrop.is-closing[b-9hmcgkwueb] {
    animation: cargoCreateFadeOut-b-9hmcgkwueb .28s ease-in forwards;
}

.cargo-create-shell[b-9hmcgkwueb] {
    position: fixed;
    z-index: 1050;
    background: var(--barex-surface);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(0, 0, 0, .15);
    transition: top 1s ease-in-out, left 1s ease-in-out, right 1s ease-in-out, bottom 1s ease-in-out, width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out, border-radius 1s ease-in-out, transform 1s ease-in-out;
}

.cargo-create-shell.is-panel[b-9hmcgkwueb] {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 500px;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    transform: none;
}

.cargo-create-shell.is-dialog[b-9hmcgkwueb] {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: min(640px, calc(100vw - 32px));
    height: min(520px, calc(100vh - 32px));
    max-height: min(520px, calc(100vh - 32px));
    border-radius: 12px;
    transform: translate(-50%, -50%);
}

.cargo-create-shell.is-dialog.is-dialog-size-resize[b-9hmcgkwueb] {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    border-radius: 12px;
    transform: translate(-50%, -50%);
    transition: width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out;
}

.cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-9hmcgkwueb] {
    width: min(640px, calc(100vw - 32px));
    height: min(520px, calc(100vh - 32px));
    max-height: min(520px, calc(100vh - 32px));
}

.cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-9hmcgkwueb] {
    width: calc(100vw - 32px);
    height: calc(100vh - 32px);
    max-height: calc(100vh - 32px);
}

.cargo-create-shell.is-closing[b-9hmcgkwueb] {
    animation: cargoCreateSlideDown-b-9hmcgkwueb .28s ease-in forwards;
}

.cargo-create-header[b-9hmcgkwueb] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--barex-divider);
    padding: 0 16px 0 23px;
    height: 56px;
    display: flex;
    align-items: center;
}

.cargo-create-header.is-dialog-header[b-9hmcgkwueb] {
    height: 49px;
}

.cargo-create-body[b-9hmcgkwueb] {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
}

.cargo-create-footer[b-9hmcgkwueb] {
    flex-shrink: 0;
    border-top: 1px solid var(--barex-divider);
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.cargo-btn-primary[b-9hmcgkwueb] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

.cargo-btn-outline[b-9hmcgkwueb] {
    border: 1px solid var(--barex-primary);
    background: var(--barex-surface);
    color: var(--barex-primary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

@media (max-width: 767.98px) {
    .cargo-create-shell.is-panel[b-9hmcgkwueb], .cargo-create-shell.is-dialog[b-9hmcgkwueb] {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        max-height: 90vh;
        border-radius: 16px 16px 0 0;
        transform: none;
        animation: cargoCreateSlideUp-b-9hmcgkwueb .28s ease-out;
    }

    .cargo-create-shell.is-closing[b-9hmcgkwueb] {
        animation: cargoCreateSlideDown-b-9hmcgkwueb .28s ease-in forwards;
    }
}
/* /Components/Pages/Support/Agents/Detail.razor.rz.scp.css */
.user-detail-avatar-lg[b-lte2mjueuc] {
    width: 60px;
    height: 60px;
    border-radius: 20px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
}

.user-detail-avatar-lg i[b-lte2mjueuc]{
    color: var(--barex-primary);
    font-size: 42px;
}

.user-detail-display-name[b-lte2mjueuc], .user-detail-section-title[b-lte2mjueuc] {
    font-size: 22px;
    color: var(--barex-text-primary);
    line-height: 34px;
}

.user-detail-role-name[b-lte2mjueuc], .user-detail-back-text[b-lte2mjueuc] {
    font-size: 12px;
    color: var(--barex-text-secondary);
}

.user-detail-card[b-lte2mjueuc] {
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    background: var(--barex-surface);
    padding: 0 13px;
}

.agent-detail-form-card[b-lte2mjueuc] {
    padding-block: 16px;
}

.role-detail-role-icon[b-lte2mjueuc] {
    font-size: 38px;
    color: var(--barex-secondary);
}

.top-height[b-lte2mjueuc] {
    top: var(--barex-topbar-height);
}

[b-lte2mjueuc] .barex-item-label {
    gap: 8px !important;
    width: 130px !important;
    font-size: 10px !important;
    color: var(--barex-text-secondary) !important;
}

[b-lte2mjueuc] .barex-item-text {
    font-size: 14px;
    color: var(--barex-text-primary);
}

@media (min-width: 990px) {
    .user-detail[b-lte2mjueuc] {
        height: calc(100vh - var(--barex-topbar-height));
    }

    .sidebar-border[b-lte2mjueuc] {
        border-left: 1px solid var(--barex-divider);
    }
}

@media (max-width: 990px) {
    .user-detail[b-lte2mjueuc] {
        width: 100%;
    }
}
/* /Components/Pages/Support/AssignmentPools/AssignmentPoolFormPanel.razor.rz.scp.css */
@keyframes cargoCreateFadeIn-b-s3iy40xc7x {
    from { opacity: 0 }
    to { opacity: 1 }
}

@keyframes cargoCreateFadeOut-b-s3iy40xc7x {
    from { opacity: 1 }
    to { opacity: 0 }
}

@keyframes cargoCreateSlideUp-b-s3iy40xc7x {
    from { transform: translateY(100%) }
    to { transform: translateY(0) }
}

@keyframes cargoCreateSlideDown-b-s3iy40xc7x {
    from { transform: translateY(0) }
    to { transform: translateY(100%) }
}

@media (prefers-reduced-motion: reduce) {
    .cargo-create-shell[b-s3iy40xc7x], .cargo-create-backdrop[b-s3iy40xc7x] {
        transition: none !important;
        animation: none !important;
    }
}

.cargo-create-backdrop[b-s3iy40xc7x] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, .45);
    animation: cargoCreateFadeIn-b-s3iy40xc7x .28s ease-out;
}

.cargo-create-backdrop.is-closing[b-s3iy40xc7x] {
    animation: cargoCreateFadeOut-b-s3iy40xc7x .28s ease-in forwards;
}

.cargo-create-shell[b-s3iy40xc7x] {
    position: fixed;
    z-index: 1050;
    background: var(--barex-surface);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(0, 0, 0, .15);
    transition: top 1s ease-in-out, left 1s ease-in-out, right 1s ease-in-out, bottom 1s ease-in-out, width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out, border-radius 1s ease-in-out, transform 1s ease-in-out;
}

.cargo-create-shell.is-panel[b-s3iy40xc7x] {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 500px;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    transform: none;
}

.cargo-create-shell.is-dialog[b-s3iy40xc7x] {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: min(640px, calc(100vw - 32px));
    height: min(520px, calc(100vh - 32px));
    max-height: min(520px, calc(100vh - 32px));
    border-radius: 12px;
    transform: translate(-50%, -50%);
}

.cargo-create-shell.is-dialog.is-dialog-size-resize[b-s3iy40xc7x] {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    border-radius: 12px;
    transform: translate(-50%, -50%);
    transition: width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out;
}

.cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-s3iy40xc7x] {
    width: min(640px, calc(100vw - 32px));
    height: min(520px, calc(100vh - 32px));
    max-height: min(520px, calc(100vh - 32px));
}

.cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-s3iy40xc7x] {
    width: calc(100vw - 32px);
    height: calc(100vh - 32px);
    max-height: calc(100vh - 32px);
}

.cargo-create-shell.is-closing[b-s3iy40xc7x] {
    animation: cargoCreateSlideDown-b-s3iy40xc7x .28s ease-in forwards;
}

.cargo-create-header[b-s3iy40xc7x] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--barex-divider);
    padding: 0 16px 0 23px;
    height: 56px;
    display: flex;
    align-items: center;
}

.cargo-create-header.is-dialog-header[b-s3iy40xc7x] {
    height: 49px;
}

.cargo-create-body[b-s3iy40xc7x] {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
}

.cargo-create-footer[b-s3iy40xc7x] {
    flex-shrink: 0;
    border-top: 1px solid var(--barex-divider);
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.cargo-btn-primary[b-s3iy40xc7x] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

.cargo-btn-outline[b-s3iy40xc7x] {
    border: 1px solid var(--barex-primary);
    background: var(--barex-surface);
    color: var(--barex-primary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

@media (max-width: 767.98px) {
    .cargo-create-shell.is-panel[b-s3iy40xc7x], .cargo-create-shell.is-dialog[b-s3iy40xc7x] {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        max-height: 90vh;
        border-radius: 16px 16px 0 0;
        transform: none;
        animation: cargoCreateSlideUp-b-s3iy40xc7x .28s ease-out;
    }

    .cargo-create-shell.is-closing[b-s3iy40xc7x] {
        animation: cargoCreateSlideDown-b-s3iy40xc7x .28s ease-in forwards;
    }
}
/* /Components/Pages/Support/AssignmentPools/Detail.razor.rz.scp.css */
.user-detail-display-name[b-x9oh1ijnaa], .user-detail-section-title[b-x9oh1ijnaa] {
    font-size: 22px;
    color: var(--barex-text-primary);
    line-height: 34px;
}

.user-detail-card[b-x9oh1ijnaa] {
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    background: var(--barex-surface);
    padding: 0 13px;
}

.pool-detail-form-card[b-x9oh1ijnaa] {
    padding-block: 16px;
}

.user-detail-role-icon[b-x9oh1ijnaa] {
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    font-size: 42px;
    color: var(--barex-primary);
}

.pool-form-select[b-x9oh1ijnaa] {
    appearance: none;
    cursor: pointer;
}

.pool-form-hint[b-x9oh1ijnaa] {
    color: var(--barex-text-secondary);
}

.cargo-btn-primary[b-x9oh1ijnaa] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

@media (min-width: 990px) {
    .sidebar-border[b-x9oh1ijnaa] {
        border-left: 1px solid var(--barex-divider);
    }
}

[b-x9oh1ijnaa] .barex-table-wrapper {
    height: 100% !important;
}

[b-x9oh1ijnaa] .barex-empty {
    position: initial !important;
    transform: unset !important;
}

.pool-setup-step-row[b-x9oh1ijnaa] {
    flex-wrap: wrap;
}

.pool-setup-step[b-x9oh1ijnaa] {
    flex: 1 1 96px;
    gap: 6px;
    min-height: 38px;
    height: auto;
    font-size: 13px;
}

.pool-setup-step--done:not(.active)[b-x9oh1ijnaa] {
    color: var(--barex-primary);
}

.pool-chip-row[b-x9oh1ijnaa] {
    flex-wrap: wrap;
}

.pool-chip[b-x9oh1ijnaa] {
    flex: 1 1 72px;
    min-width: 72px;
}

.pool-type-chip[b-x9oh1ijnaa] {
    flex: 1 1 140px;
    min-width: 120px;
    height: auto;
    min-height: 34px;
    padding: 6px 10px;
}

.pool-checklist-item[b-x9oh1ijnaa] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--barex-secondary-surface);
    color: var(--barex-text-secondary);
}

.pool-checklist-item--ok[b-x9oh1ijnaa] {
    color: var(--barex-success, #198754);
}
/* /Components/Pages/Support/Dispatches/Detail.razor.rz.scp.css */
.user-detail-display-name[b-0h1h7oq92h], .user-detail-section-title[b-0h1h7oq92h] {
    font-size: 22px;
    color: var(--barex-text-primary);
    line-height: 34px;
}

.user-detail-role-icon[b-0h1h7oq92h] {
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    font-size: 42px;
    color: var(--barex-primary);
}

.user-detail-card[b-0h1h7oq92h] {
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    background: var(--barex-surface);
    padding: 0 13px;
}

.dispatch-detail-form-card[b-0h1h7oq92h] {
    padding-block: 16px;
}

.dispatch-body-card[b-0h1h7oq92h] {
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    background: var(--barex-secondary-surface);
    padding: 14px 16px;
}

.dispatch-html[b-0h1h7oq92h] {
    font-size: 14px;
    line-height: 1.7;
    color: var(--barex-text-primary);
    overflow-wrap: anywhere;
}

.dispatch-html :is(p, ul, ol, blockquote)[b-0h1h7oq92h] {
    margin: 0 0 0.75rem;
}

.dispatch-html :is(p, ul, ol, blockquote):last-child[b-0h1h7oq92h] {
    margin-bottom: 0;
}

.dispatch-html a[b-0h1h7oq92h] {
    color: var(--barex-primary);
    text-decoration: none;
}

.dispatch-html table[b-0h1h7oq92h] {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
}

.dispatch-html :is(th, td)[b-0h1h7oq92h] {
    border: 1px solid var(--barex-divider);
    padding: 6px 8px;
}

.dispatch-html img[b-0h1h7oq92h] {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

@media (min-width: 990px) {
    .sidebar-border[b-0h1h7oq92h] {
        border-left: 1px solid var(--barex-divider);
    }
}

[b-0h1h7oq92h] .barex-table-wrapper{
    height: 100%!important;
}

[b-0h1h7oq92h] .barex-empty {
    position: initial !important;
    transform: unset !important;
}
/* /Components/Pages/Support/TicketTypes/Detail.razor.rz.scp.css */
.user-detail-display-name[b-hh7yqdflgs], .user-detail-section-title[b-hh7yqdflgs] {
    font-size: 22px;
    color: var(--barex-text-primary);
    line-height: 34px;
}

.user-detail-card[b-hh7yqdflgs] {
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    background: var(--barex-surface);
    padding: 0 13px;
}

.user-detail-role-icon[b-hh7yqdflgs] {
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    font-size: 42px;
    color: var(--barex-primary)
}

.ticket-type-detail-form-card[b-hh7yqdflgs] {
    padding-block: 16px;
}

@media (min-width: 990px) {
    .sidebar-border[b-hh7yqdflgs] {
        border-left: 1px solid var(--barex-divider);
    }
}
/* /Components/Pages/Support/TicketTypes/TicketTypeForm.razor.rz.scp.css */
.ticket-create-form[b-nwfsqogew2] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.ticket-create-form.is-embedded .ticket-create-section[b-nwfsqogew2] {
    padding-inline: 0;
}

.ticket-type-form-hint[b-nwfsqogew2] {
    color: var(--barex-text-secondary);
}

[b-nwfsqogew2] .ticket-btn-primary {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
    color: white;
}
/* /Components/Pages/Support/TicketTypes/TicketTypeFormPanel.razor.rz.scp.css */
@keyframes cargoCreateFadeIn-b-pofijseoqk {
    from { opacity: 0 }
    to { opacity: 1 }
}

@keyframes cargoCreateFadeOut-b-pofijseoqk {
    from { opacity: 1 }
    to { opacity: 0 }
}

@keyframes cargoCreateSlideUp-b-pofijseoqk {
    from { transform: translateY(100%) }
    to { transform: translateY(0) }
}

@keyframes cargoCreateSlideDown-b-pofijseoqk {
    from { transform: translateY(0) }
    to { transform: translateY(100%) }
}

@media (prefers-reduced-motion: reduce) {
    .cargo-create-shell[b-pofijseoqk], .cargo-create-backdrop[b-pofijseoqk] {
        transition: none !important;
        animation: none !important;
    }
}

.cargo-create-backdrop[b-pofijseoqk] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, .45);
    animation: cargoCreateFadeIn-b-pofijseoqk .28s ease-out;
}

.cargo-create-backdrop.is-closing[b-pofijseoqk] {
    animation: cargoCreateFadeOut-b-pofijseoqk .28s ease-in forwards;
}

.cargo-create-shell[b-pofijseoqk] {
    position: fixed;
    z-index: 1050;
    background: var(--barex-surface);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 0 35px rgba(0, 0, 0, .15);
    transition: top 1s ease-in-out, left 1s ease-in-out, right 1s ease-in-out, bottom 1s ease-in-out, width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out, border-radius 1s ease-in-out, transform 1s ease-in-out;
}

.cargo-create-shell.is-panel[b-pofijseoqk] {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 500px;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    transform: none;
}

.cargo-create-shell.is-dialog[b-pofijseoqk] {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: min(640px, calc(100vw - 32px));
    height: min(520px, calc(100vh - 32px));
    max-height: min(520px, calc(100vh - 32px));
    border-radius: 12px;
    transform: translate(-50%, -50%);
}

.cargo-create-shell.is-dialog.is-dialog-size-resize[b-pofijseoqk] {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    border-radius: 12px;
    transform: translate(-50%, -50%);
    transition: width 1s ease-in-out, height 1s ease-in-out, max-height 1s ease-in-out;
}

.cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-default[b-pofijseoqk] {
    width: min(640px, calc(100vw - 32px));
    height: min(520px, calc(100vh - 32px));
    max-height: min(520px, calc(100vh - 32px));
}

.cargo-create-shell.is-dialog.is-dialog-size-resize.is-dialog-size-full[b-pofijseoqk] {
    width: calc(100vw - 32px);
    height: calc(100vh - 32px);
    max-height: calc(100vh - 32px);
}

.cargo-create-shell.is-closing[b-pofijseoqk] {
    animation: cargoCreateSlideDown-b-pofijseoqk .28s ease-in forwards;
}

.cargo-create-header[b-pofijseoqk] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--barex-divider);
    padding: 0 16px 0 23px;
    height: 56px;
    display: flex;
    align-items: center;
}

.cargo-create-header.is-dialog-header[b-pofijseoqk] {
    height: 49px;
}

.cargo-create-body[b-pofijseoqk] {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
}

.cargo-create-footer[b-pofijseoqk] {
    flex-shrink: 0;
    border-top: 1px solid var(--barex-divider);
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.cargo-btn-primary[b-pofijseoqk] {
    border: 0;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

.cargo-btn-outline[b-pofijseoqk] {
    border: 1px solid var(--barex-primary);
    background: var(--barex-surface);
    color: var(--barex-primary);
    border-radius: 10px;
    padding: 6px 32px;
    font-size: 14px;
    min-height: 30px;
}

@media (max-width: 767.98px) {
    .cargo-create-shell.is-panel[b-pofijseoqk], .cargo-create-shell.is-dialog[b-pofijseoqk] {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        max-height: 90vh;
        border-radius: 16px 16px 0 0;
        transform: none;
        animation: cargoCreateSlideUp-b-pofijseoqk .28s ease-out;
    }

    .cargo-create-shell.is-closing[b-pofijseoqk] {
        animation: cargoCreateSlideDown-b-pofijseoqk .28s ease-in forwards;
    }
}
/* /Components/Pages/UserStats/UserStatsCohortRetentionWidget.razor.rz.scp.css */
.user-cohort-rows[b-h9hftx01xm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-x: auto;
}

.user-cohort-line[b-h9hftx01xm], .user-cohort-grid[b-h9hftx01xm] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-cohort-grid[b-h9hftx01xm] {
    flex: 1;
    min-width: 0;
}

.user-cohort-cell[b-h9hftx01xm] {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    color: #24186b;
    display: flex;
    flex: 1 1 0;
    font-size: 11px;
    font-weight: 600;
    height: 38px;
    justify-content: center;
    line-height: 1;
    min-width: 36px;
    white-space: nowrap;
}

.user-cohort-leg[b-h9hftx01xm] {
    flex: 1 1 0;
    height: 6px;
    min-width: 0;
}

    .user-cohort-cell.is-t1[b-h9hftx01xm], .user-cohort-leg.is-t1[b-h9hftx01xm] {
        background: #e7e4fe;
    }

    .user-cohort-cell.is-t2[b-h9hftx01xm], .user-cohort-leg.is-t2[b-h9hftx01xm] {
        background: #b5aefa;
    }

    .user-cohort-cell.is-t3[b-h9hftx01xm], .user-cohort-leg.is-t3[b-h9hftx01xm] {
        background: #8c82f5;
    }

    .user-cohort-cell.is-t4[b-h9hftx01xm], .user-cohort-leg.is-t4[b-h9hftx01xm] {
        background: #6f5ff0;
    }

    .user-cohort-cell.is-t5[b-h9hftx01xm], .user-cohort-leg.is-t5[b-h9hftx01xm] {
        background: #594ae2;
    }

    .user-cohort-cell.is-t4[b-h9hftx01xm], .user-cohort-cell.is-t5[b-h9hftx01xm] {
        color: #fff;
    }

    .user-cohort-leg.is-t1[b-h9hftx01xm] {
        border-radius: 2px 0 0 2px;
    }

    .user-cohort-leg.is-t5[b-h9hftx01xm] {
        border-radius: 0 2px 2px 0;
    }

.user-cohort-label[b-h9hftx01xm] {
    color: var(--cargo-report-text);
    font-size: 12px;
    min-width: 3.2rem;
    text-align: end;
    white-space: nowrap;
    width: 80px;
}

.user-cohort-head[b-h9hftx01xm], .user-cohort-tick[b-h9hftx01xm] {
    color: var(--cargo-report-text);
    font-size: 12px;
    white-space: nowrap;
}

.user-cohort-head[b-h9hftx01xm] {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
}

@media (max-width: 767.98px) {
    .user-cohort-cell[b-h9hftx01xm], .user-cohort-head[b-h9hftx01xm], .user-cohort-leg[b-h9hftx01xm] {
/*        flex: 0 0 28px;*/
        min-width: 28px;
    }

    .user-cohort-grid[b-h9hftx01xm] { min-width: min-content; }
}
/* /Components/Pages/UserStats/UserStatsConversionPathWidget.razor.rz.scp.css */
.user-path-wrap[b-zue5ior5p7] {
    overflow-x: auto;
    background-image: linear-gradient(#fff, transparent), linear-gradient(to top, #fff, transparent), linear-gradient(to right, #fff, transparent), linear-gradient(to left, #fff, transparent), radial-gradient(circle, var(--cargo-report-divider) 1.15px, transparent 1.4px);
    background-size: 100% 66px, 100% 57px, 83px 100%, 83px 100%, 12.9px 12.9px;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
    background-position: top, bottom, left, right, 0 0;
    height: 100%;
}

.user-path-board[b-zue5ior5p7] {
    aspect-ratio: 1177 / 238;
    display: block;
    min-width: 100%;
    height: 100%;
}

    .user-path-board.is-vertical[b-zue5ior5p7] {
        aspect-ratio: 360 / 512;
        height: auto;
        width: 100%;
    }

.user-path-node[b-zue5ior5p7] {
    background: linear-gradient(180deg, var(--cargo-report-soft-primary), transparent 70%);
    border: 1px solid var(--cargo-report-divider);
    border-radius: 16px;
    height: 100%;
    overflow: hidden;
    padding: 6px 12px;
    backdrop-filter: blur(4px);
}

    .user-path-node.is-drop[b-zue5ior5p7] {
        background: linear-gradient(180deg, rgba(244, 67, 54, .05), transparent 70%);
        border-radius: 20px;
        backdrop-filter: blur(4px);
    }

    .user-path-node span[b-zue5ior5p7] {
        color: var(--cargo-report-text);
        display: block;
        font-size: 14px;
    }

    .user-path-node strong[b-zue5ior5p7] {
        color: var(--cargo-report-primary);
        font-size: 16px;
        font-weight: 600;
    }

    .user-path-node.is-drop strong[b-zue5ior5p7] {
        color: var(--cargo-report-danger);
    }

@media (max-width: 767.98px) {
    .user-path-wrap[b-zue5ior5p7] {
        height: auto;
        min-height: 0;
        overflow: visible;
    }
}
/* /Components/Pages/UserStats/UserStatsFunnelWidget.razor.rz.scp.css */
.cargo-funnel-card[b-ie3w0s2wbh] {
    padding-inline: 0;
}

.cargo-funnel-grid[b-ie3w0s2wbh] {
    direction: ltr;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 220px;
    position: relative;
}

    .cargo-funnel-grid.is-cols-3[b-ie3w0s2wbh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .cargo-funnel-grid.is-rtl[b-ie3w0s2wbh] {
        direction: rtl;
    }

.cargo-funnel-shape[b-ie3w0s2wbh] {
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 0;
}

    .cargo-funnel-shape polygon[b-ie3w0s2wbh] {
        fill: var(--cargo-report-soft-primary);
    }

    .cargo-funnel-shape.is-vertical[b-ie3w0s2wbh] {
        display: none;
    }

.cargo-funnel-stage[b-ie3w0s2wbh] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 14px;
    direction: rtl;
    position: relative;
    text-align: right;
    z-index: 1;
}

    .cargo-funnel-stage:not(:last-child)[b-ie3w0s2wbh] {
        border-right: 1px solid var(--cargo-report-divider);
    }

.cargo-funnel-stage-title[b-ie3w0s2wbh] {
    color: var(--cargo-report-muted);
    font-size: 13px;
    min-height: 24px;
}

.cargo-funnel-count[b-ie3w0s2wbh] {
    font-size: 28px;
    font-weight: 600;
    height: 40px;
}

.cargo-funnel-count-row[b-ie3w0s2wbh] {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .cargo-funnel-count-row small[b-ie3w0s2wbh] {
        color: var(--cargo-report-muted);
        font-size: 10px;
    }

.cargo-funnel-footer[b-ie3w0s2wbh] {
    align-items: flex-end;
    bottom: -69px;
    display: flex;
    gap: 12px;
    height: 85px;
    justify-content: space-between;
    position: absolute;
    right: 0;
    width: 100%;
}

.cargo-funnel-indicator[b-ie3w0s2wbh] {
    align-items: center;
    color: var(--cargo-report-danger);
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

    .cargo-funnel-indicator i[b-ie3w0s2wbh] {
        align-items: center;
        background: var(--cargo-report-surface);
        border: 1px solid var(--cargo-report-divider);
        border-radius: 8px;
        display: inline-flex;
        font-size: 20px;
        height: 32px;
        justify-content: center;
        width: 32px;
    }

.cargo-funnel-metric[b-ie3w0s2wbh] {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.cargo-funnel-indicator-title span[b-ie3w0s2wbh] {
    color: var(--barex-text-secondary);
    font-size: 14px;
}

.cargo-funnel-indicator-title small[b-ie3w0s2wbh] {
    color: var(--barex-text-secondary);
    font-size: 12px;
}

.cargo-funnel-footer.is-total .cargo-funnel-indicator[b-ie3w0s2wbh],
.cargo-funnel-footer.is-total .cargo-funnel-indicator span[b-ie3w0s2wbh],
.cargo-funnel-footer.is-total .cargo-funnel-metric[b-ie3w0s2wbh] {
    color: var(--cargo-report-primary);
}

.cargo-funnel-card.is-churn .cargo-funnel-shape polygon[b-ie3w0s2wbh] {
    fill: var(--barex-red-005);
}

.cargo-funnel-card.is-churn .cargo-funnel-footer.is-total .cargo-funnel-indicator[b-ie3w0s2wbh],
.cargo-funnel-card.is-churn .cargo-funnel-footer.is-total .cargo-funnel-metric[b-ie3w0s2wbh] {
    color: var(--cargo-report-danger);
}

@media (max-width: 768px) {
    .cargo-funnel-grid[b-ie3w0s2wbh] {
        direction: rtl;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        min-height: 0;
    }

        .cargo-funnel-grid.is-cols-3[b-ie3w0s2wbh] {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(3, auto);
        }

    .cargo-funnel-count-row[b-ie3w0s2wbh] {
        align-items: center;
        flex-direction: row;
        height: 26px;
    }

    .cargo-funnel-indicator i[b-ie3w0s2wbh] {
        font-size: 16px;
        height: 24px;
        width: 24px;
    }

    .cargo-funnel-shape.is-horizontal[b-ie3w0s2wbh] {
        display: none;
    }

    .cargo-funnel-shape.is-vertical[b-ie3w0s2wbh] {
        display: block;
        height: 100%;
        inset-block: 0;
        inset-inline-end: 0;
        inset-inline-start: auto;
        width: 42%;
    }

    .cargo-funnel-stage[b-ie3w0s2wbh] {
        border-top: 1px solid var(--cargo-report-divider);
        min-height: 0;
        padding-inline: 12px;
        padding-block: 8px;
    }

        .cargo-funnel-stage:not(:last-child)[b-ie3w0s2wbh] {
            border-right: none;
        }

    .cargo-funnel-stage-title[b-ie3w0s2wbh] {
        min-height: 0;
        font-size: 12px;
    }

    .cargo-funnel-count[b-ie3w0s2wbh] {
        height: auto;
        font-size: 16px !important;
    }

    .cargo-funnel-indicator-title span[b-ie3w0s2wbh] {
        font-size: 12px;
    }

    .cargo-funnel-footer[b-ie3w0s2wbh] {
        position: unset !important;
        height: auto !important;
    }

    .cargo-funnel-card[b-ie3w0s2wbh] {
        height: auto !important;
        min-height: 0;
    }
}
/* /Components/Pages/UserStats/UserStatsLeaderboardPanel.razor.rz.scp.css */
.cargo-report-card[b-1odi33a5z1] {
    height: 298px;
    min-height: 298px;
    overflow: hidden;
}

.best-shipper[b-1odi33a5z1]{
    height: 100%;
}

.user-lb-list[b-1odi33a5z1] {
    gap: 11px;
    width: 100%;
}
@media (min-width: 768px) { .user-lb-list[b-1odi33a5z1] { max-width: 290px; } }
.user-lb-row[b-1odi33a5z1] { border: 1px solid #e9e9e9; border-radius: 12px; cursor: pointer; height: 48px; overflow: hidden; position: relative; }
.user-lb-row[aria-pressed="true"][b-1odi33a5z1] { border-color: var(--cargo-report-primary); }
.user-lb-row > :not(.user-lb-glow)[b-1odi33a5z1] { position: relative; z-index: 1; }
.user-lb-glow[b-1odi33a5z1] { filter: blur(50px); inset: 5px 0 3px 52%; pointer-events: none; position: absolute; z-index: 0; }
.user-lb-row.is-r1 .user-lb-glow[b-1odi33a5z1] { background: rgba(241, 200, 102, .46); }
.user-lb-row.is-r2 .user-lb-glow[b-1odi33a5z1] { background: rgba(206, 191, 184, .57); }
.user-lb-row.is-r3 .user-lb-glow[b-1odi33a5z1] { background: rgba(174, 133, 79, .48); }
.user-lb-row.is-r4 .user-lb-glow[b-1odi33a5z1] { background: rgba(89, 74, 226, .21); }
.user-lb-score[b-1odi33a5z1] { background: var(--cargo-report-soft-primary); border-radius: 8px; color: var(--cargo-report-primary); }
.user-lb-score i[b-1odi33a5z1], .user-lb-row strong[b-1odi33a5z1] { color: var(--cargo-report-primary); font-size: 16px; font-weight: 400; }
.user-lb-avatar[b-1odi33a5z1] { border: 1px solid var(--cargo-report-divider); border-radius: 50%; font-size: 10px; height: 24px; width: 24px; }
.user-lb-axis[b-1odi33a5z1] { color: var(--cargo-report-muted); flex-shrink: 0; font-size: 12px; height: 208px; line-height: 1; min-width: 2.5rem; text-align: end; }
.user-lb-caption[b-1odi33a5z1] { color: var(--cargo-report-muted); font-size: 9px; text-align: center; }
.user-lb-name[b-1odi33a5z1] { font-size: 12px; }
.user-lb-rank[b-1odi33a5z1] { color: var(--cargo-report-text); font-size: 8px; }
.user-lb-track[b-1odi33a5z1] { fill: var(--barex-secondary-surface); }
.user-lb-fill[b-1odi33a5z1] { fill: var(--cargo-report-primary); }

@media (max-width: 767.98px) {
    .cargo-report-card[b-1odi33a5z1] {
        height: auto;
        min-height: 0;
    }

/*    .user-lb-axis { height: 160px; }*/

    .best-shipper[b-1odi33a5z1] {
        height: auto;
    }
}

@keyframes user-lb-bar-open-b-1odi33a5z1 {
    from {
        transform: scaleY(0);
/*        opacity: 0.4;*/
    }

    to {
        transform: scaleY(1);
/*        opacity: 1;*/
    }
}

.user-lb-fill[b-1odi33a5z1] {
    transform-box: fill-box;
    transform-origin: bottom center;
    animation: user-lb-bar-open-b-1odi33a5z1 0.35s ease-out;
}
/* /Components/Pages/UserStats/UserStatsMapWidget.razor.rz.scp.css */
.cargo-heatmap-widget.cargo-heatmap-card[b-j8bq8rfmaf] {
    --heatmap-gap: clamp(10px, 2.4cqi, 28px);
    --heatmap-height: 620px;
    container-name: heatmap;
    container-type: inline-size;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: var(--heatmap-height);
    max-height: var(--heatmap-height);
    min-height: var(--heatmap-height);
    overflow: hidden;
    position: relative;
}

.cargo-heatmap-body[b-j8bq8rfmaf] {
    direction: ltr;
    display: grid;
    gap: var(--heatmap-gap);
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
    padding-top: 4px;
}

    .cargo-heatmap-body > *[b-j8bq8rfmaf] {
        direction: rtl;
        min-height: 0;
        min-width: 0;
    }

.cargo-heatmap-visual[b-j8bq8rfmaf],
.cargo-iran-map-wrap[b-j8bq8rfmaf] {
    height: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.cargo-heatmap-visual[b-j8bq8rfmaf] {
    container-name: heatmap-visual;
    container-type: size;
}

.cargo-iran-map-wrap[b-j8bq8rfmaf] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    padding-inline: clamp(0px, 1.2cqi, 10px);
}

.cargo-iran-map-shell[b-j8bq8rfmaf] {
    display: grid;
    min-height: 0;
    overflow: hidden;
    place-items: center;
}

.cargo-iran-map-stage[b-j8bq8rfmaf] {
    aspect-ratio: 1;
    height: min(100cqw, 100cqh);
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: min(100cqw, 100cqh);
}

.cargo-iran-map[b-j8bq8rfmaf] {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
}

.cargo-map-selection[b-j8bq8rfmaf] {
    align-items: center;
    backdrop-filter: blur(14px) saturate(145%);
    background: color-mix(in srgb, var(--cargo-report-surface) 76%, transparent);
    border: 1px solid color-mix(in srgb, var(--cargo-report-divider) 82%, transparent);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(31, 24, 90, 0.1);
    display: flex;
    gap: 10px;
    height: 64px;
    justify-content: space-between;
    left: clamp(96px, var(--cargo-map-selection-x, 50%), calc(100% - 96px));
    padding: 8px 12px;
    pointer-events: none;
    position: absolute;
    top: clamp(32px, var(--cargo-map-selection-y, 50%), calc(100% - 32px));
    transform: translate(-50%, -50%);
    width: 220px;
    z-index: 2;
}

.cargo-map-selection-copy[b-j8bq8rfmaf] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    text-align: right;
}

    .cargo-map-selection-copy strong[b-j8bq8rfmaf] {
        color: var(--cargo-report-text);
        font-size: 16px;
        font-weight: 400;
    }

    .cargo-map-selection-copy span[b-j8bq8rfmaf] {
        align-items: center;
        color: var(--cargo-report-muted);
        display: flex;
        font-size: 12px;
        gap: 4px;
        margin-top: 4px;
        white-space: nowrap;
    }

.cargo-map-selection-progress[b-j8bq8rfmaf] {
    flex: 0 0 48px;
    height: 48px;
    position: relative;
    width: 48px;
}

    .cargo-map-selection-progress svg[b-j8bq8rfmaf] {
        height: 100%;
        transform: rotate(-90deg);
        width: 100%;
    }

    .cargo-map-selection-progress circle[b-j8bq8rfmaf] {
        fill: none;
        stroke-width: 3.2;
    }

.cargo-map-selection-progress-track[b-j8bq8rfmaf] {
    stroke: color-mix(in srgb, var(--cargo-report-primary) 10%, transparent);
}

.cargo-map-selection-progress-value[b-j8bq8rfmaf] {
    stroke: var(--cargo-report-primary);
    stroke-linecap: round;
}

.cargo-map-selection-progress > div[b-j8bq8rfmaf] {
    align-items: center;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    position: absolute;
}

    .cargo-map-selection-progress strong[b-j8bq8rfmaf] {
        color: var(--cargo-report-primary);
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
    }

    .cargo-map-selection-progress small[b-j8bq8rfmaf] {
        color: var(--cargo-report-muted);
        font-size: 7px;
    }

.cargo-heatmap-legend[b-j8bq8rfmaf] {
    align-items: center;
    color: var(--cargo-report-muted);
    direction: ltr;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    gap: 4px;
    justify-content: center;
    padding-top: 8px;
}

    .cargo-heatmap-legend i[b-j8bq8rfmaf] {
        border-radius: 6px;
        display: block;
        height: 24px;
        width: 24px;
    }

    .cargo-heatmap-legend .level-0[b-j8bq8rfmaf] {
        background: var(--cargo-heatmap-0);
        border: 1px solid var(--cargo-report-divider);
    }

    .cargo-heatmap-legend .level-1[b-j8bq8rfmaf] { background: var(--cargo-heatmap-1); }
    .cargo-heatmap-legend .level-2[b-j8bq8rfmaf] { background: var(--cargo-heatmap-2); }
    .cargo-heatmap-legend .level-3[b-j8bq8rfmaf] { background: var(--cargo-heatmap-3); }
    .cargo-heatmap-legend .level-4[b-j8bq8rfmaf] { background: var(--cargo-heatmap-4); }
    .cargo-heatmap-legend .level-5[b-j8bq8rfmaf] { background: var(--cargo-heatmap-5); }

.cargo-heatmap-provinces[b-j8bq8rfmaf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2px 2px 2px 8px;
    scrollbar-color: var(--barex-scrollbar-thumb) var(--barex-scrollbar-track);
    scrollbar-width: thin;
}

.cargo-heatmap-province[b-j8bq8rfmaf] {
    align-items: center;
    border: 1px solid var(--cargo-report-divider);
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 62px;
    padding: 10px 14px;
}

    .cargo-heatmap-province.is-selected[b-j8bq8rfmaf] {
        background: var(--cargo-report-soft-primary);
        border-color: color-mix(in srgb, var(--cargo-report-primary) 48%, var(--cargo-report-divider));
    }

    .cargo-heatmap-province > div[b-j8bq8rfmaf] {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .cargo-heatmap-province strong[b-j8bq8rfmaf] {
        color: var(--cargo-report-text);
        font-size: 14px;
        font-weight: 400 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cargo-heatmap-province div > span[b-j8bq8rfmaf] {
        color: var(--cargo-report-muted);
        font-size: 12px;
    }

    .cargo-heatmap-province div > span i[b-j8bq8rfmaf] { font-size: 16px; }
    .cargo-heatmap-province small[b-j8bq8rfmaf] { font-size: 9px; }

    .cargo-heatmap-province > span[b-j8bq8rfmaf] {
        align-items: center;
        direction: ltr;
        display: inline-flex;
        font-size: 12px;
        gap: 3px;
        margin-inline-start: 10px;
    }

        .cargo-heatmap-province > span.is-up[b-j8bq8rfmaf] { color: var(--cargo-report-green); }
        .cargo-heatmap-province > span.is-down[b-j8bq8rfmaf] { color: var(--cargo-report-danger); }
        .cargo-heatmap-province > span.is-flat[b-j8bq8rfmaf] { color: var(--cargo-report-muted); }

@media (min-width: 998px) {
    .cargo-heatmap-body[b-j8bq8rfmaf] {
        grid-template-columns: minmax(0, 1.62fr) minmax(160px, 0.88fr);
    }
}

@media (max-width: 767.98px) {
    .cargo-heatmap-widget.cargo-heatmap-card[b-j8bq8rfmaf] {
        --heatmap-height: clamp(320px, 70vw, 440px);
        height: var(--heatmap-height);
        max-height: var(--heatmap-height);
        min-height: var(--heatmap-height);
    }
}

.cargo-chart-fullscreen.cargo-heatmap-widget.cargo-heatmap-card[b-j8bq8rfmaf] {
    --heatmap-height: auto;
    height: 100%;
    max-height: none;
    min-height: 0;
}

.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-heatmap-body[b-j8bq8rfmaf],
.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-heatmap-visual[b-j8bq8rfmaf],
.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-iran-map-wrap[b-j8bq8rfmaf],
.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-iran-map-shell[b-j8bq8rfmaf] {
    min-height: 0;
}

.cargo-chart-fullscreen.cargo-heatmap-widget .cargo-heatmap-provinces[b-j8bq8rfmaf] {
    max-height: none;
    overflow: auto;
    scrollbar-color: var(--barex-scrollbar-thumb) var(--barex-scrollbar-track);
    scrollbar-width: thin;
}
/* /Components/Pages/UserStats/UserStatsOnlineWidget.razor.rz.scp.css */
.user-online-card[b-2d33ohlvu5] {
    height: 298px;
    min-height: 298px;
    overflow: hidden;
}

.user-online-card .cargo-report-chart[b-2d33ohlvu5] {
    flex: 1 1 auto;
    min-height: 0;
}

[b-2d33ohlvu5] .user-online-legend {
    flex-shrink: 0;
}

@media (max-width: 767.98px) {
    .user-online-card[b-2d33ohlvu5] {
        height: auto;
        min-height: 0;
    }

    .user-online-card .cargo-report-chart[b-2d33ohlvu5] {
        min-height: 140px;
    }
}
/* /Components/Pages/UserStats/UserStatsReport.razor.rz.scp.css */
/* CSS for UserStatsReport component */

.chart-container[b-35t0dh23gr] {
    position: relative;
    width: 100%;
    min-width: 0;
}

    .chart-container canvas[b-35t0dh23gr] {
        max-width: 100% !important;
        max-height: 100% !important;
    }

.chart-h-xs[b-35t0dh23gr] {
    height: 120px;
}

.chart-h-sm[b-35t0dh23gr] {
    height: 180px;
}

.chart-h-account[b-35t0dh23gr] {
    height: 220px;
}

.chart-h-md[b-35t0dh23gr] {
    height: 240px;
}

.chart-h-lg[b-35t0dh23gr] {
    height: 280px;
}

.chart-h-gauge[b-35t0dh23gr] {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.chart-h-funnel[b-35t0dh23gr] {
    height: 380px;
}

.funnel-chart-wrap[b-35t0dh23gr] {
    width: 100%;
}

.text-weekday-weekend[b-35t0dh23gr] {
    color: #7c3aed;
}

@media (max-width: 575.98px) {
    .chart-h-md[b-35t0dh23gr], .chart-h-lg[b-35t0dh23gr] {
        height: 220px;
    }

    .chart-h-funnel[b-35t0dh23gr] {
        height: 360px;
    }
}

.load-cancellation-card[b-35t0dh23gr]{
    height: 100%!important;
}

.user-kpi-row .cargo-summary-card[b-35t0dh23gr] {
    height: 142px;
    min-height: 142px;
}

[b-35t0dh23gr] .user-path-card {
    height: 285px;
    min-height: 285px;
}

[b-35t0dh23gr] .user-weekday-legend strong,
[b-35t0dh23gr] .user-online-legend strong {
    font-size: 18px;
}

[b-35t0dh23gr] .user-online-legend {
    gap: 0;
    padding: 0;
}

[b-35t0dh23gr] .cargo-rate-ring {
    max-width: 200px!important;
}

[b-35t0dh23gr] .cargo-rate-ring span{
    font-size: 14px!important;
}

[b-35t0dh23gr] .cargo-rate-ring circle{
    stroke-width: 1.7!important;
}

[b-35t0dh23gr] .cargo-summary-card{
    padding: 16px;
}

.cargo-registration-shares[b-35t0dh23gr]{
    gap: 80px;
    padding: 0;
}

.cargo-registration-shares span[b-35t0dh23gr]{
    font-size: 14px;
}

.card-gap[b-35t0dh23gr]{
    gap: 24px;
}

@media (max-width: 1500px) and (min-width: 1400px) {
    .card-gap[b-35t0dh23gr] {
        flex-direction: column!important;
    }
}

@media (max-width: 767.98px) {
    .load-cancellation-card[b-35t0dh23gr] {
        height: auto !important;
        min-height: 0 !important;
    }

    [b-35t0dh23gr] .user-path-card {
        height: auto;
        min-height: 0;
    }

    .user-kpi-row .cargo-summary-card[b-35t0dh23gr] {
        height: auto;
        min-height: 112px;
    }

    .cargo-registration-shares[b-35t0dh23gr] {
        flex-wrap: wrap;
        gap: 16px;
    }
}
/* /Components/Pages/UserStats/UserStatsTimingCards.razor.rz.scp.css */
@media (max-width: 767.98px) {
    .user-side-kpi[b-gs1mz6g47v] {
        height: auto;
        min-height: 0;
        padding-bottom: 16px;
    }

    .user-side-kpi .cargo-summary-content[b-gs1mz6g47v] {
        margin-top: 12px;
        position: static;
        right: auto;
        top: auto;
    }

    .user-side-kpi .cargo-summary-title[b-gs1mz6g47v] {
        white-space: normal;
    }
}
/* /Components/Pages/UserStats/UserStatsTopShippersWidget.razor.rz.scp.css */
/* CSS for UserStatsTopShippersWidget component */
@keyframes user-lb-bar-open-b-bwxcvlcthk {
    from {
        transform: scaleY(0);
        opacity: 0.4;
    }

    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

.user-lb-col[b-bwxcvlcthk] {
    transform-origin: bottom center;
    animation: user-lb-bar-open-b-bwxcvlcthk 0.35s ease-out;
}
/* /Components/Pages/Users/AllUsers.razor.rz.scp.css */
.barex-medal[b-too3i8jooq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-size: contain;
    font-size: 11px;
}

/*.barex-medal::before, .barex-medal::after { content: ""; position: absolute; top: -0.55rem; width: 0.5rem; height: 0.85rem; z-index: -1; }
.barex-medal::before { left: 0.42rem; background: #d63939; transform: rotate(20deg); }
.barex-medal::after { right: 0.42rem; background: #2f5bd6; transform: rotate(-20deg); }*/
/*.barex-medal-gold { background: radial-gradient(circle at 35% 30%, #ffe98a, #e0a800 75%); color: #6b4e00; }
.barex-medal-silver { background: radial-gradient(circle at 35% 30%, #f3f5f7, #9aa3af 75%); color: #444d59; }*/
/*.barex-medal-bronze { background: radial-gradient(circle at 35% 30%, #e8b07c, #a15f24 75%); color: #fff; }
*/
[b-too3i8jooq] .medal-glow {
    width: 250px;
    height: 58px;
    overflow: hidden;
    right: -43px;
    top: 0;
    z-index: -1;
}

[b-too3i8jooq] .barex-td{
    z-index: 1;
}

[b-too3i8jooq] .barex-tr:has(.barex-medal-gold) .medal-glow-bg {
    position: absolute;
    width: 137.27px;
    height: 40px;
    background: rgba(241, 200, 102, 0.46);
    filter: blur(50px);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

[b-too3i8jooq] .barex-tr:has(.barex-medal-silver) .medal-glow-bg {
    position: absolute;
    width: 137.27px;
    height: 40px;
    background: rgba(206, 191, 184, 0.57);
    filter: blur(50px);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

[b-too3i8jooq] .barex-tr:has(.barex-medal-bronze) .medal-glow-bg {
    position: absolute;
    width: 137.27px;
    height: 40px;
    background: rgba(174, 133, 79, 0.48);
    filter: blur(50px);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

[b-too3i8jooq] .barex-tr:has(.barex-medal-other) .medal-glow-bg {
    position: absolute;
    width: 137.27px;
    height: 40px;
    background: rgba(89, 74, 226, 0.21);
    filter: blur(50px);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.barex-medal-gold[b-too3i8jooq] {
    background-image: url('/images/medals/medal-gold.svg');
    color: #F1C866;
}

.barex-medal-silver[b-too3i8jooq] {
    background-image: url('/images/medals/medal-silver.svg');
    color: #CEBFB8;
}

.barex-medal-bronze[b-too3i8jooq] {
    background-image: url('/images/medals/medal-bronze.svg');
    color: #AE854F;
}

.barex-medal-other[b-too3i8jooq] {
    background-image: url('/images/medals/medal-purple.svg');
    color: var(--barex-primary);
}

.cargo-shipper-avatar[b-too3i8jooq] {
    align-items: center;
    border-radius: 1000px;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 24px;
    justify-content: center;
    width: 24px;
    padding: 4px;
    border: 1px solid var(--barex-divider);
    background: white;
}

    .cargo-shipper-avatar img[b-too3i8jooq] {
        width: 100%;
        height: 100%;
    }

    .cargo-shipper-avatar.without-avatar[b-too3i8jooq] {
        background: var(--barex-primary);
        font-size: 10px;
    }

.badge[b-too3i8jooq] {
    border-radius: 8px;
    padding: 2px 10px;
    background-color: var(--ex-primary-light, rgba(89, 74, 226, 0.05)) !important;
    color: var(--ex-primary, #594AE2) !important;
    gap: 4px;
    display: flex;
    justify-items: center;
    height: 21px;
    align-content: center;
}

    .badge p[b-too3i8jooq] {
        color: var(--barex-primary);
        text-align: right;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
    }

    .badge i[b-too3i8jooq] {
        font-size: 16px;
    }

[b-too3i8jooq] .barex-avatar-name {
    color: var(--barex-text-primary);
    font-size: 14px !important;
    font-weight: 400;
    line-height: normal;
    height: auto !important;
}
/* /Components/Pages/Users/Cards/DriverCard.razor.rz.scp.css */
.driver-card[b-okiu9dqklh] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
}

.driver-header-card[b-okiu9dqklh] {
    min-height: 56px !important;
    align-items: center !important;
}

.driver-card-avatar[b-okiu9dqklh] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--barex-primary-005);
    color: var(--barex-primary);
    font-weight: 700;
    font-size: 16px;
}

.driver-card-name[b-okiu9dqklh] {
    color: var(--barex-text-primary);
    font-size: 14px;
    height: 22px !important;
}

.driver-card-sub[b-okiu9dqklh] {
    color: var(--barex-text-secondary);
    font-size: 11px;
    height: 18px !important;
}

.driver-card-date[b-okiu9dqklh] {
    color: var(--barex-text-secondary);
    font-size: 11px;
}

.driver-card-fleet[b-okiu9dqklh] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 600;
}

.driver-card-menu[b-okiu9dqklh] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .driver-card-menu i[b-okiu9dqklh] {
        color: var(--barex-text-primary);
        font-size: 16px;
    }

.driver-card-truck[b-okiu9dqklh] {
    flex-shrink: 0;
    width: 173px;
    height: 64px;
}

.driver-card-truck i[b-okiu9dqklh] {
    color: var(--barex-text-secondary);
    font-size: 48px;
}

.driver-card-truck-img[b-okiu9dqklh] {
    height: 75px;
    object-fit: contain;
    object-position: center;
}

.driver-card-divider[b-okiu9dqklh] {
    border-color: var(--barex-divider);
    opacity: 1;
}
/* /Components/Pages/Users/Cards/IncompleteUserCard.razor.rz.scp.css */
.incomplete-user-card[b-ni55wbkai4] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    overflow: hidden;
}
.incomplete-user-card-avatar[b-ni55wbkai4] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--barex-primary-005);
    color: var(--barex-primary);
    font-weight: 700;
}
.incomplete-user-card-menu[b-ni55wbkai4] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
}
/* /Components/Pages/Users/Cards/ShipperCard.razor.rz.scp.css */
.shipper-card[b-kzuscturr8] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
}

.shipper-header-card[b-kzuscturr8] {
    min-height: 56px !important;
    align-items: center !important;
    padding: 10px 12px;
}

.shipper-card-avatar[b-kzuscturr8] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--barex-primary);
    color: var(--barex-surface);
    font-weight: 700;
    font-size: 12px;
    border: 1px solid var(--barex-divider);
}

.shipper-card-avatar.is-logo[b-kzuscturr8] {
    background: var(--barex-surface);
}

.shipper-card-avatar-logo[b-kzuscturr8] {
    height: 16px;
    width: 16px;
}

.shipper-card-name[b-kzuscturr8] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.shipper-card-sub[b-kzuscturr8] {
    color: var(--barex-text-secondary);
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
}

.shipper-card-date[b-kzuscturr8] {
    height: 16px;
    border-radius: 5px;
    background: #FAFAFA;
    color: #636363;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    padding: 0 6px;
}

.shipper-card-menu[b-kzuscturr8] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .shipper-card-menu i[b-kzuscturr8] {
        color: var(--barex-text-primary);
        font-size: 16px;
    }

.shipper-card-divider[b-kzuscturr8] {
    border-color: var(--barex-divider);
    opacity: 1;
}

.barex-medal-gold[b-kzuscturr8] {
    background-image: url('/images/medals/medal-gold.svg');
    color: #F1C866;
}

.barex-medal-silver[b-kzuscturr8] {
    background-image: url('/images/medals/medal-silver.svg');
    color: #CEBFB8;
}

.barex-medal-bronze[b-kzuscturr8] {
    background-image: url('/images/medals/medal-bronze.svg');
    color: #AE854F;
}

.barex-medal-other[b-kzuscturr8] {
    background-image: url('/images/medals/medal-purple.svg');
    color: var(--barex-primary);
}

.barex-medal[b-kzuscturr8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: normal;
    background-size: contain;
}

.shipper-header-card[b-kzuscturr8]{
    position: relative;
    z-index: 1;
}

    .shipper-header-card:has(.barex-medal-gold) .medal-glow-bg[b-kzuscturr8] {
        position: absolute;
        content: '';
        width: 140px;
        height: 100%;
        background: rgba(241, 200, 102, 0.40);
        filter: blur(50px);
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .shipper-header-card:has(.barex-medal-silver) .medal-glow-bg[b-kzuscturr8] {
        position: absolute;
        content: '';
        width: 140px;
        height: 100%;
        background: rgba(206, 191, 184, 0.50);
        filter: blur(50px);
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .shipper-header-card:has(.barex-medal-bronze) .medal-glow-bg[b-kzuscturr8] {
        position: absolute;
        content: '';
        width: 140px;
        height: 100%;
        background: rgba(174, 133, 79, 0.40);
        filter: blur(50px);
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .shipper-header-card:has(.barex-medal-other) .medal-glow-bg[b-kzuscturr8] {
        position: absolute;
        content: '';
        width: 140px;
        height: 100%;
        background: rgba(89, 74, 226, 0.20);
        filter: blur(50px);
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

[b-kzuscturr8] .medal-glow {
    width: 250px;
    height: 100%;
    overflow: hidden;
    right: 0;
    top: 0;
    z-index: -1;
}

[b-kzuscturr8] .bubble-rate{
    display: none;
}

[b-kzuscturr8] .cargo-rate-ring{
    max-width: 80px!important;
}

    [b-kzuscturr8] .cargo-rate-ring strong {
        font-size: 20px!important;
    }

    [b-kzuscturr8] .cargo-rate-ring span {
        font-size: 11px !important;
    }

[b-kzuscturr8] .cargo-rate-ring circle {
    stroke-width: 1.5px!important;
}

[b-kzuscturr8] .cargo-metrics{
    display: none!important;
}

[b-kzuscturr8] .cargo-conversion-metrics{
    width: 0!important;
}

.cargo-card-detail[b-kzuscturr8]{
    display: flex;
    flex-direction:column;
    gap: 8px;
    padding-right: 20px;
}

    .cargo-card-detail span[b-kzuscturr8] {
        color: var(--barex-text-secondary);
        font-size: 10px;
        font-weight: 400;
        line-height: normal;
    }

    .cargo-card-detail p[b-kzuscturr8] {
        color: var(--barex-text-primary);
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }
/* /Components/Pages/Users/Cards/UserCard.razor.rz.scp.css */
.user-card[b-r8b509la2g] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
}

.user-header-card[b-r8b509la2g] {
    min-height: 56px !important;
    align-items: center !important;
}

.user-card-avatar[b-r8b509la2g] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--barex-primary-005);
    color: var(--barex-primary);
    font-weight: 700;
    font-size: 16px;
}

.user-card-name[b-r8b509la2g] {
    color: var(--barex-text-primary);
    font-size: 14px;
    height:22px !important;
}

.user-card-sub[b-r8b509la2g] {
    color: var(--barex-text-secondary);
    font-size: 11px;
    height:18px !important;
}

.user-card-date[b-r8b509la2g] {
    color: var(--barex-text-secondary);
    font-size: 11px;
}

.user-card-menu[b-r8b509la2g] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .user-card-menu i[b-r8b509la2g] {
        color: var(--barex-text-primary);
        font-size: 16px;
    }

.user-card-divider[b-r8b509la2g] {
    border-color: var(--barex-divider);
    opacity: 1;
}
/* /Components/Pages/Users/Details/DriverLastActivitySection.razor.rz.scp.css */
.user-detail-activity[b-81nn3hd2is] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    color: var(--barex-text-primary);
}
.user-detail-activity-title[b-81nn3hd2is] { color: var(--barex-text-primary); font-size: 16px; }
.user-detail-activity-message[b-81nn3hd2is] { color: var(--barex-primary); }
.user-detail-activity-meta[b-81nn3hd2is] { color: var(--barex-text-secondary); font-size: 12px; }

.user-detail-activity[b-81nn3hd2is] {
    background: linear-gradient(0deg, rgba(87, 138, 89, 0.00) 0%, rgba(87, 138, 89, 0.02) 100%);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    color: var(--barex-text-primary);
    position: relative;
    overflow: hidden;
}

    .user-detail-activity:has(.complete)[b-81nn3hd2is]::after {
        position: absolute;
        content: "";
        width: 275px;
        height: 100%;
        border-radius: 275px;
        background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
        filter: blur(40px);
        right: -75px;
        top: 0;
    }

    .user-detail-activity:has(.complete)[b-81nn3hd2is] {
        padding: 42px;
        background: none!important;
    }

    .user-detail-activity:has(.cargo-posted)[b-81nn3hd2is] {
        padding: 32px 42px !important;
        background: none;
    }

[b-81nn3hd2is] .user-detail-activity:has(.driver-call) .barex-status-green {
    border-radius: 16px;
    background: var(--barex-green);
    padding: 0 20px;
    height: 28px;
    color: white;
}

.user-detail-activity-title[b-81nn3hd2is] {
    color: var(--barex-text-primary);
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
}

.user-detail-activity-message[b-81nn3hd2is] {
    color: var(--barex-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.user-detail-activity-meta[b-81nn3hd2is] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    height: 24px;
    padding: 0 8px;
    border-radius: 8px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    color: var(--ex-primary, #594AE2);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.user-detail-activity-time[b-81nn3hd2is] {
    color: var(--barex-text-secondary);
    font-size: 9px;
    font-weight: 400;
    line-height: normal;
}

[b-81nn3hd2is] .barex-status-green:has(.complete) {
    height: 16px;
    border: 1px solid var(--barex-green);
    background: var(--barex-green-light);
}

[b-81nn3hd2is] .barex-status-green:has(.complete) {
    height: 24px;
    border-radius: 8px;
    border: 1px solid var(--barex-green);
    background: var(--barex-green-light);
}

.cargo-avatar[b-81nn3hd2is], .call-avatar[b-81nn3hd2is] {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
}

    .cargo-avatar i[b-81nn3hd2is], .call-avatar i[b-81nn3hd2is] {
        font-size: 24px;
        color: var(--barex-secondary);
    }

.cargo-name[b-81nn3hd2is], .call-name[b-81nn3hd2is] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.cargo-detail[b-81nn3hd2is] {
/*    border-left: 1px solid var(--barex-divider);*/
    padding: 0 16px;
    position: relative;
}

    .cargo-detail[b-81nn3hd2is]::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background: linear-gradient(180deg, rgba(227, 227, 227, 0.00) 0%, var(--ex-divider, #E3E3E3) 51.44%, rgba(227, 227, 227, 0.00) 100%);
        left: 0;
        top: 0;
    }

    .cargo-card-route-labels[b-81nn3hd2is] {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

.cargo-card-route-point[b-81nn3hd2is] {
    text-align: center;
    top: 0;
}

    .cargo-card-route-point:first-child[b-81nn3hd2is] {
        right: 4px;
        transform: translateX(50%);
    }

    .cargo-card-route-point:last-child[b-81nn3hd2is] {
        left: 3px;
        transform: translateX(-50%);
    }

.cargo-card-divider[b-81nn3hd2is] {
    border-color: var(--barex-divider);
    margin: 0 0 8px;
    opacity: 1;
}

.cargo-card-price-label[b-81nn3hd2is] {
    color: var(--barex-text-primary);
    font-size: 11px;
}

.cargo-card-price-amount[b-81nn3hd2is] {
    color: var(--barex-text-primary);
    font-size: 14px;
}

.cargo-card-price-unit[b-81nn3hd2is] {
    color: var(--barex-text-secondary);
    font-size: 7px;
    writing-mode: vertical-rl;
}

.cargo-card-city[b-81nn3hd2is] {
    color: var(--barex-text-primary);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.cargo-card-prov[b-81nn3hd2is] {
    color: var(--barex-text-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
}

.user-detail-activity-date[b-81nn3hd2is] {
    color: #636363;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.cargo-cost[b-81nn3hd2is] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.call-label[b-81nn3hd2is] {
    color: #A3A4A7;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.call-count[b-81nn3hd2is] {
    color: #424242;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
}

.call-detail[b-81nn3hd2is] {
    position: relative;
}

    .call-detail[b-81nn3hd2is]::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 24px;
        background: var(--barex-divider);
        left: 0;
    }

.otp-code[b-81nn3hd2is] {
    border-radius: 11px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
    height: 32px;
    color: var(--barex-text-secondary);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 12px;
    display: flex;
    align-items: center;
}

.detail-activity-title[b-81nn3hd2is] {
    color: var(--barex-text-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.destination-weight-icon[b-81nn3hd2is]{
    font-size: 16px;
    color: var(--barex-primary);
}

.destination-weight-title[b-81nn3hd2is] {
    color: #464646;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}

.destination-weight-ton[b-81nn3hd2is] {
    color: var(--barex-text-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
}

@media only screen and (max-width: 990px) {
    .cargo-detail[b-81nn3hd2is] {
        border-left: 0;
        border-bottom: 1px solid var(--barex-divider);
    }

    .user-detail-activity:has(.complete)[b-81nn3hd2is] {
        padding: 16px !important;
    }

    .user-detail-activity.cargo-posted[b-81nn3hd2is] {
        padding: 16px !important;
        background: none;
    }

    .user-detail-activity:has(.driver-call) .cargo-detail[b-81nn3hd2is]{
        border-bottom: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .cargo-card-route[b-81nn3hd2is] {
        width: max-content;
        margin: 0 auto;
    }

    .cargo-title[b-81nn3hd2is] {
        width: calc(100% - 32px);
    }

    .user-detail-activity:has(.driver-call) .cargo-title[b-81nn3hd2is] {
        width: 100%;
    }

    .cargo-detail[b-81nn3hd2is]::after {
        width: 100%;
        height: 1px;
        bottom: -16px;
        top: auto;
        background: linear-gradient(90deg, rgba(227, 227, 227, 0.00) 0%, var(--ex-divider, #E3E3E3) 51.44%, rgba(227, 227, 227, 0.00) 100%);
    }
}
/* /Components/Pages/Users/Details/ShipperLastActivitySection.razor.rz.scp.css */
.user-detail-activity[b-fn7fvjc73q] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    color: var(--barex-text-primary);
    position: relative;
    overflow: hidden;
}

    .user-detail-activity:has(.complete)[b-fn7fvjc73q]::after {
        position: absolute;
        content: "";
        width: 275px;
        height: 100%;
        border-radius: 275px;
        background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
        filter: blur(40px);
        right: -75px;
        top: 0;
    }

.user-detail-activity:has(.complete)[b-fn7fvjc73q]{
    padding: 42px;
}

.user-detail-activity-title[b-fn7fvjc73q] {
    color: var(--barex-text-primary);
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
}

.user-detail-activity-message[b-fn7fvjc73q] {
    color: var(--barex-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.user-detail-activity-meta[b-fn7fvjc73q] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    height: 24px;
    padding: 0 8px;
    border-radius: 8px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    color: var(--ex-primary, #594AE2);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.user-detail-activity-time[b-fn7fvjc73q] {
    color: var(--barex-text-secondary);
    font-size: 9px;
    font-weight: 400;
    line-height: normal;
}

[b-fn7fvjc73q] .barex-status-green:has(.complete) {
    height: 16px;
    border: 1px solid var(--barex-green);
    background: var(--barex-green-light);
}

[b-fn7fvjc73q] .barex-status-green:has(.complete) {
    height: 24px;
    border-radius: 8px;
    border: 1px solid var(--barex-green);
    background: var(--barex-green-light);
}

.cargo-avatar[b-fn7fvjc73q], .call-avatar[b-fn7fvjc73q] {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
}

    .cargo-avatar i[b-fn7fvjc73q], .call-avatar i[b-fn7fvjc73q]{
        font-size: 24px;
        color: var(--barex-secondary);
    }

.cargo-name[b-fn7fvjc73q], .call-name[b-fn7fvjc73q] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.cargo-detail[b-fn7fvjc73q]{
    border-left: 1px solid var(--barex-divider);
    padding: 16px;
}

.cargo-card-route-labels[b-fn7fvjc73q] {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.cargo-card-route-point[b-fn7fvjc73q] {
    text-align: center;
    top: 0;
}

    .cargo-card-route-point:first-child[b-fn7fvjc73q] {
        right: 4px;
        transform: translateX(50%);
    }

    .cargo-card-route-point:last-child[b-fn7fvjc73q] {
        left: 3px;
        transform: translateX(-50%);
    }

.cargo-card-divider[b-fn7fvjc73q] {
    border-color: var(--barex-divider);
    margin: 0 0 8px;
    opacity: 1;
}

.cargo-card-price-label[b-fn7fvjc73q] {
    color: var(--barex-text-primary);
    font-size: 11px;
}

.cargo-card-price-amount[b-fn7fvjc73q] {
    color: var(--barex-text-primary);
    font-size: 14px;
}

.cargo-card-price-unit[b-fn7fvjc73q] {
    color: var(--barex-text-secondary);
    font-size: 7px;
    writing-mode: vertical-rl;
}

.cargo-card-city[b-fn7fvjc73q] {
    color: var(--barex-text-primary);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.cargo-card-prov[b-fn7fvjc73q] {
    color: var(--barex-text-secondary);
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
}

.user-detail-activity-date[b-fn7fvjc73q] {
    color: #636363;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.cargo-cost[b-fn7fvjc73q] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.call-label[b-fn7fvjc73q] {
    color: #A3A4A7;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.call-count[b-fn7fvjc73q] {
    color: #424242;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
}

.call-detail[b-fn7fvjc73q]{
    position: relative;
}

[b-fn7fvjc73q] .call-stat-divider {
        position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
        height: 24px;
    min-height: 24px;
    align-self: auto;
    }

@media only screen and (max-width: 990px) {
    .cargo-detail[b-fn7fvjc73q] {
        border-left: 0;
        border-bottom: 1px solid var(--barex-divider);
    }

    .user-detail-activity:has(.complete)[b-fn7fvjc73q] {
        padding: 16px;
    }
}

@media only screen and (max-width: 1200px) {
    .cargo-card-route[b-fn7fvjc73q] {
        width: max-content;
        margin: 0 auto;
    }

    .cargo-title[b-fn7fvjc73q] {
        width: calc(100% - 32px);
    }
}

@media only screen and (max-width: 1500px){
    .cargo-detail[b-fn7fvjc73q] {
        border-left: 0;
        border-bottom: 1px solid var(--barex-divider);
    }
}
/* /Components/Pages/Users/Details/UserDetailCard.razor.rz.scp.css */
.user-detail-card[b-mw8izvf8qb] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.05);
}

.user-detail-card-head[b-mw8izvf8qb] {
    margin-bottom: 22px;
}

.user-detail-card-box[b-mw8izvf8qb] {
    height: 32px;
    width: 32px;
    background: var(--barex-primary-005);
    border-radius: 8px;
}

.user-detail-card-box i[b-mw8izvf8qb] {
    color: var(--barex-primary);
    font-size: 20px;
}

.user-detail-card-title[b-mw8izvf8qb] {
    color: var(--barex-text-primary);
    font-size: 14px;
    margin-bottom: -2px;
}

.user-detail-card-date[b-mw8izvf8qb] {
    background: var(--barex-secondary-surface);
    border-radius: 5px;
    color: var(--barex-text-secondary);
    font-size: 10px;
    padding: 0 6px;
    height: 16px;
}

.user-detail-card-city[b-mw8izvf8qb] {
    color: var(--barex-text-primary);
    font-size: 14px;
    white-space: nowrap;
}

.user-detail-card-prov[b-mw8izvf8qb] {
    color: var(--barex-text-secondary);
    font-size: 10px;
    white-space: nowrap;
}

.user-detail-card-route[b-mw8izvf8qb] {
    margin-bottom: 27px;
}

.user-detail-card-route-track[b-mw8izvf8qb],
.user-detail-card-route-labels[b-mw8izvf8qb],
.user-detail-card-route-img[b-mw8izvf8qb] {
    width: 136px;
}

.user-detail-card-route-img[b-mw8izvf8qb] {
    display: block;
    height: 7px;
}

.user-detail-card-route-labels[b-mw8izvf8qb] {
    height: 32px;
    margin-top: 11px;
    position: relative;
}

.user-detail-card-route-point[b-mw8izvf8qb] {
    position: absolute;
    text-align: center;
    top: 0;
}

.user-detail-card-route-point:first-child[b-mw8izvf8qb] {
    right: 4px;
    transform: translateX(50%);
}

.user-detail-card-route-point:last-child[b-mw8izvf8qb] {
    left: 3px;
    transform: translateX(-50%);
}

.user-detail-card-divider[b-mw8izvf8qb] {
    border-color: var(--barex-divider);
    margin: 0 0 8px;
    opacity: 1;
}
/* /Components/Pages/Users/Details/UserDetailsKpiCards.razor.rz.scp.css */
.user-detail-kpi[b-3n9qizbcai] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    min-height: 142px;
}

.user-detail-kpi-icon[b-3n9qizbcai] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-detail-kpi-icon i[b-3n9qizbcai]{
    font-size:  24px;
}

.user-detail-kpi-label[b-3n9qizbcai] {
    color: var(--barex-text-secondary);
    font-size: 12px;
}

.user-detail-kpi-value[b-3n9qizbcai] {
    color: var(--barex-text-primary);
    font-size: 36px;
    font-weight: 600;
    margin-top: 26px;
    line-height: 31px;
}

.user-detail-kpi-value.zero-value[b-3n9qizbcai] {
    font-size: 18px;
    line-height: 1.4;
}

.user-detail-kpi-primary[b-3n9qizbcai] {
    color: var(--barex-primary);
    background: var(--barex-primary-005);
}

.user-detail-kpi-success[b-3n9qizbcai] {
    color: var(--barex-green);
    background: var(--barex-green-005);
}

.user-detail-kpi-danger[b-3n9qizbcai] {
    color: var(--barex-red);
    background: var(--barex-red-005);
}

.user-detail-kpi-muted[b-3n9qizbcai] {
    color: var(--barex-text-primary);
    background: var(--barex-secondary-surface);
}

.user-detail-kpi-info[b-3n9qizbcai] {
    color: var(--barex-primary);
    background: var(--barex-primary-005);
}

.spinner-border[b-3n9qizbcai] {
    color: var(--barex-primary);
}
/* /Components/Pages/Users/Details/UserDetailsOtpHistoryDialog.razor.rz.scp.css */
.otp-history-backdrop[b-thyjhr4qi9] {
    z-index: 1055;
    background: rgba(0, 0, 0, 0.15);
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.otp-history-dialog[b-thyjhr4qi9] {
    width: 100%;
    max-width: 470px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-surface);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    overflow: hidden;
}

.otp-history-header[b-thyjhr4qi9] {
    height: 56px;
    padding: 0 23px 0 16px;
    border-bottom: 1px solid var(--barex-divider);
}

.otp-history-title[b-thyjhr4qi9] {
    font-size: 16px;
    color: var(--barex-text-primary);
}

.otp-history-body[b-thyjhr4qi9] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
    max-height: 259px;
    overflow: auto;
}

.otp-history-item[b-thyjhr4qi9] {
    border: 1px solid var(--barex-divider);
    border-radius: 20px;
    padding: 12px 16px;
}

.otp-history-provider[b-thyjhr4qi9] {
    font-size: 10px;
    color: var(--barex-text-primary);
}

.user-detail-occurred-date[b-thyjhr4qi9] {
    font-size: 9px;
    color: var(--barex-text-secondary);
}

.user-detail-occurred-time[b-thyjhr4qi9] {
    font-size: 9px;
    color: var(--barex-text-secondary);
}

.user-detail-otp-chip[b-thyjhr4qi9] {
    width: 54px;
    height: 24px;
    border-radius: 8px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
    color: var(--barex-text-secondary);
    font-size: 14px;
}

.user-detail-otp-status[b-thyjhr4qi9] {
    color: var(--barex-text-secondary);
    font-size: 12px;
}

@media (max-width: 768px) {
    .otp-history-backdrop[b-thyjhr4qi9] {
        align-items: flex-end;
        padding: 0;
    }

    .otp-history-dialog[b-thyjhr4qi9] {
        max-width: 100%;
        border-radius: 16px 16px 0 0;
    }
}
/* /Components/Pages/Users/Details/UserDetailsPagedSection.razor.rz.scp.css */
.user-detail-empty[b-iagg04wwqd] {
    color: var(--barex-text-secondary);
}

/*::deep .barex-table-wrapper {
    height: auto;
}*/

[b-iagg04wwqd] .barex-table-card {
    background: transparent;
    border: 0;
}

/*::deep .barex-table-body-panel,
::deep .barex-table-body-scroll {
    height: auto;
    background: transparent;
}*/

[b-iagg04wwqd] .expansion-header {
    color: var(--barex-text-primary) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: normal;
}

[b-iagg04wwqd] .expansion-content {
    gap: 0 !important;
}

[b-iagg04wwqd] .barex-table-wrapper, [b-iagg04wwqd] .barex-table-card {
    height: max-content !important;
}

[b-iagg04wwqd] .barex-empty {
    position: initial !important;
    transform: none!important;
    margin: 0 auto;
}

.barex-table-footer[b-iagg04wwqd] {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    border-radius: 0 0 12px 12px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-surface);
    border-top: 0;
}

.user-detail-view-all[b-iagg04wwqd] {
    color: var(--barex-primary);
    font-size: 14px !important;
    font-weight: 400;
    cursor: pointer;
}

[b-iagg04wwqd] .barex-table-summary, [b-iagg04wwqd] .barex-page-size-trigger {
    display: none!important;
}
/* /Components/Pages/Users/Details/UserDetailsPeriodFilter.razor.rz.scp.css */
.user-detail-period-trigger[b-9pga067g91] {
    align-items: center;
    background: var(--barex-secondary-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    color: var(--barex-text-secondary);
    display: inline-flex;
    font-size: 11px;
    gap: 4px;
    padding: 4px 8px;
}

.user-detail-period-trigger i[b-9pga067g91] { font-size: 12px; }
/* /Components/Pages/Users/Details/UserDetailsRegistrationSteps.razor.rz.scp.css */
.user-detail-wizard-heading[b-ksczje5vww] {
    font-size: 22px;
    color: var(--barex-text-primary);
}

.user-detail-wizard-row[b-ksczje5vww] {
    gap: 32px;
}

.user-detail-wizard-card[b-ksczje5vww] {
    padding: 24px;
    border: 1px solid var(--barex-divider);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    position: relative;
}

    .user-detail-wizard-card.is-done[b-ksczje5vww]::after {
        position: absolute;
        content: '';
        width: 217px;
        height: 157px;
        position: absolute;
        right: -26px;
        top: -15px;
        background: rgba(89, 74, 226, 0.05);
        filter: blur(40px);
    }

    .user-detail-wizard-card.is-done[b-ksczje5vww]::before {
        content: "";
        position: absolute;
        inset-inline-end: -20px;
        top: -24px;
        width: 217px;
        background: radial-gradient(circle, var(--barex-primary-005) 0%, transparent 70%);
        pointer-events: none;
    }

.user-detail-wizard-title[b-ksczje5vww] {
    font-size: 16px;
    color: var(--barex-text-primary);
    font-weight: 600;
    line-height: normal;
}

.user-detail-wizard-card.is-done .user-detail-wizard-title[b-ksczje5vww] {
    color: var(--barex-primary);
}

.user-detail-wizard-card.is-wait .user-detail-wizard-title[b-ksczje5vww] {
    color: var(--barex-btn-disabled-bg);
    font-size: 14px;
    font-weight: 400;
}

.user-detail-wizard-rail[b-ksczje5vww] {
    width: 32px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
}

.user-detail-wizard-row:not(:last-child) .user-detail-wizard-rail[b-ksczje5vww]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: -100%;
    inset-inline-start: 15px;
    width: 1px;
    background: var(--barex-divider);
    z-index: -1;
}

.user-detail-wizard-row:has(.is-done):not(:last-child) .user-detail-wizard-rail[b-ksczje5vww]::after {
    background: linear-gradient(180deg, var(--ex-primary, #594AE2) 0%, var(--ex-divider, #E3E3E3) 100%);
}

.user-detail-wizard-icon[b-ksczje5vww] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .user-detail-wizard-icon.is-done[b-ksczje5vww] {
        background: var(--barex-primary);
        color: var(--barex-onprimary);
    }

    .user-detail-wizard-icon.is-current[b-ksczje5vww] {
        border: 1px solid var(--barex-primary);
        color: var(--barex-primary);
        background: var(--barex-surface);
    }

    .user-detail-wizard-icon.is-wait[b-ksczje5vww] {
        border: 1px solid var(--barex-divider);
        color: var(--barex-btn-disabled-bg);
        background: var(--barex-secondary-surface);
    }

    .user-detail-wizard-icon.is-square[b-ksczje5vww] {
        border-radius: 8px;
        border: 1px solid var(--barex-divider);
        background: var(--barex-secondary-surface);
        color: var(--barex-primary);
    }

.user-detail-wizard-icon i[b-ksczje5vww]{
    font-size: 20px;
}

.user-detail-occurred-date[b-ksczje5vww] {
    color: var(--barex-text-secondary);
    font-size: 9px;
}

.user-detail-occurred-time[b-ksczje5vww] {
    color: var(--barex-text-secondary);
    font-size: 9px;
}

.user-detail-otp-status[b-ksczje5vww] {
    color: var(--barex-text-secondary);
    font-size: 12px;
}

.user-detail-otp-chip[b-ksczje5vww] {
    width: 54px;
    height: 24px;
    border-radius: 8px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
    color: var(--barex-text-secondary);
    font-size: 14px;
}

[b-ksczje5vww] .barex-status {
    height: 24px !important;
    padding: 0 8px !important;
    font-size: 14px !important;
}

.timline[b-ksczje5vww]{
    gap: 88px;
}

[b-ksczje5vww] .barex-status-green {
    border: 1px solid var(--ex-green, #578A59);
    background: var(--ex-green-light, rgba(87, 138, 89, 0.05));
}

[b-ksczje5vww] .barex-status-secondary {
    border: 1px solid var(--ex-divider, #E3E3E3);
    background: var(--ex-secondary-surface, #FAFAFA);
}

@media only screen and (max-width: 990px) {
    .timline[b-ksczje5vww] {
        gap: 44px;
    }

    .user-detail-wizard-row[b-ksczje5vww]{
        gap: 20px;
    }
}
/* /Components/Shared/BarexAudienceCheckbox.razor.rz.scp.css */
.audience-option[b-zarqf3mty8] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 72px;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
    margin: 0;
}

.audience-option .form-check-input[b-zarqf3mty8] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.audience-check[b-zarqf3mty8] {
    display: none;
    position: absolute;
    top: 8px;
    left: 8px;
    color: var(--barex-primary);
    font-size: 20px;
}

.audience-option:has(.form-check-input:checked)[b-zarqf3mty8] {
    border-color: var(--barex-primary);
    background: #fff;
}

.audience-option:has(.form-check-input:checked) .audience-check[b-zarqf3mty8] {
    display: block;
}

.audience-option-disabled[b-zarqf3mty8] {
    opacity: .55;
    pointer-events: none;
}
/* /Components/Shared/BarexConfirmModal.razor.rz.scp.css */
.barex-confirm-modal-backdrop[b-dyyc6inl3m] {
    z-index: 2100;
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(1.5px);
    padding: 0.5rem;
    align-items: center;
    justify-content: center;
    overscroll-behavior: none;
    touch-action: none;
}

.barex-confirm-modal-dialog[b-dyyc6inl3m] {
    width: 100%;
    max-width: 500px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-surface);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    border-radius: 16px;
}

@keyframes barex-confirm-modal-fade-in-b-dyyc6inl3m {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes barex-confirm-modal-slide-up-b-dyyc6inl3m {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@media (max-width: 768px) {
    .barex-confirm-modal-backdrop[b-dyyc6inl3m] {
        align-items: flex-end;
        padding: 0;
        animation: barex-confirm-modal-fade-in-b-dyyc6inl3m 0.25s ease-out;
    }

    .barex-confirm-modal-body[b-dyyc6inl3m]{
        padding: 32px !important;
        gap: 12px !important;
    }

    .barex-confirm-modal-dialog[b-dyyc6inl3m] {
        max-width: 100%;
        border-radius: 16px 16px 0 0;
        border-bottom: 0;
        animation: barex-confirm-modal-slide-up-b-dyyc6inl3m 0.32s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .barex-confirm-modal-footer[b-dyyc6inl3m] {
        height: 65px !important;
        flex-direction: column;
        align-items: stretch;
        height: auto;
        padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0));
        justify-content: center !important;
    }

    .barex-confirm-modal-text[b-dyyc6inl3m],
    .barex-confirm-modal-hint[b-dyyc6inl3m] {
        text-align: center !important;
    }

    .barex-confirm-modal-btn[b-dyyc6inl3m] {
        width: 100%;
    }
}

.barex-confirm-modal-header[b-dyyc6inl3m] {
    height: 56px;
    padding: 0 23px 0 16px;
    border-bottom: 1px solid var(--barex-divider);
}

.barex-confirm-modal-title[b-dyyc6inl3m] {
    font-size: 16px;
    color: var(--barex-text-primary);
}

.barex-confirm-modal-body[b-dyyc6inl3m] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.barex-confirm-modal-text[b-dyyc6inl3m] {
    font-size: 14px;
    color: var(--barex-text-primary);
    text-align: start;
}

.barex-confirm-modal-hint[b-dyyc6inl3m] {
    font-size: 12px;
    color: var(--barex-text-secondary);
    text-align: start;
}

.barex-confirm-modal-footer[b-dyyc6inl3m] {
    height: 56px;
    border-top: 1px solid var(--barex-divider);
    align-items: center;
    justify-content: flex-end;
}

.barex-confirm-modal-btn[b-dyyc6inl3m] {
    min-width: 98px;
    padding: 6px 32px 8px;
    border-radius: 10px;
    font-size: 14px;
}

    .barex-confirm-modal-btn:disabled[b-dyyc6inl3m] {
        opacity: 0.65;
    }

.barex-confirm-modal-btn-danger[b-dyyc6inl3m] {
    border: 1px solid #f44336;
    background: #f44336;
    color: var(--barex-onprimary);
}

.barex-confirm-modal-btn-success[b-dyyc6inl3m] {
    border: 1px solid var(--barex-success);
    background: var(--barex-success);
    color: var(--barex-onprimary);
}

.barex-confirm-modal-btn-primary[b-dyyc6inl3m] {
    border: 1px solid var(--barex-primary);
    background: var(--barex-primary);
    color: var(--barex-onprimary);
}

.barex-confirm-modal-btn-secondary[b-dyyc6inl3m] {
    border: 1px solid var(--barex-divider);
    background: transparent;
    color: var(--barex-text-secondary);
}
/* /Components/Shared/BarexFleetCard.razor.rz.scp.css */
.user-detail-fleet[b-mzlmkqjccx] {
    border-radius: 12px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

.user-detail-fleet-title[b-mzlmkqjccx] {
    color: var(--barex-text-primary);
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
}

.user-detail-fleet-empty[b-mzlmkqjccx] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    padding: 12px 22px;
}

.user-detail-fleet-empty i[b-mzlmkqjccx]{
    font-size: 24px;
    color: var(--barex-primary);
}

.user-detail-fleet-empty p[b-mzlmkqjccx]{
    font-size: 16px;
}

.user-detail-fleet-empty span[b-mzlmkqjccx]{
    font-size: 12px;
}

.user-detail-truck-img[b-mzlmkqjccx] {
    height: 69px;
    object-fit: contain;
    flex-shrink: 0;
    width: fit-content;
}

.user-detail-fleet-footer[b-mzlmkqjccx]{
    padding: 8px 12px;
    border-top: 1px solid var(--barex-divider);
}

.smart-card-number[b-mzlmkqjccx] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}

.smart-card-label[b-mzlmkqjccx] {
    color: var(--barex-text-secondary);
    font-size: 9px;
    font-weight: 700;
    line-height: normal;
}
/* /Components/Shared/BarexMarqueeText.razor.rz.scp.css */
.barex-marquee[b-kobxo1q5ji] { max-width: 100%; }
.barex-marquee-track[b-kobxo1q5ji] { display: inline-flex; align-items: center; }
.barex-marquee-content[b-kobxo1q5ji] { flex-shrink: 0; }
@media (max-width: 767.98px) {
    .barex-marquee--mobile[b-kobxo1q5ji] { overflow: hidden; }
    .barex-marquee--mobile .barex-marquee-content[b-kobxo1q5ji] { white-space: nowrap; }
    .barex-marquee--mobile .barex-marquee-track.is-animate[b-kobxo1q5ji] {
        animation: barex-marquee-b-kobxo1q5ji 5s linear infinite;
        gap: 24px;
    }
}
@keyframes barex-marquee-b-kobxo1q5ji {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-50% - 12px)); }
}
/* /Components/Shared/BarexPageHeader.razor.rz.scp.css */
.barex-page-header-section[b-v7ypd0c81j]{
    height: 60px !important;
}

.barex-page-header-icon[b-v7ypd0c81j] {
    background: var(--barex-primary-005);
    border-radius: 16px;
    width: 60px;
    height: 60px;
}

.barex-page-header-icon i[b-v7ypd0c81j]{
    font-size: 40px;
}

.barex-page-text-section[b-v7ypd0c81j]{
    gap:8px;
}

.barex-page-title[b-v7ypd0c81j] {
    font-size: 32px !important;
    height: 32px;
}

.barex-page-subtitle[b-v7ypd0c81j] {
    font-size: 14px;
    height:20px;
} 

@media (max-width:992px){
    .barex-page-title[b-v7ypd0c81j] {
        font-size: 22px !important;
    }
}
/* /Components/Shared/BarexPageSizeSelect.razor.rz.scp.css */
.barex-page-size-trigger[b-3gwxcqtq78] {
    cursor: pointer;
}

.barex-btn-secondary[b-3gwxcqtq78] {
    height: 36px;
    padding-inline: 32px;
    border-radius: 10px;
    background: var(--barex-secondary-surface);
    color: var(--barex-text-primary);
    border: 1px solid var(--barex-divider);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
}

.barex-btn-secondary i[b-3gwxcqtq78] {
    font-size: 20px;
    color: var(--barex-text-primary);
}

.barex-page-size-text[b-3gwxcqtq78] {
    font-size: 14px;
}
/* /Components/Shared/BarexPagination.razor.rz.scp.css */
.barex-pagination[b-pu0atzphlp] { direction: rtl; flex-wrap: wrap; }

.barex-pagination--end[b-pu0atzphlp] { justify-content: flex-start; margin-inline-end: auto; }

.barex-page[b-pu0atzphlp] {
    align-items: center;
    background: var(--barex-primary-005);
    border: none;
    border-radius: 8px;
    color: var(--barex-primary);
    display: inline-flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    min-width: 36px;
}

.barex-page.active[b-pu0atzphlp] { background: var(--barex-primary); color: #fff; }
.barex-page-nav[b-pu0atzphlp], .barex-page-ellipsis[b-pu0atzphlp] { background: transparent; }
.barex-page:disabled[b-pu0atzphlp] { opacity: 0.4; }
.barex-page-icon[b-pu0atzphlp] { height: 24px; width: 24px; }
/* /Components/Shared/BarexProfileCard.razor.rz.scp.css */
.user-detail-profile[b-5q1cseqtrg] {
    width: 323px;
    border-left: 1px solid var(--barex-divider);
}

.user-detail-first-part[b-5q1cseqtrg]{
    padding: 20px;
    border-bottom: 1px solid var(--barex-divider);
}

.user-detail-second-part[b-5q1cseqtrg] {
    border-bottom: 1px solid var(--barex-divider);
}

.user-detail-back[b-5q1cseqtrg] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.user-detail-avatar[b-5q1cseqtrg] {
    width: 60px;
    height: 60px;
    border-radius: 20px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
}

.ti-user[b-5q1cseqtrg]{
    font-size: 42px;
    color: var(--barex-primary)
}

.user-detail-title[b-5q1cseqtrg] {
    color: var(--barex-text-primary);
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
}

[b-5q1cseqtrg] .barex-item-label {
    width: 120px!important;
}

    [b-5q1cseqtrg] .barex-item-label p {
        color: var(--barex-text-secondary);
        font-size: 10px!important;
        font-weight: 700;
        line-height: normal;
    }
[b-5q1cseqtrg] .barex-status{
    padding: 0 16px!important;
}

[b-5q1cseqtrg] .barex-phone-text {
    gap: 0 !important;
    color: var(--barex-text-secondary) !important;
}

.user-detail-subtitle[b-5q1cseqtrg] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

@media only screen and (max-width: 990px) {
    .user-detail-profile[b-5q1cseqtrg] {
        width: 100%;
        border-left: 0;
    }
}

@media only screen and (min-width: 990px) {
    .user-detail-profile[b-5q1cseqtrg] {
        height: calc(100vh - var(--barex-topbar-height)) !important;
        position: sticky;
        top: var(--barex-topbar-height);
        overflow-y: auto;
    }
}
/* /Components/Shared/BarexSkeleton.razor.rz.scp.css */
.barex-skeleton[b-op1h61ujq1] {
    display: inline-block;
    flex-shrink: 0;
    width: var(--barex-skeleton-width);
    height: var(--barex-skeleton-height);
    max-width: 100%;
    border-radius: 6px;
    background: linear-gradient(90deg,
        var(--barex-secondary-surface) 20%,
        color-mix(in srgb, var(--barex-divider) 72%, var(--barex-surface)) 50%,
        var(--barex-secondary-surface) 80%);
    background-size: 240% 100%;
    animation: barex-skeleton-shimmer-b-op1h61ujq1 1.35s ease-in-out infinite;
}

.barex-skeleton--circle[b-op1h61ujq1] {
    border-radius: 50%;
}

@keyframes barex-skeleton-shimmer-b-op1h61ujq1 {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .barex-skeleton[b-op1h61ujq1] { animation: none; }
}
/* /Components/Shared/BarexStatusBadge.razor.rz.scp.css */
.barex-status[b-1nfjw0agap] {
    border-radius: 8px;
    display: flex;
    align-items: center;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    padding: 0 8px;
    text-align: center;
    width: fit-content;
    gap: 4px;
    line-height: normal;
}

.barex-badge-icon[b-1nfjw0agap]{
    font-size:16px;
}

.barex-status-dot[b-1nfjw0agap] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

.barex-status-red[b-1nfjw0agap] {
    background: var(--ex-error-light, rgba(244, 67, 54, 0.05));
    color: var(--barex-red);
}

.barex-status-green[b-1nfjw0agap] {
    background: var(--barex-green-005);
    color: var(--barex-green);
}

.barex-status-primary[b-1nfjw0agap] {
    background: var(--barex-primary-005);
    color: var(--barex-primary);
}

.barex-status-secondary[b-1nfjw0agap] {
    background: var(--barex-secondary-surface);
    color: var(--barex-text-primary);
}

.barex-status-orange[b-1nfjw0agap] {
    background: var(--barex-orange-005);
    color: var(--barex-orange);
}

@media (max-width: 767.98px) {
    .barex-status-marquee[b-1nfjw0agap] {
        max-width: 100%;
        overflow: hidden;
        width: auto;
    }
}

@media (max-width: 990px) {
    .barex-status[b-1nfjw0agap] {
        height: 16px;
        font-size: 10px;
    }
}
/* /Components/Shared/BarexTable.razor.rz.scp.css */
.barex-table-wrapper[b-65tbpd992c] {
    position: relative;
    height: calc(100vh - 335px);
}

.barex-table-wrapper.is-fit[b-65tbpd992c],
.barex-table-wrapper.is-fit .barex-table-body-panel[b-65tbpd992c],
.barex-table-wrapper.is-fit .barex-table-body-scroll[b-65tbpd992c] {
    height: auto;
}

.barex-table-wrapper.is-fit .barex-empty[b-65tbpd992c] {
    position: static;
    transform: none;
}

.barex-empty[b-65tbpd992c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--barex-primary) !important;
}

.barex-table-card[b-65tbpd992c] {
    background: var(--barex-secondary-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    overflow: hidden;
}

.barex-table-body-panel[b-65tbpd992c] {
    height: Calc(100% - 60px);
    background: var(--barex-secondary-surface);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.barex-table-body-scroll[b-65tbpd992c] {
    --barex-scrollbar-size: 3px;
    background: var(--barex-surface);
    height: 100%;
    overflow: auto;
}

.barex-table[b-65tbpd992c] {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    min-width: 100%;
    table-layout: auto;
    width: max-content;
}

.barex-table-head[b-65tbpd992c] {
    background: var(--barex-secondary-surface);
    height:45px;
}

.barex-thead[b-65tbpd992c] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.barex-tbody[b-65tbpd992c] {
    background: transparent;
}

.barex-th[b-65tbpd992c] {
    background: var(--barex-secondary-surface);
    color: var(--barex-text-primary);
    border-bottom:1px solid var(--barex-divider);
    font-size: 14px;
    font-weight: bold;
    padding-inline:16px;
    text-align: right !important;
    white-space: nowrap;
    z-index: 3;
}

.barex-th-actions[b-65tbpd992c]{
    display: none;
}

.barex-td[b-65tbpd992c] {
    background: var(--barex-surface);
    color: var(--barex-text-primary);
    font-size: 14px;
    padding-inline:16px;
    position: relative;
    text-align: right !important;
    vertical-align: middle;
    white-space: nowrap;
    border-bottom: 1px solid var(--barex-divider);
    width: 10%;
}

.barex-td + .barex-td[b-65tbpd992c]::before {
    background: var(--barex-divider);
    content: "";
    height: 20px;
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.barex-tr[b-65tbpd992c] {
    border-bottom: 1px solid var(--barex-divider);
    height: var(--barex-table-tr-height);
    width: 100%;
}

.barex-skeleton-row[b-65tbpd992c] {
    pointer-events: none;
}

.barex-skeleton-row .barex-td[b-65tbpd992c] {
    height: var(--barex-table-tr-height);
}

.barex-col-num[b-65tbpd992c], .barex-th-num[b-65tbpd992c], .barex-td-num[b-65tbpd992c] {
    color: var(--barex-text-secondary);
    text-align: right !important;
    width: 48px;
}

.barex-table .barex-th.text-center[b-65tbpd992c],
.barex-table .barex-td.text-center[b-65tbpd992c],
.barex-table .barex-th.text-start[b-65tbpd992c],
.barex-table .barex-td.text-start[b-65tbpd992c],
.barex-table .barex-th.text-end[b-65tbpd992c],
.barex-table .barex-td.text-end[b-65tbpd992c] {
    text-align: right !important;
}


.barex-table-footer[b-65tbpd992c] {
    border-top: 1px solid var(--barex-divider);
    background: var(--barex-surface);
}

.barex-table-footer-row[b-65tbpd992c] {
    padding: 12px 16px;
}

.barex-table-summary[b-65tbpd992c] {
    color: var(--barex-text-secondary);
    font-size: 14px;
    white-space: nowrap;
}

.barex-col-actions[b-65tbpd992c] {
    min-width: 0;
    width: 0;
}

.barex-td-actions[b-65tbpd992c] {
    border-bottom: unset !important;
    inset-inline-end: 0;
    max-width: 0;
    min-width: 0;
    overflow: visible;
    padding: 0;
    pointer-events: auto;
    position: sticky;
    text-align: end;
    visibility: hidden;
    width: 0;
    z-index: 2;
}

.barex-row-actions[b-65tbpd992c] {
    background: linear-gradient(90deg, var(--barex-primary-005) 0%, var(--barex-primary-0) 100%);
    inset-inline-end: 0;
    padding-block: 11px;
    padding-inline-start: 80px;
    padding-inline-end: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-51%);
}

.barex-row-actions[b-65tbpd992c]::after {
    background: var(--barex-secondary-0) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    content: "";
    height: 100%;
    inset-block: 0;
    inset-inline-start: 0;
    mask-image: linear-gradient(to right, #000 0%, #000 35%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, #000 0%, #000 35%, transparent 100%);
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.barex-td-actions[b-65tbpd992c]::before {
    display: none;
}

.barex-tr:hover .barex-td-actions[b-65tbpd992c] {
    visibility: visible;
}

.barex-table .barex-phone-cell[b-65tbpd992c],
.barex-table .barex-phone-text[b-65tbpd992c],
.barex-table .barex-phone-groups[b-65tbpd992c],
.barex-table .barex-avatar-phone[b-65tbpd992c] {
    direction: ltr;
    unicode-bidi: isolate;
}

[b-65tbpd992c] .medal-glow {
    height: 58px;
    overflow: hidden;
    right: -43px;
    top: 0;
    width: 250px;
    z-index: -1;
}

[b-65tbpd992c] .barex-td { z-index: 1; }

[b-65tbpd992c] .medal-glow-bg {
    filter: blur(50px);
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 137px;
}

[b-65tbpd992c] .barex-tr:has(.barex-medal-gold) .medal-glow-bg { background: rgba(241, 200, 102, 0.46); }
[b-65tbpd992c] .barex-tr:has(.barex-medal-silver) .medal-glow-bg { background: rgba(206, 191, 184, 0.57); }
[b-65tbpd992c] .barex-tr:has(.barex-medal-bronze) .medal-glow-bg { background: rgba(174, 133, 79, 0.48); }
[b-65tbpd992c] .barex-tr:has(.barex-medal-other) .medal-glow-bg { background: rgba(89, 74, 226, 0.21); }

[b-65tbpd992c] .barex-medal {
    align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 11px;
    height: 20px;
    justify-content: center;
    position: relative;
    width: 20px;
}

[b-65tbpd992c] .barex-medal-gold { background-image: url('/images/medals/medal-gold.svg'); color: #F1C866; }
[b-65tbpd992c] .barex-medal-silver { background-image: url('/images/medals/medal-silver.svg'); color: #CEBFB8; }
[b-65tbpd992c] .barex-medal-bronze { background-image: url('/images/medals/medal-bronze.svg'); color: #AE854F; }
[b-65tbpd992c] .barex-medal-other { background-image: url('/images/medals/medal-purple.svg'); color: var(--barex-primary); }
/* /Components/Shared/BarexViewToggle.razor.rz.scp.css */
.barex-view-toggle[b-ph54uuv8ep] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    gap: 4px;
    padding: 4px;
    position: relative;
    z-index: 1;
}

.barex-view-option[b-ph54uuv8ep] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: var(--barex-text-secondary);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    gap: 6px;
    padding: 4px 10px;
}

.barex-view-option.active[b-ph54uuv8ep] {
    background: var(--barex-primary-005);
    color: var(--barex-primary);
}

.barex-view-icon[b-ph54uuv8ep] {
    background-color: currentColor;
    display: inline-block;
    flex-shrink: 0;
    height: 20px;
    mask: center / contain no-repeat;
    -webkit-mask: center / contain no-repeat;
    width: 20px;
}

.barex-view-icon-table[b-ph54uuv8ep] {
    -webkit-mask-image: url(/images/cargos/view-table.svg);
    mask-image: url(/images/cargos/view-table.svg);
}

.barex-view-icon-card[b-ph54uuv8ep] {
    -webkit-mask-image: url(/images/cargos/view-card.svg);
    mask-image: url(/images/cargos/view-card.svg);
}

.barex-view-sep[b-ph54uuv8ep] { background: var(--barex-divider); height: 20px; width: 1px; }
/* /Components/Shared/BlockUserModal.razor.rz.scp.css */
/* CSS for BlockUserModal component */

.block-user[b-8k3bukutul]  .modal-content{
    border-radius: 16px;

}

[b-8k3bukutul] .modal-header{
    padding: 16px 12px;
    display: flex;
    justify-content: space-between;
}

[b-8k3bukutul] .btn-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    padding: 0;
    margin: 0;
}

[b-8k3bukutul] .modal-footer {
    padding: 10px;
}

    [b-8k3bukutul] .modal-footer button {
        background: var(--barex-primary);
    }

.block-user[b-8k3bukutul]  .modal-title {
    color: var(--barex-text-primary);
    font-size: 16px;
    font-weight: 400;
}

.block-user[b-8k3bukutul]  .modal-body {
    padding: 16px;
}

.user-info p[b-8k3bukutul]{
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
}

    .user-info span[b-8k3bukutul] {
        height: 22px;
        padding: 0px 8px;
        border-radius: 8px;
        background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
        color: var(--barex-primary);
        font-size: 14px;
        font-weight: 600;
    }

.user-info small[b-8k3bukutul] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
}


.block-user[b-8k3bukutul]  .form-label {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400!important;
}

.block-user[b-8k3bukutul]  .form-control {
    border-radius: 5px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

[b-8k3bukutul] .block-btn{
    border-radius: 5px!important;
}

[b-8k3bukutul] .modal-backdrop {
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(1.5px);
    --barex-backdrop-opacity: 1;
}
/* /Components/Shared/Buttons/BarexButton.razor.rz.scp.css */
.barex-btn-primary-filled[b-5skge7tofg] {
    height: 36px;
    padding-inline: 32px;
    border-radius: 10px;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
}

    .barex-btn-primary-filled i[b-5skge7tofg] {
        font-size: 20px;
        Color: var(--barex-onprimary);
    }

    .barex-btn-primary-filled p[b-5skge7tofg] {
        font-size: 14px;
        Color: var(--barex-onprimary);
        margin-bottom: 0 !important;
    }

    .barex-btn-primary-filled:hover[b-5skge7tofg] {
        box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.08), 0 0 20px 0 rgba(0, 0, 0, 0.20) inset;
    }

.barex-icon-btn-primary-filled[b-5skge7tofg] {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--barex-primary);
    color: var(--barex-onprimary);
    justify-content: center;
    align-items: center;
}

    .barex-icon-btn-primary-filled i[b-5skge7tofg] {
        font-size: 20px;
        Color: var(--barex-onprimary);
    }

    .barex-icon-btn-primary-filled:hover[b-5skge7tofg] {
        box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.08), 0 0 20px 0 rgba(0, 0, 0, 0.20) inset;
    }

.barex-btn-primary[b-5skge7tofg] {
    height: 36px;
    padding-inline: 32px;
    border-radius: 10px;
    background: var(--barex-surface);
    color: var(--barex-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
}

    .barex-btn-primary i[b-5skge7tofg] {
        font-size: 20px;
        Color: var(--barex-primary);
    }

    .barex-btn-primary p[b-5skge7tofg] {
        font-size: 14px;
        Color: var(--barex-primary);
        margin-bottom: 0 !important;
    }

    .barex-btn-primary:hover[b-5skge7tofg] {
        background: var(--barex-primary-005);
    }

.barex-icon-btn-primary[b-5skge7tofg] {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--barex-surface);
    color: var(--barex-primary);
    justify-content: center;
    align-items: center;
}

    .barex-icon-btn-primary i[b-5skge7tofg] {
        font-size: 20px;
        Color: var(--barex-primary);
    }

    .barex-icon-btn-primary:hover[b-5skge7tofg] {
        background: var(--barex-primary-005);
    }


.barex-btn-secondary[b-5skge7tofg] {
    height: 36px;
    padding-inline: 32px;
    border-radius: 10px;
    background: var(--barex-secondary-surface);
    color: var(--barex-text-primary);
    border: 1px solid var(--barex-divider);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
}

    .barex-btn-secondary i[b-5skge7tofg] {
        font-size: 20px;
        Color: var(--barex-text-primary);
    }

    .barex-btn-secondary p[b-5skge7tofg] {
        font-size: 14px;
        Color: var(--barex-text-primary);
        margin-bottom: 0 !important;
    }

    .barex-btn-secondary:hover[b-5skge7tofg] {
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05) inset;
    }

.barex-icon-btn-secondary[b-5skge7tofg] {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--barex-secondary-surface);
    color: var(--barex-text-primary);
    border: 1px solid var(--barex-divider);
    justify-content: center;
    align-items: center;
}

    .barex-icon-btn-secondary i[b-5skge7tofg] {
        font-size: 20px;
        color: var(--barex-text-primary);
    }

    .barex-icon-btn-secondary:hover[b-5skge7tofg] {
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05) inset;
    }

.barex-icon-btn-secondary-outlined[b-5skge7tofg] {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--barex-surface);
    color: var(--barex-text-primary);
    border: 1px solid var(--barex-divider);
    justify-content: center;
    align-items: center;
}

    .barex-icon-btn-secondary-outlined i[b-5skge7tofg] {
        font-size: 20px;
        color: var(--barex-text-primary);
    }

    .barex-icon-btn-secondary-outlined:hover[b-5skge7tofg] {
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05) inset;
    }

[class*="barex-btn-filled-"][b-5skge7tofg],
[class*="barex-btn-outlined-"][b-5skge7tofg],
[class*="barex-btn-text-"][b-5skge7tofg] {
    height: 36px;
    padding-inline: 32px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
}

    [class*="barex-btn-filled-"] i[b-5skge7tofg],
    [class*="barex-btn-outlined-"] i[b-5skge7tofg],
    [class*="barex-btn-text-"] i[b-5skge7tofg] {
        font-size: 20px;
    }

    [class*="barex-btn-filled-"] p[b-5skge7tofg],
    [class*="barex-btn-outlined-"] p[b-5skge7tofg],
    [class*="barex-btn-text-"] p[b-5skge7tofg] {
        font-size: 14px;
        margin-bottom: 0 !important;
    }

    [class*="barex-btn-filled-"]:disabled[b-5skge7tofg],
    [class*="barex-btn-outlined-"]:disabled[b-5skge7tofg],
    [class*="barex-btn-text-"]:disabled[b-5skge7tofg] {
        opacity: 0.65;
        pointer-events: none;
    }

.barex-btn-filled-primary[b-5skge7tofg] {
    background: var(--barex-primary);
    color: var(--barex-onprimary);
}

    .barex-btn-filled-primary i[b-5skge7tofg],
    .barex-btn-filled-primary p[b-5skge7tofg] {
        color: var(--barex-onprimary);
    }

    .barex-btn-filled-primary:hover[b-5skge7tofg] {
        box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.08), 0 0 20px 0 rgba(0, 0, 0, 0.20) inset;
    }

.barex-btn-filled-secondary[b-5skge7tofg] {
    background: var(--barex-secondary);
    color: #fff;
}

    .barex-btn-filled-secondary i[b-5skge7tofg],
    .barex-btn-filled-secondary p[b-5skge7tofg] {
        color: #fff;
    }

    .barex-btn-filled-secondary:hover[b-5skge7tofg] {
        box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.08), 0 0 20px 0 rgba(0, 0, 0, 0.20) inset;
    }

.barex-btn-filled-error[b-5skge7tofg] {
    background: var(--barex-danger);
    color: #fff;
}

    .barex-btn-filled-error i[b-5skge7tofg],
    .barex-btn-filled-error p[b-5skge7tofg] {
        color: #fff;
    }

    .barex-btn-filled-error:hover[b-5skge7tofg] {
        box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.08), 0 0 20px 0 rgba(0, 0, 0, 0.20) inset;
    }

.barex-btn-outlined-primary[b-5skge7tofg] {
    background: var(--barex-surface);
    color: var(--barex-primary);
    border-color: var(--barex-primary);
}

    .barex-btn-outlined-primary i[b-5skge7tofg],
    .barex-btn-outlined-primary p[b-5skge7tofg] {
        color: var(--barex-primary);
    }

    .barex-btn-outlined-primary:hover[b-5skge7tofg] {
        background: var(--barex-primary-005);
    }

.barex-btn-outlined-secondary[b-5skge7tofg] {
    background: var(--barex-secondary-surface);
    color: var(--barex-text-primary);
    border-color: var(--barex-divider);
}

    .barex-btn-outlined-secondary i[b-5skge7tofg],
    .barex-btn-outlined-secondary p[b-5skge7tofg] {
        color: var(--barex-text-primary);
    }

    .barex-btn-outlined-secondary:hover[b-5skge7tofg] {
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05) inset;
    }

.barex-btn-outlined-error[b-5skge7tofg] {
    background: var(--barex-surface);
    color: var(--barex-danger);
    border-color: var(--barex-danger);
}

    .barex-btn-outlined-error i[b-5skge7tofg],
    .barex-btn-outlined-error p[b-5skge7tofg] {
        color: var(--barex-danger);
    }

    .barex-btn-outlined-error:hover[b-5skge7tofg] {
        background: rgba(255, 109, 67, 0.05);
    }

.barex-btn-text-primary[b-5skge7tofg] {
    background: var(--barex-surface);
    color: var(--barex-primary);
}

    .barex-btn-text-primary i[b-5skge7tofg],
    .barex-btn-text-primary p[b-5skge7tofg] {
        color: var(--barex-primary);
    }

    .barex-btn-text-primary:hover[b-5skge7tofg] {
        background: var(--barex-primary-005);
    }

.barex-btn-text-secondary[b-5skge7tofg] {
    background: transparent;
    color: var(--barex-text-primary);
}

    .barex-btn-text-secondary i[b-5skge7tofg],
    .barex-btn-text-secondary p[b-5skge7tofg] {
        color: var(--barex-text-primary);
    }

    .barex-btn-text-secondary:hover[b-5skge7tofg] {
        background: var(--barex-secondary-surface);
    }

.barex-btn-text-error[b-5skge7tofg] {
    background: transparent;
    color: var(--barex-danger);
}

    .barex-btn-text-error i[b-5skge7tofg],
    .barex-btn-text-error p[b-5skge7tofg] {
        color: var(--barex-danger);
    }

    .barex-btn-text-error:hover[b-5skge7tofg] {
        background: rgba(255, 109, 67, 0.05);
    }
/* /Components/Shared/Buttons/BarexIconButton.razor.rz.scp.css */
[class*="barex-icon-btn-filled-"][b-5nhyntup0r],
[class*="barex-icon-btn-outlined-"][b-5nhyntup0r],
[class*="barex-icon-btn-text-"][b-5nhyntup0r] {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 0;
}

    [class*="barex-icon-btn-filled-"] i[b-5nhyntup0r],
    [class*="barex-icon-btn-outlined-"] i[b-5nhyntup0r],
    [class*="barex-icon-btn-text-"] i[b-5nhyntup0r] {
        font-size: 20px;
    }

    [class*="barex-icon-btn-filled-"]:disabled[b-5nhyntup0r],
    [class*="barex-icon-btn-outlined-"]:disabled[b-5nhyntup0r],
    [class*="barex-icon-btn-text-"]:disabled[b-5nhyntup0r] {
        opacity: 0.65;
        pointer-events: none;
    }

.barex-icon-btn-filled-primary[b-5nhyntup0r] {
    background: var(--barex-primary);
    color: var(--barex-onprimary);
}

    .barex-icon-btn-filled-primary i[b-5nhyntup0r] {
        color: var(--barex-onprimary);
    }

    .barex-icon-btn-filled-primary:hover[b-5nhyntup0r] {
        box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.08), 0 0 20px 0 rgba(0, 0, 0, 0.20) inset;
    }

.barex-icon-btn-filled-secondary[b-5nhyntup0r] {
    background: var(--barex-secondary);
    color: #fff;
}

    .barex-icon-btn-filled-secondary i[b-5nhyntup0r] {
        color: #fff;
    }

    .barex-icon-btn-filled-secondary:hover[b-5nhyntup0r] {
        box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.08), 0 0 20px 0 rgba(0, 0, 0, 0.20) inset;
    }

.barex-icon-btn-filled-error[b-5nhyntup0r] {
    background: var(--barex-danger);
    color: #fff;
}

    .barex-icon-btn-filled-error i[b-5nhyntup0r] {
        color: #fff;
    }

    .barex-icon-btn-filled-error:hover[b-5nhyntup0r] {
        box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.08), 0 0 20px 0 rgba(0, 0, 0, 0.20) inset;
    }

.barex-icon-btn-outlined-primary[b-5nhyntup0r] {
    background: var(--barex-surface);
    color: var(--barex-primary);
    border-color: var(--barex-primary);
}

    .barex-icon-btn-outlined-primary i[b-5nhyntup0r] {
        color: var(--barex-primary);
    }

    .barex-icon-btn-outlined-primary:hover[b-5nhyntup0r] {
        background: var(--barex-primary-005);
    }

.barex-icon-btn-outlined-secondary[b-5nhyntup0r] {
    background: var(--barex-surface);
    color: var(--barex-text-primary);
    border-color: var(--barex-divider);
}

    .barex-icon-btn-outlined-secondary i[b-5nhyntup0r] {
        color: var(--barex-text-primary);
    }

    .barex-icon-btn-outlined-secondary:hover[b-5nhyntup0r] {
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05) inset;
    }

.barex-icon-btn-outlined-error[b-5nhyntup0r] {
    background: var(--barex-surface);
    color: var(--barex-danger);
    border-color: var(--barex-danger);
}

    .barex-icon-btn-outlined-error i[b-5nhyntup0r] {
        color: var(--barex-danger);
    }

    .barex-icon-btn-outlined-error:hover[b-5nhyntup0r] {
        background: rgba(255, 109, 67, 0.05);
    }

.barex-icon-btn-text-primary[b-5nhyntup0r] {
    background: var(--barex-surface);
    color: var(--barex-primary);
}

    .barex-icon-btn-text-primary i[b-5nhyntup0r] {
        color: var(--barex-primary);
    }

    .barex-icon-btn-text-primary:hover[b-5nhyntup0r] {
        background: var(--barex-primary-005);
    }

.barex-icon-btn-text-secondary[b-5nhyntup0r] {
    background: transparent;
    color: var(--barex-text-primary);
}

    .barex-icon-btn-text-secondary i[b-5nhyntup0r] {
        color: var(--barex-text-primary);
    }

    .barex-icon-btn-text-secondary:hover[b-5nhyntup0r] {
        background: var(--barex-secondary-surface);
    }

.barex-icon-btn-text-error[b-5nhyntup0r] {
    background: transparent;
    color: var(--barex-danger);
}

    .barex-icon-btn-text-error i[b-5nhyntup0r] {
        color: var(--barex-danger);
    }

    .barex-icon-btn-text-error:hover[b-5nhyntup0r] {
        background: rgba(255, 109, 67, 0.05);
    }
/* /Components/Shared/Cargos/BarexCargoField.razor.rz.scp.css */
/* /Components/Shared/Cargos/BarexSegmentToggle.razor.rz.scp.css */
.cargo-segment[b-ehxu7c4aea] { display: flex; align-items: center; background: var(--barex-surface); border: 1px solid var(--barex-divider); border-radius: 8px; padding: 4px; gap: 0; height: 38px; box-sizing: border-box; max-width: 100%; }
.cargo-segment-wide[b-ehxu7c4aea] { width: 320px; max-width: 100%; }
.cargo-segment-narrow[b-ehxu7c4aea] { width: 206px; max-width: 100%; }
.cargo-segment-btn[b-ehxu7c4aea] { flex: 1; border: 0; background: transparent; font-size: 14px; color: var(--barex-text-primary); border-radius: 8px; padding: 0 8px; height: 30px; min-height: 30px; white-space: nowrap; }
.cargo-segment-btn.active[b-ehxu7c4aea] { background: var(--barex-segment-active-bg); color: var(--barex-segment-active-text); }
@media (max-width: 767.98px) { .cargo-segment-wide[b-ehxu7c4aea], .cargo-segment-narrow[b-ehxu7c4aea] { width: 100%; } }
/* /Components/Shared/Cargos/BarexStepperField.razor.rz.scp.css */
.cargo-stepper-btn[b-dymhhdh6x5] { border: 0; background: transparent; padding: 0; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cargo-stepper-btn i[b-dymhhdh6x5] { font-size: 24px; line-height: 1; }
.cargo-stepper-plus[b-dymhhdh6x5] { color: var(--barex-segment-active-text); }
.cargo-stepper-minus[b-dymhhdh6x5] { color: var(--barex-danger); }
.cargo-stepper-value[b-dymhhdh6x5] { flex: 1; text-align: center; font-size: 14px; color: var(--barex-text-primary); }
/* /Components/Shared/Cells/LocationCell.razor.rz.scp.css */
.barex-location-cell[b-m6veaysla3] { align-items: center; display: flex; gap: 6px; }
.barex-loc-dot[b-m6veaysla3] { flex-shrink: 0; height: 7px; width: 7px; }
.barex-loc-origin[b-m6veaysla3] { background: var(--barex-text-primary); border-radius: 50%; }
.barex-loc-dest[b-m6veaysla3] { background: var(--barex-text-primary); border-radius: 2px; }
.barex-loc-text[b-m6veaysla3] { color: var(--barex-text-primary); font-size: 14px; }
/* /Components/Shared/Cells/PhoneCell.razor.rz.scp.css */
.barex-phone-cell[b-cdt202eb9p] {
    align-items: center;
    direction: ltr;
    display: inline-flex;
    gap: 9px;
}

.barex-phone-text[b-cdt202eb9p] {
    color: var(--barex-primary);
    font-size: 12px;
    white-space: nowrap;
    direction: ltr;
}

.barex-phone-icon[b-cdt202eb9p] {
    height: 16px;
    width: 16px;
    color: var(--barex-primary);
}
/* /Components/Shared/Cells/PhoneNumberText.razor.rz.scp.css */
.barex-phone-groups[b-bjbg77xj9b] {
    display: inline-flex;
    gap: 6px;
    white-space: nowrap;
    color: var(--barex-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* /Components/Shared/Cells/UserAvatarCell.razor.rz.scp.css */
.barex-avatar-cell[b-jq1xjhpl8e] { align-items: center; display: flex; gap: 8px; }
.barex-avatar-circle[b-jq1xjhpl8e] {
    align-items: center; background: linear-gradient(180deg, #9491ff, #433eff);
    border: 1px solid var(--barex-divider); border-radius: 50%; color: #fff;
    display: flex; flex-shrink: 0; font-size: 12px; height: 24px;
    justify-content: center; width: 24px;
}
.barex-avatar-circle.is-logo[b-jq1xjhpl8e] { background: var(--barex-surface); color: inherit; }
.barex-avatar-text[b-jq1xjhpl8e] { min-width: 0; text-align: start; }
.barex-avatar-name[b-jq1xjhpl8e] { color: var(--barex-text-primary); font-size: 12px; height:16px;}
.barex-avatar-phone[b-jq1xjhpl8e] { color: var(--barex-text-secondary); direction: ltr; font-size: 10px; unicode-bidi: isolate; white-space: nowrap; }
.barex-avatar-phone:hover[b-jq1xjhpl8e] { color: var(--barex-primary); text-decoration: underline; }
.barex-avatar-logo[b-jq1xjhpl8e] { height: 14px; width: 14px; }
.barex-avatar-badge[b-jq1xjhpl8e] { margin-top: 2px; }
/* /Components/Shared/DataGrid.razor.rz.scp.css */
.datagrid-clickable[b-ataraxo1um] { cursor: pointer; }
.datagrid-row-num[b-ataraxo1um] { width: 60px; }
.datagrid-sortable[b-ataraxo1um] { cursor: pointer; }
.datagrid-sort-icon[b-ataraxo1um] { font-size: 12px; }
.datagrid-sort-icon-muted[b-ataraxo1um] { font-size: 12px; opacity: 0.6; }
.datagrid-actions-header[b-ataraxo1um] { width: 150px; }

/* Mobile Card Styles */
.mobile-card[b-ataraxo1um] {
    border: 1px solid var(--bs-border-color-translucent);
    border-right: 4px solid var(--bs-primary) !important;
    transition: transform 0.2s, box-shadow 0.2s;
    overflow: hidden;
}
.mobile-card:active[b-ataraxo1um] { transform: scale(0.98); }
.mobile-card-row:not(:last-child)[b-ataraxo1um] {
    border-bottom: 1px dashed var(--bs-gray-200);
}
.mobile-card-row .badge[b-ataraxo1um] {
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.4;
}
/* /Components/Shared/DetailSidebar/BarexDetailSidebar.razor.rz.scp.css */
.user-detail[b-rklsfxs3j2] {
    width: 323px;
}

.user-detail-avatar-lg[b-rklsfxs3j2] {
    width: 79px;
    height: 79px;
    border-radius: 16px !important;
    background: var(--barex-primary-light, rgba(89, 74, 226, 0.05));
    border: 0 !important;
}

.user-detail-back-text[b-rklsfxs3j2], .user-detail-subtitle[b-rklsfxs3j2] {
    font-size: 12px;
    color: var(--barex-text-secondary);
}

.user-detail-display-name[b-rklsfxs3j2] {
    font-size: 22px;
    color: var(--barex-text-primary);
    line-height: 34px;
}

.user-detail-profile[b-rklsfxs3j2], .user-detail-info[b-rklsfxs3j2] {
    padding: 20px;
    border-bottom: 1px solid var(--barex-divider);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.user-detail-info[b-rklsfxs3j2] {
    padding: 16px;
}

.user-detail-role-icon[b-rklsfxs3j2] {
    font-size: 38px;
    color: var(--barex-secondary);
}

.top-height[b-rklsfxs3j2] {
    top: var(--barex-topbar-height);
}

[b-rklsfxs3j2] .barex-item-label {
    gap: 8px !important;
    width: 140px !important;
    font-size: 10px !important;
    color: var(--barex-text-secondary) !important;
}

[b-rklsfxs3j2] .barex-item-text {
    font-size: 14px;
    color: var(--barex-text-primary);
}

@media (min-width: 990px) {
    .user-detail[b-rklsfxs3j2] {
        height: calc(100vh - var(--barex-topbar-height));
    }
}

@media (max-width: 990px) {
    .user-detail[b-rklsfxs3j2] {
        width: 100%;
    }
}
/* /Components/Shared/Divider/BarexDivider.razor.rz.scp.css */
.barex-divider-h[b-8hisu2894o] {
    background: var(--barex-divider);
    border: 0;
    height: 0.5px;
    width: 100%;
}

.barex-divider-v[b-8hisu2894o] {
    align-self: stretch;
    background: var(--barex-divider);
    border: 0;
    height: auto;
    width: 1px;
}
/* /Components/Shared/DropDownMenu/BarexDropDownMenu.razor.rz.scp.css */
@keyframes barexDropdownSlideUp-b-83npt8k1hg {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@keyframes barexDropdownSlideDown-b-83npt8k1hg {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}

@keyframes barexDropdownFadeIn-b-83npt8k1hg {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes barexDropdownFadeOut-b-83npt8k1hg {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes barexDropdownPopIn-b-83npt8k1hg {
    from { opacity: 0; transform: translateY(-4px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes barexDropdownPopOut-b-83npt8k1hg {
    from { opacity: 1; transform: translateY(0) scale(1); }
    to { opacity: 0; transform: translateY(-4px) scale(.98); }
}

.barex-dropdown[b-83npt8k1hg] {
    position: relative;
    display: inline-flex;
    max-width: 100%;
}

.barex-dropdown-trigger[b-83npt8k1hg] {
    display: inline-flex;
    cursor: pointer;
}

    .barex-dropdown-trigger :is(button, a)[b-83npt8k1hg] {
        pointer-events: none;
    }

.barex-dropdown-backdrop[b-83npt8k1hg] {
    position: fixed;
    inset: 0;
    z-index: var(--barex-z-dropdown-backdrop, 1040);
}

.barex-dropdown-backdrop:not(.is-open)[b-83npt8k1hg],
.barex-dropdown-panel:not(.is-open)[b-83npt8k1hg] {
    display: none !important;
}

.barex-dropdown-panel[b-83npt8k1hg] {
    z-index: var(--barex-z-dropdown-panel, 1050);
    min-width: 200px;
    padding: 12px;
    background: var(--barex-surface);
    border: 0.5px solid var(--barex-divider);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform-origin: top right;
    animation: barexDropdownPopIn-b-83npt8k1hg .16s ease-out;
    will-change: transform, opacity;
}

.barex-dropdown-panel.is-closing[b-83npt8k1hg] {
    animation: barexDropdownPopOut-b-83npt8k1hg .16s ease-in forwards;
    pointer-events: none;
}

.barex-dropdown-helper[b-83npt8k1hg] {
    margin: 0 0 8px;
    font-size: 12px;
    color: var(--barex-text-secondary);
}

.barex-dropdown-items[b-83npt8k1hg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.barex-dropdown-items[b-83npt8k1hg]  > li {
    list-style: none;
}

.barex-dropdown-items[b-83npt8k1hg]  .dropdown-item {
    border-radius: 12px;
    font-size: 13px;
    padding: 6px 12px;
}

@media (min-width: 576px) {
    .barex-dropdown:not(.barex-dropdown--contained) .barex-dropdown-panel[b-83npt8k1hg] {
        position: fixed;
    }
}

@media (max-width: 575.98px) {
    .barex-dropdown-backdrop[b-83npt8k1hg] {
        background: rgba(0, 0, 0, 0.5);
        animation: barexDropdownFadeIn-b-83npt8k1hg .28s ease-out;
    }

        .barex-dropdown-backdrop.is-closing[b-83npt8k1hg] {
            animation: barexDropdownFadeOut-b-83npt8k1hg .28s ease-in forwards;
        }

    .barex-dropdown-panel[b-83npt8k1hg] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        inset-inline-end: auto;
        width: 100%;
        min-width: 0;
        max-height: 85vh;
        padding: 0;
        border: 0;
        border-top: 0.5px solid var(--barex-divider);
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        animation: barexDropdownSlideUp-b-83npt8k1hg .28s ease-out;
        will-change: transform;
    }

        .barex-dropdown-panel.is-closing[b-83npt8k1hg] {
            animation: barexDropdownSlideDown-b-83npt8k1hg .28s ease-in forwards;
        }

    .barex-dropdown-sheet-handle[b-83npt8k1hg] {
        width: 40px;
        height: 4px;
        margin: 8px auto 0;
        border-radius: 2px;
        background: var(--barex-divider);
        flex-shrink: 0;
    }

    .barex-dropdown-sheet-header[b-83npt8k1hg] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 16px;
        flex-shrink: 0;
        border-bottom: 1px solid var(--barex-divider);
    }

    .barex-dropdown-sheet-title[b-83npt8k1hg] {
        font-size: 14px;
        font-weight: 600;
        color: var(--barex-text-primary);
    }

    .barex-dropdown-items[b-83npt8k1hg] {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 8px 12px 16px;
    }
}

.barex-dropdown--contained[b-83npt8k1hg] {
    position: relative;
    flex-direction: column;
    align-items: flex-end;
}

.barex-dropdown--contained .barex-dropdown-trigger[b-83npt8k1hg] {
    position: relative;
/*    z-index: calc(var(--barex-z-dropdown-panel, 1050) + 1);*/
}

.barex-dropdown--contained .barex-dropdown-panel[b-83npt8k1hg] {
    position: absolute;
    inset: auto;
    inset-block-start: calc(100% + 4px);
    inset-inline-end: 0;
    width: max-content;
    min-width: 132px;
    max-width: min(168px, calc(100vw - 32px));
    max-height: 151px;
    margin: 0;
    padding: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: 8px;
    animation-duration: .1s;
    contain: layout paint;
}

.barex-dropdown--contained .barex-dropdown-panel.is-closing[b-83npt8k1hg] {
    animation-duration: .1s;
}

.barex-dropdown--contained .barex-dropdown-sheet-handle[b-83npt8k1hg],
.barex-dropdown--contained .barex-dropdown-sheet-header[b-83npt8k1hg] {
    display: none !important;
}

.barex-dropdown--contained .barex-dropdown-items[b-83npt8k1hg] {
    gap: 0;
    min-height: 0;
    padding: 0;
    overflow: visible;
}

.barex-dropdown--contained .barex-dropdown-items[b-83npt8k1hg]  > li {
    margin: 0;
    padding: 0;
}

.barex-dropdown--contained .barex-dropdown-items[b-83npt8k1hg]  .dropdown-item {
    min-height: 28px;
    padding: 4px 8px;
    white-space: nowrap;
}

@media (min-width: 576px) {
    .barex-dropdown--contained .barex-dropdown-items[b-83npt8k1hg]  .dropdown-item:hover,
    .barex-dropdown--contained .barex-dropdown-items[b-83npt8k1hg]  .barex-dropdown-item:hover {
        background: var(--barex-secondary-surface);
    }
}

@media (prefers-reduced-motion: reduce) {
    .barex-dropdown-panel[b-83npt8k1hg],
    .barex-dropdown-backdrop[b-83npt8k1hg] {
        animation: none !important;
    }
}

.permission-dropdown-items[b-83npt8k1hg] {
    padding: 0 !important;
}
/* /Components/Shared/DropDownMenu/BarexDropDownMenuItem.razor.rz.scp.css */
.barex-dropdown-item[b-gguqo5pc4u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 6px 12px;
    background: transparent;
    color: var(--barex-text-primary);
    font-size: 13px;
}

    .barex-dropdown-item.is-selected[b-gguqo5pc4u] {
        background: var(--barex-secondary-surface);
        color: var(--barex-primary);
    }

    .barex-dropdown-item:hover[b-gguqo5pc4u] {
        background: var(--barex-secondary-surface);
    }

.barex-dropdown-item-content[b-gguqo5pc4u] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .barex-dropdown-item-content i[b-gguqo5pc4u] {
        font-size: 16px;
    }

.barex-dropdown-item-end[b-gguqo5pc4u] {
    width: 20px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--barex-primary);
    flex-shrink: 0;
}

    .barex-dropdown-item-end.is-check[b-gguqo5pc4u] {
        color: var(--barex-primary);
    }
/* /Components/Shared/EditProfileManualModal.razor.rz.scp.css */
/* CSS for BlockUserModal component */

.edit-user[b-qiutony4k1]  .modal-content {
    border-radius: 16px;
}

[b-qiutony4k1] .modal-header {
    padding: 16px 12px;
    display: flex;
    justify-content: space-between;
}

[b-qiutony4k1] .btn-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    padding: 0;
    margin: 0;
}

[b-qiutony4k1] .modal-footer {
    padding: 10px;
}

    [b-qiutony4k1] .modal-footer button {
        background: var(--barex-primary);
    }

.edit-user[b-qiutony4k1]  .modal-title {
    color: var(--barex-text-primary);
    font-size: 16px;
    font-weight: 400;
}

.edit-user[b-qiutony4k1]  .modal-body {
    padding: 16px;
}

.user-info p[b-qiutony4k1] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
}

.user-info span[b-qiutony4k1] {
    height: 22px;
    padding: 0px 8px;
    border-radius: 8px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    color: var(--barex-primary);
    font-size: 14px;
    font-weight: 600;
}

.user-info small[b-qiutony4k1] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
}


.edit-user[b-qiutony4k1]  .form-label {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400 !important;
}

.edit-user[b-qiutony4k1]  .form-control {
    border-radius: 5px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

[b-qiutony4k1] .block-btn {
    border-radius: 5px !important;
}

[b-qiutony4k1] .modal-backdrop {
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(1.5px);
    --barex-backdrop-opacity: 1;
}
/* /Components/Shared/EditProfileRmtoModal.razor.rz.scp.css */
.edit-profile[b-cjp76sey76]  .modal-content {
    border-radius: 16px;
}

[b-cjp76sey76] .modal-header {
    padding: 16px 12px;
    display: flex;
    justify-content: space-between;
}

[b-cjp76sey76] .btn-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    padding: 0;
    margin: 0;
}

[b-cjp76sey76] .modal-footer {
    padding: 10px;
}

    [b-cjp76sey76] .modal-footer button {
        background: var(--barex-primary);
    }

.edit-profile[b-cjp76sey76]  .modal-title {
    color: var(--barex-text-primary);
    font-size: 16px;
    font-weight: 400;
}

.edit-profile[b-cjp76sey76]  .modal-body {
    padding: 16px;
}

.user-info p[b-cjp76sey76] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
}

.user-info span[b-cjp76sey76] {
    height: 22px;
    padding: 0px 8px;
    border-radius: 8px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    color: var(--barex-primary);
    font-size: 14px;
    font-weight: 600;
}

.user-info small[b-cjp76sey76] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
}


.edit-profile[b-cjp76sey76]  .form-label {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400 !important;
}

.edit-profile[b-cjp76sey76]  .form-control {
    border-radius: 5px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

[b-cjp76sey76] .block-btn {
    border-radius: 5px !important;
}

[b-cjp76sey76] .modal-backdrop {
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(1.5px);
    --barex-backdrop-opacity: 1;
}
/* /Components/Shared/Expansion/BarexExpansionPanel.razor.rz.scp.css */
.expansion-panel[b-d1xb3xiqo2] {
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    overflow: hidden;
    background: var(--barex-secondary-surface);
}

.expansion-header[b-d1xb3xiqo2] {
    width: 100%;
    padding: 6px 12px;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    background: var(--barex-secondary-surface);
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.arrow[b-d1xb3xiqo2] {
    color: var(--barex-text-primary);
    font-size: 16px;
    transition: transform .3s ease;
}

    .arrow.rotate[b-d1xb3xiqo2] {
        transform: rotate(180deg);
    }

.expansion-body[b-d1xb3xiqo2] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s ease;
    border-radius: 12px;
    background-color: var(--barex-surface);
}

    .expansion-body.expanded[b-d1xb3xiqo2] {
        grid-template-rows: 1fr;
    }

.expansion-content[b-d1xb3xiqo2] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 12px;
    transition: padding .35s ease;
}

.expansion-body.expanded .expansion-content[b-d1xb3xiqo2] {
    padding: 12px;
}

.expansion-body.expanded[b-d1xb3xiqo2] {
    border-top: 1px solid var(--barex-divider);
}

.expansion-header-count[b-d1xb3xiqo2] {
    color: var(--barex-text-primary);
    font-size: 13px;
    font-weight: 400;
}

.expansion-panel.without-border[b-d1xb3xiqo2] {
    border: 0;
    border-radius: 0;
    background: transparent;
}

    .expansion-panel.without-border .expansion-header[b-d1xb3xiqo2]{
        background: none;
        border: 0;
        padding: 0;
        margin-bottom: 16px;
    }

    .expansion-panel.without-border .expansion-body[b-d1xb3xiqo2]{
        border: 0;
        background: none;
    }

    .expansion-panel.without-border .expansion-content[b-d1xb3xiqo2] {
        padding: 0;
    }
/* /Components/Shared/Filters/BarexFilterBar.razor.rz.scp.css */
.barex-list-toolbar[b-mrtelhbzo0] {
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
}

.barex-list-toolbar-filters[b-mrtelhbzo0] {
    min-width: 0;
    max-width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
}

    .barex-list-toolbar-filters .barex-filter-bar[b-mrtelhbzo0] {
        min-width: 0;
        width: 100%;
    }

.barex-view-toggle-wrap[b-mrtelhbzo0] {
    position: relative;
    z-index: 20;
    pointer-events: auto;
}
/* /Components/Shared/Filters/BarexFilterDesktop.razor.rz.scp.css */
.barex-filter-bar[b-9ckhcr8yt3] {
    max-width: 100%;
    min-width: 0;
}

.barex-filter-row[b-9ckhcr8yt3] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.barex-filter-summary[b-9ckhcr8yt3]  .delete-all-filter-btn {
    width: 28px !important;
    height: 28px !important;
}

.barex-filter-chip-shell[b-9ckhcr8yt3] {
    position: relative;
    display: inline-flex;
    overflow: visible;
}

.barex-filter-chip[b-9ckhcr8yt3] {
    position: relative;
    z-index: 1;
    height: 30px;
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    gap: 8px;
    padding: 0 12px;
    background: var(--barex-surface);
    flex-shrink: 0;
}



    .barex-filter-field[b-9ckhcr8yt3] {
        position: relative;
        flex-shrink: 0;
        overflow: visible;
        padding-block: 9px;
    }

.barex-filter-field-remove[b-9ckhcr8yt3] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 18px;
    height: 18px;
    border: 1px solid var(--barex-divider);
    border-radius: 4px;
    padding: 0;
    background: var(--barex-surface);
    color: var(--barex-text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    visibility: hidden;
}

.barex-filter-chip-shell:hover .barex-filter-field-remove[b-9ckhcr8yt3] {
    visibility: visible;
}

.barex-filter-field-remove:hover[b-9ckhcr8yt3],
.barex-filter-field-remove:focus-visible[b-9ckhcr8yt3] {
    border-color: var(--barex-primary);
    color: var(--barex-primary);
    outline: none;
}

.barex-filter-summary[b-9ckhcr8yt3] {
    height: 30px;
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    padding: 0 12px 0 0;
    background: var(--barex-surface);
}

.barex-filter-summary-icon[b-9ckhcr8yt3] {
    font-size: 16px;
    color: #636363;
    flex-shrink: 0;
}

.barex-filter-summary-count[b-9ckhcr8yt3] {
    font-size: 14px;
    color: var(--barex-text-primary);
    white-space: nowrap;
}

.barex-filter-summary-clear[b-9ckhcr8yt3] {
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--barex-primary);
    display: inline-flex;
    align-items: center;
}

    .barex-filter-summary-clear:disabled[b-9ckhcr8yt3] {
        display:none;
    }

.barex-filter-label[b-9ckhcr8yt3] {
    font-size: 12px;
    color: #636363;
    white-space: nowrap;
}

.barex-filter-input[b-9ckhcr8yt3] {
    min-width: 4rem;
    border: 0;
    background: transparent;
    outline: none;
    font-size: 14px;
    color: var(--barex-text-primary);
    padding: 0;
}

.barex-filter-value-pill[b-9ckhcr8yt3] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--barex-primary-005);
    color: var(--barex-primary);
    font-size: 12px;
    border-radius: 5px;
    padding-inline: 8px;
    width: max-content;
}

.barex-filter-chip-btn[b-9ckhcr8yt3], .barex-filter-value-clear[b-9ckhcr8yt3] {
    border: 0;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: inherit;
}

.barex-filter-chevron[b-9ckhcr8yt3] {
    font-size: 14px;
    color: #636363;
    flex-shrink: 0;
}

.barex-filter-popover[b-9ckhcr8yt3] {
    width: 240px;
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    background: var(--barex-surface);
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    z-index: 1050;
    padding: 8px;
}

.barex-filter-popover-date[b-9ckhcr8yt3] {
    width: 300px;
}

.barex-filter-popover-floating[b-9ckhcr8yt3] {
    position: fixed;
    top: 0;
    right: 0;
    margin-top: 0;
}

.barex-filter-search[b-9ckhcr8yt3] {
    height: 32px;
    width: 100%;
    background: var(--barex-secondary-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 5px;
    font-size: 12px;
    color: var(--barex-text-secondary);
    padding: 0 12px;
}

.barex-filter-divider[b-9ckhcr8yt3] {
    border: 0;
    border-top: 1px solid var(--barex-divider);
    margin: 8px 0;
    opacity: 1;
}

.barex-filter-list[b-9ckhcr8yt3] {
    max-height: 168px;
    overflow-y: auto;
}

.barex-filter-item[b-9ckhcr8yt3] {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: right;
    border-radius: 8px;
    display: block;
    min-height: 47px;
    padding: 8px;
}

    .barex-filter-item:hover[b-9ckhcr8yt3] {
        background: var(--barex-secondary-surface);
    }

.barex-filter-city[b-9ckhcr8yt3] {
    font-size: 14px;
    color: var(--barex-text-primary);
}

.barex-filter-prov[b-9ckhcr8yt3] {
    font-size: 10px;
    color: var(--barex-text-secondary);
}

.barex-filter-add-header[b-9ckhcr8yt3] {
    font-size: 11px;
    color: #636363;
}

.barex-filter-fields[b-9ckhcr8yt3] {
    flex: 0 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-left: 9px;
}

    .barex-filter-fields.barex-filter-fields-locked[b-9ckhcr8yt3] {
        overflow-x: hidden;
        overscroll-behavior-x: none;
        touch-action: pan-y;
    }

    .barex-filter-fields > .barex-filter-field[b-9ckhcr8yt3] {
        flex-shrink: 0;
    }

    .barex-filter-fields[b-9ckhcr8yt3]::-webkit-scrollbar {
        display: none;
    }

.barex-filter-list-item-active[b-9ckhcr8yt3] {
    background: var(--barex-secondary-surface);
    color: var(--barex-primary);
}

.barex-filter-fleet-parent[b-9ckhcr8yt3] {
    border: 1px solid var(--barex-divider);
    border-radius: 5px;
    background: var(--barex-surface);
    font-size: 11px;
    padding: 4px 8px;
    color: var(--barex-text-primary);
}

.barex-filter-fleet-parent-active[b-9ckhcr8yt3] {
    border-color: var(--barex-primary);
    background: var(--barex-primary-005);
    color: var(--barex-primary);
}

.barex-filter-checkbox-row[b-9ckhcr8yt3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
}
/* /Components/Shared/Filters/BarexFilterMobile.razor.rz.scp.css */
@keyframes barexMobileSlideUp-b-0unqjjnhe7 {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes barexMobileSlideDown-b-0unqjjnhe7 {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes barexMobileFadeIn-b-0unqjjnhe7 {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes barexMobileFadeOut-b-0unqjjnhe7 {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .barex-mobile-panel[b-0unqjjnhe7], .barex-mobile-field-sheet[b-0unqjjnhe7], .barex-mobile-sheet-backdrop[b-0unqjjnhe7] {
        animation: none !important
    }
}

.barex-mobile-filter-bar[b-0unqjjnhe7] {
    background: var(--barex-surface);
    position: sticky;
    top: calc(var(--barex-topbar-height) + 48px);
    z-index: 99;
    overflow: visible;
}

.barex-mobile-icon-btn[b-0unqjjnhe7], .barex-mobile-filter-btn[b-0unqjjnhe7] {
    height: 36px;
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    background: var(--barex-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 12px;
    color: var(--barex-text-primary);
    font-size: 14px;
}

.barex-mobile-filter-btn-count[b-0unqjjnhe7], .barex-mobile-icon-btn[b-0unqjjnhe7] {
    width: 36px;
    padding: 0;
}

.barex-mobile-icon-btn[b-0unqjjnhe7] {
    background: var(--barex-secondary-surface);
}

.barex-mobile-filter-badge[b-0unqjjnhe7] {
    position: absolute;
    top: -6px;
    left: -6px;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--barex-primary);
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.barex-mobile-menu-dropdown[b-0unqjjnhe7] {
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    min-width: 168px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    margin-top: 8px;
}

.barex-mobile-menu-item[b-0unqjjnhe7] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    padding: 10px 12px;
    color: var(--barex-text-primary);
}

.barex-mobile-chips[b-0unqjjnhe7] {
    overflow-x: auto;
    scrollbar-width: none;
}

    .barex-mobile-chips[b-0unqjjnhe7]::-webkit-scrollbar {
        display: none;
    }

.barex-mobile-chip[b-0unqjjnhe7] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--barex-primary-005);
    border-radius: 8px;
    padding: 2px 10px;
    flex-shrink: 0;
}

.barex-mobile-chip-clear[b-0unqjjnhe7] {
    border: 0;
    display: flex;
    background: transparent;
    padding: 0;
    color: var(--barex-text-secondary);
}

.barex-mobile-chip-label[b-0unqjjnhe7] {
    font-size: 9px;
    color: var(--barex-text-secondary);
    margin-bottom: -2px;
}

.barex-mobile-chip-value[b-0unqjjnhe7] {
    font-size: 12px;
    color: var(--barex-primary);
    height: 20px;
}

.barex-mobile-panel[b-0unqjjnhe7] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: var(--barex-surface);
    display: flex;
    flex-direction: column;
    animation: barexMobileSlideUp-b-0unqjjnhe7 .28s ease-out;
    will-change: transform;
}

    .barex-mobile-panel.is-closing[b-0unqjjnhe7] {
        animation: barexMobileSlideDown-b-0unqjjnhe7 .28s ease-in forwards;
    }

.barex-mobile-panel-summary[b-0unqjjnhe7] {
    background: var(--barex-secondary-surface);
    border-radius: 8px;
    font-size: 14px;
}

.barex-mobile-clear-all[b-0unqjjnhe7] {
    border: 0;
    background: transparent;
    color: var(--barex-primary);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
}

.barex-mobile-panel-list[b-0unqjjnhe7] {
    flex: 1;
    overflow-y: auto;
}

.barex-mobile-panel-footer[b-0unqjjnhe7] {
    margin-top: auto;
}

.barex-mobile-field-row[b-0unqjjnhe7] {
    border: 0;
    background: transparent;
    border-bottom: 1px solid var(--barex-divider);
    padding: 14px 0;
    gap: 12px;
}

.barex-mobile-field-label[b-0unqjjnhe7] {
    font-size: 12px;
    color: #636363;
}

.barex-mobile-field-value[b-0unqjjnhe7] {
    font-size: 14px;
    color: var(--barex-primary);
}

.barex-mobile-field-placeholder[b-0unqjjnhe7] {
    font-size: 14px;
    color: var(--barex-text-secondary);
}

.barex-mobile-field-row:disabled[b-0unqjjnhe7] {
    opacity: .5;
    cursor: not-allowed;
}

.barex-mobile-sheet-backdrop[b-0unqjjnhe7] {
    position: fixed;
    inset: 0;
    z-index: 1055;
    background: rgba(0,0,0,0.5);
    animation: barexMobileFadeIn-b-0unqjjnhe7 .28s ease-out;
}

    .barex-mobile-sheet-backdrop.is-closing[b-0unqjjnhe7] {
        animation: barexMobileFadeOut-b-0unqjjnhe7 .28s ease-in forwards;
    }

.barex-mobile-field-sheet[b-0unqjjnhe7] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: var(--barex-mobile-sheet-bottom, 0);
    z-index: 1060;
    max-height: calc(85vh - var(--barex-mobile-sheet-bottom, 0px));
    background: var(--barex-surface);
    border-radius: 16px 16px 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: barexMobileSlideUp-b-0unqjjnhe7 .28s ease-out;
    will-change: transform;
}

    .barex-mobile-field-sheet.is-closing[b-0unqjjnhe7] {
        animation: barexMobileSlideDown-b-0unqjjnhe7 .28s ease-in forwards;
    }

.barex-mobile-field-sheet-list[b-0unqjjnhe7], .barex-mobile-field-sheet-date[b-0unqjjnhe7] {
    height: calc(85vh - var(--barex-mobile-sheet-bottom, 0px));
}

.barex-mobile-sheet-body-list[b-0unqjjnhe7] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.barex-mobile-sheet-body-date[b-0unqjjnhe7] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}

.barex-mobile-field-input[b-0unqjjnhe7] {
    height: 40px;
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    background: var(--barex-secondary-surface);
    font-size: 14px;
    flex-shrink: 0;
}

.barex-mobile-search-list[b-0unqjjnhe7] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior: contain;
}

.barex-mobile-search-item[b-0unqjjnhe7] {
    border: 0;
    background: transparent;
    padding: 12px 4px;
    border-radius: 8px;
    gap: 8px;
}

.barex-mobile-search-item-active[b-0unqjjnhe7] {
    background: var(--barex-secondary-surface);
    color: var(--barex-primary);
}

.barex-mobile-sheet-footer[b-0unqjjnhe7] {
    flex-shrink: 0;
    border-top: 1px solid var(--barex-divider);
}

.barex-mobile-action-btn[b-0unqjjnhe7] {
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    background: var(--barex-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none;
    justify-content: center;
    align-items: center;
}

    .barex-mobile-action-btn:hover[b-0unqjjnhe7], .barex-mobile-action-btn:focus[b-0unqjjnhe7], .barex-mobile-action-btn:active[b-0unqjjnhe7] {
        background: var(--barex-primary);
        color: #fff;
        box-shadow: none;
        outline: none;
    }

.barex-filter-fleet-parent[b-0unqjjnhe7] {
    border: 1px solid var(--barex-divider);
    border-radius: 5px;
    background: var(--barex-surface);
    font-size: 11px;
    padding: 4px 8px;
    color: var(--barex-text-primary);
}

.barex-filter-fleet-parent-active[b-0unqjjnhe7] {
    border-color: var(--barex-primary);
    background: var(--barex-primary-005);
    color: var(--barex-primary);
}

.barex-mobile-chip-body[b-0unqjjnhe7] {
    display: flex;
    flex-direction: column;
}

.barex-mobile-sheet-header[b-0unqjjnhe7] {
    border-bottom: 1px solid var(--barex-divider);
    margin-bottom: 8px;
}

.barex-mobile-sheet-header h6[b-0unqjjnhe7]{
    font-size:20px;
    font-weight: normal !important;
}
/* /Components/Shared/Items/BarexItem.razor.rz.scp.css */
.barex-item[b-tu0734xe0t]{
    height:24px;
}

.barex-item-label[b-tu0734xe0t] {
    color: var(--barex-text-secondary);
    white-space: nowrap;
    width: 180px;
    gap: 8px;
}

.barex-item-label i[b-tu0734xe0t]{
    font-size: 20px;
}

.barex-item-label p[b-tu0734xe0t] {
    font-size: 12px;
}

.barex-item-text[b-tu0734xe0t] {
    color: var(--barex-text-primary);
    font-size: 14px;
}

.barex-item-value[b-tu0734xe0t]{
    width: 100%;
}
/* /Components/Shared/ListView/BarexCardSkeleton.razor.rz.scp.css */
.barex-card-skeleton[b-qbstxn6vg7] {
    min-height: 105px;
    overflow: hidden;
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    box-shadow: 0 1px 14px rgba(0, 0, 0, .05);
}

.barex-card-skeleton--cargo[b-qbstxn6vg7] { min-height: 184px; }
.barex-card-skeleton--driver[b-qbstxn6vg7] { min-height: 194px; }
.barex-card-skeleton-user-head[b-qbstxn6vg7] { height: 56px; }
.barex-card-skeleton-head[b-qbstxn6vg7] { min-height: 48px; }
.barex-card-skeleton-route[b-qbstxn6vg7] { margin-block: 24px 14px; }
.barex-card-skeleton-divider[b-qbstxn6vg7] { height: 1px; background: var(--barex-divider); }

@media (max-width: 575.98px) {
    .barex-card-skeleton-driver-body > :first-child[b-qbstxn6vg7] { display: none; }
    .barex-card-skeleton-driver-body[b-qbstxn6vg7] { justify-content: flex-end !important; }
}
/* /Components/Shared/ListView/BarexListEntryCard.razor.rz.scp.css */
.barex-list-entry-card[b-uag5y93g4l] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    overflow: hidden;
}

.barex-list-entry-card-icon[b-uag5y93g4l] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--barex-primary-005);
    color: var(--barex-primary);
    font-size: 18px;
}

.barex-list-entry-card-title[b-uag5y93g4l] {
    color: var(--barex-text-primary);
    font-size: 14px;
}

.barex-list-entry-card-meta[b-uag5y93g4l] {
    background: var(--barex-secondary-surface);
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 10px;
}

.barex-list-entry-card-menu[b-uag5y93g4l] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
}
/* /Components/Shared/ListView/BarexListView.razor.rz.scp.css */
.barex-list-view-loading[b-mss9gg4q4v] {
    background: color-mix(in srgb, var(--barex-surface) 85%, transparent);
    inset: 0;
    min-height: 120px;
    position: absolute;
    z-index: 2;
}

.barex-list-view-sentinel[b-mss9gg4q4v] {
    min-height: 48px;
    padding: 12px 0;
}
/* /Components/Shared/Modal.razor.rz.scp.css */
.barex-modal-host[b-5zjhuv3wh2] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    overscroll-behavior: none;
    touch-action: none;
}

.barex-modal-host-backdrop[b-5zjhuv3wh2] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(1.5px);
}

.barex-modal-layer[b-5zjhuv3wh2] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.barex-modal-content[b-5zjhuv3wh2] {
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    background: var(--barex-surface);
}

.barex-modal-header[b-5zjhuv3wh2] {
    min-height: 56px;
    padding: 0 16px 0 23px;
    border-bottom: 1px solid var(--barex-divider);
}

.barex-modal-title[b-5zjhuv3wh2] {
    font-size: 16px;
    color: var(--barex-text-primary);
}

.barex-modal-body[b-5zjhuv3wh2] {
    padding: 16px;
}

.barex-modal-footer[b-5zjhuv3wh2] {
    min-height: 56px;
    padding: 8px 16px;
    border-top: 1px solid var(--barex-divider);
    gap: 8px;
    justify-content: flex-end;
}

.barex-modal-btn[b-5zjhuv3wh2] {
    min-width: 98px;
    padding: 6px 32px 8px;
    border-radius: 10px;
    font-size: 14px;
    border: 1px solid transparent;
}

.barex-modal-btn-secondary[b-5zjhuv3wh2] {
    border-color: var(--barex-divider);
    background: transparent;
    color: var(--barex-text-secondary);
}

.barex-modal-btn-primary[b-5zjhuv3wh2] {
    border-color: var(--barex-primary);
    background: var(--barex-primary);
    color: var(--barex-onprimary);
}

.barex-modal-btn-danger[b-5zjhuv3wh2] {
    border-color: #f44336;
    background: #f44336;
    color: var(--barex-onprimary);
}

.barex-modal-btn-warning[b-5zjhuv3wh2] {
    border-color: var(--barex-warning);
    background: var(--barex-warning);
    color: var(--barex-text-primary);
}

@media (max-width: 768px) {
    .barex-modal-host[b-5zjhuv3wh2] {
        align-items: flex-end;
        padding: 0;
    }

    .barex-modal-sheet.barex-modal-layer[b-5zjhuv3wh2] {
        align-items: flex-end;
    }

    .barex-modal-sheet .modal-content[b-5zjhuv3wh2] {
        border-radius: 16px 16px 0 0;
        border-bottom: 0;
    }

    .barex-modal-sheet .modal-dialog[b-5zjhuv3wh2] {
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        transform: translateY(100%) !important;
        transition: transform 0.35s ease-out;
    }

    .barex-modal-sheet.is-open .modal-dialog[b-5zjhuv3wh2] {
        transform: translateY(0) !important;
    }
}
/* /Components/Shared/OutgoingCallCard/BarexOutgoingCallCard.razor.rz.scp.css */
/* CSS for BarexOutgoingCallCard component */

.outgoing-call-card[b-yzfjkxza6u] {
    border-radius: 12px;
    box-shadow: 0 1px 14.3px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid var(--ex-divider, #E3E3E3);
}

.outgoing-call-card-header[b-yzfjkxza6u]{
    padding: 12px 16px;
    border-bottom: 1px solid #e3e3e3;
}

.driver-avatar[b-yzfjkxza6u]{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.driver-name[b-yzfjkxza6u] {
    color: var(--ex-text-primary, #454954);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.driver-status[b-yzfjkxza6u]{
    border-radius: 5px;
    color: var(--ex-error, #F44336);
    font-size: 10px;
    font-weight: 400;
    height: 16px;
}

.call-date[b-yzfjkxza6u] {
    height: 16px;
    color: #636363;
    font-size: 10px;
    font-weight: 400;
    border-radius: 5px;
    background: #FAFAFA;
    padding: 0 4px;
}

.more-btn[b-yzfjkxza6u] {
    height: 28px;
    width: 28px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ex-border, #E3E3E3);
    background: transparent;
}

.outgoing-call-card-body[b-yzfjkxza6u] {
    padding: 10px 16px;
    border-bottom: 1px solid #e3e3e3;
}

.truck-title[b-yzfjkxza6u] {
    color: var(--ex-text-primary, #454954);
    font-size: 14px;
    font-weight: 400;
}

.outgoing-call-card-body-footer[b-yzfjkxza6u] {
    padding: 12px 16px;
}

    .outgoing-call-card-body-footer p[b-yzfjkxza6u] {
        color: var(--ex-primary, #594AE2);
        font-size: 14px;
        font-weight: 400;
    }

.call-button[b-yzfjkxza6u]{
    gap:8px;
}

    .call-button i[b-yzfjkxza6u] {
        color: var(--barex-primary);
    }
/* /Components/Shared/Pagination.razor.rz.scp.css */
/* Pagination - Mobile responsive */
@media (max-width: 767.98px) {
    .pagination[b-ixa3gavren] {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        padding-bottom: 5px;
    }
    .pagination .page-link[b-ixa3gavren] {
        padding: 0.35rem 0.6rem;
        font-size: 0.8rem;
    }
}

/* /Components/Shared/ReportCard/BarexReportCard.razor.rz.scp.css */
.barex-report-card[b-96pt54kir8] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 12px;
    min-height: 142px;
}

.barex-report-card-icon[b-96pt54kir8] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.barex-report-card-icon i[b-96pt54kir8] {
    font-size: 24px;
}

.barex-report-card-label[b-96pt54kir8] {
    color: var(--barex-text-secondary);
    font-size: 12px;
}

.barex-report-card-value[b-96pt54kir8] {
    color: var(--barex-text-primary);
    font-size: 36px;
    font-weight: 600;
    margin-top: 26px;
    line-height: 31px;
}

.barex-report-card-value.is-empty[b-96pt54kir8] {
    font-size: 18px;
    line-height: 1.4;
}

.barex-report-card.is-title-first .barex-report-card-stats[b-96pt54kir8] {
    margin-top: 16px;
}

.barex-report-card.is-title-first .barex-report-card-value[b-96pt54kir8] {
    margin-top: 0;
    font-size: 28px;
    line-height: 1.3;
}

.barex-report-card.is-title-first .barex-report-card-label[b-96pt54kir8] {
    margin-top: 8px;
}

.barex-report-card-primary[b-96pt54kir8],
.barex-report-card-info[b-96pt54kir8] {
    color: var(--barex-primary);
    background: var(--barex-primary-005);
}

.barex-report-card-success[b-96pt54kir8] {
    color: var(--barex-green);
    background: var(--barex-green-005);
}

.barex-report-card-danger[b-96pt54kir8] {
    color: var(--barex-red);
    background: var(--barex-red-005);
}

.barex-report-card-muted[b-96pt54kir8] {
    color: var(--barex-text-primary);
    background: var(--barex-secondary-surface);
}

.spinner-border[b-96pt54kir8] {
    color: var(--barex-primary);
}
/* /Components/Shared/ReportCard/BarexReportMetricCard.razor.rz.scp.css */
.barex-report-metric[b-9h6n4vdd8p] { background: var(--barex-surface); border: 1px solid var(--barex-divider); border-radius: 12px; }
.barex-report-metric-icon[b-9h6n4vdd8p] { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.barex-report-metric-icon i[b-9h6n4vdd8p] { font-size: 20px; }
.barex-report-metric-value[b-9h6n4vdd8p] { color: var(--barex-text-primary); font-size: 22px; font-weight: 600; line-height: 1.25; overflow-wrap: break-word; }

@media (max-width: 575.98px) {
    .barex-report-metric-value[b-9h6n4vdd8p] { font-size: 16px; }
}
.barex-report-metric-value.is-empty[b-9h6n4vdd8p] { font-size: 14px; }
.barex-report-card-primary[b-9h6n4vdd8p], .barex-report-card-info[b-9h6n4vdd8p] { color: var(--barex-primary); background: var(--barex-primary-005); }
.barex-report-card-success[b-9h6n4vdd8p] { color: var(--barex-green); background: var(--barex-green-005); }
.barex-report-card-danger[b-9h6n4vdd8p] { color: var(--barex-red); background: var(--barex-red-005); }
.barex-report-card-muted[b-9h6n4vdd8p] { color: var(--barex-text-primary); background: var(--barex-secondary-surface); }
/* /Components/Shared/ReportCard/BarexReportSummaryCard.razor.rz.scp.css */
.barex-report-summary[b-9qg7w3oczk] {
    background: var(--barex-surface);
    border: 1px solid var(--barex-divider);
    border-radius: 16px;
}

.barex-report-summary-value[b-9qg7w3oczk] {
    color: var(--barex-text-primary);
    font-size: 28px;
    font-weight: 600;
    line-height: 31px;
}

    .barex-report-summary-value.title[b-9qg7w3oczk] {
        font-size: 36px;
    }

.barex-report-summary-seg[b-9qg7w3oczk] {
    height: .5rem;
    border-radius: 4px;
    width: 12px;
    height: 28px;
}

.barex-report-summary-icon[b-9qg7w3oczk] {
    width: 41px;
    height: 41px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .barex-report-summary-icon i[b-9qg7w3oczk] {
        font-size: 32px;
    }

.barex-report-card-primary[b-9qg7w3oczk], .barex-report-card-info[b-9qg7w3oczk] {
    color: var(--barex-primary);
    background: var(--barex-primary-005);
}

.barex-report-card-success[b-9qg7w3oczk] {
    color: var(--barex-green);
    background: var(--barex-green-005);
}

.barex-report-card-danger[b-9qg7w3oczk] {
    color: var(--barex-red);
    background: var(--barex-red-005);
}

.barex-report-card-muted[b-9qg7w3oczk] {
    color: var(--barex-text-primary);
    background: var(--barex-secondary-surface);
}

.barex-report-summary-percent[b-9qg7w3oczk] {
    top: -37px;
    color: #424242;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}
/* /Components/Shared/ShahkarManualApproveModal.razor.rz.scp.css */
.shahkar-approve[b-uupu2jekt7]  .modal-content {
    border-radius: 16px;
}

[b-uupu2jekt7] .modal-header {
    padding: 16px 12px;
    display: flex;
    justify-content: space-between;
}

[b-uupu2jekt7] .btn-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--barex-divider);
    padding: 0;
    margin: 0;
}

[b-uupu2jekt7] .modal-footer {
    padding: 10px;
}

    [b-uupu2jekt7] .modal-footer button {
        background: var(--barex-primary);
    }

.shahkar-approve[b-uupu2jekt7]  .modal-title {
    color: var(--barex-text-primary);
    font-size: 16px;
    font-weight: 400;
}

.shahkar-approve[b-uupu2jekt7]  .modal-body {
    padding: 16px;
}

.user-info p[b-uupu2jekt7] {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400;
}

.user-info span[b-uupu2jekt7] {
    height: 22px;
    padding: 0px 8px;
    border-radius: 8px;
    background: var(--ex-primary-light, rgba(89, 74, 226, 0.05));
    color: var(--barex-primary);
    font-size: 14px;
    font-weight: 600;
}

.user-info small[b-uupu2jekt7] {
    color: var(--barex-text-secondary);
    font-size: 12px;
    font-weight: 400;
}


.shahkar-approve[b-uupu2jekt7]  .form-label {
    color: var(--barex-text-primary);
    font-size: 14px;
    font-weight: 400 !important;
}

.shahkar-approve[b-uupu2jekt7]  .form-control {
    border-radius: 5px;
    border: 1px solid var(--barex-divider);
    background: var(--barex-secondary-surface);
}

[b-uupu2jekt7] .block-btn {
    border-radius: 5px !important;
}

[b-uupu2jekt7] .modal-backdrop {
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(1.5px);
    --barex-backdrop-opacity: 1;
}
/* /Components/Shared/Snackbar.razor.rz.scp.css */
.snackbar-viewport[b-ze6n61vg7e] { left: 32px; bottom: 32px; max-width: calc(100% - 58px); min-width: 250px; z-index: 1090; }
.snackbar-inline[b-ze6n61vg7e] { position: absolute; inset-inline: 16px; bottom: 72px; z-index: 1060; max-width: none; min-width: 0; width: auto; }
.snackbar-panel[b-ze6n61vg7e] { backdrop-filter: blur(5px); background: rgba(25, 24, 39, 0.9); border: 1px solid #414755; min-height: 60px; }
.snackbar-panel.is-error[b-ze6n61vg7e] { border-color: #c94c4c; }
.snackbar-title[b-ze6n61vg7e], .snackbar-subtitle[b-ze6n61vg7e] { color: #c0c6d2; }
.snackbar-title[b-ze6n61vg7e] { font-size: 16px; }
.snackbar-subtitle[b-ze6n61vg7e] { font-size: 12px; }
.snackbar-icon[b-ze6n61vg7e] { color: #c0c6d2; font-size: 24px; }
.snackbar-panel.is-error .snackbar-icon[b-ze6n61vg7e] { color: #f5a5a5; }
.snackbar-action[b-ze6n61vg7e] { min-width: 96px; }
.snackbar-close[b-ze6n61vg7e] { border: 0; background: transparent; padding: 0; color: #c0c6d2; font-size: 20px; line-height: 1; }
@media (max-width: 575.98px) {
    .snackbar-viewport[b-ze6n61vg7e] { left: 12px; bottom: 12px; width: calc(100% - 24px); max-width: none; }
    .snackbar-inline[b-ze6n61vg7e] { inset-inline: 12px; bottom: 68px; }
}
/* /Components/Shared/ToggleSelector/BarexToggleSelector.razor.rz.scp.css */
.yes-no-toggle-wrapper[b-iopq7z00i1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.yes-no-toggle-label[b-iopq7z00i1] {
    font-size: 14px;
    font-weight: 400;
    color: var(--barex-text-primary);
    margin: 0;
}

.yes-no-toggle[b-iopq7z00i1] {
    display: flex;
    align-items: center;
    padding: 4px;
    border: 1px solid var(--barex-divider);
    border-radius: 8px;
    background: var(--barex-surface);
    height: 32px;
    gap: 5px;
}

.toggle-item[b-iopq7z00i1] {
    width: 66px;
    border: none;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: .2s;
    font-size: 12px;
    font-weight: 400;
    color: var(--barex-text-primary);
}

    .toggle-item.active[b-iopq7z00i1] {
        background: rgba(89, 74, 226, 0.05);
        color: var(--barex-primary);
    }

.toggle-divider[b-iopq7z00i1] {
    width: 1px;
    height: 16px;
    background: var(--barex-divider);
}

.toggle-item:disabled[b-iopq7z00i1] {
    cursor: default;
    opacity: .6;
}
/* /Components/Shared/Tooltip/BarexTooltip.razor.rz.scp.css */
.barex-tooltip[b-rm3x5hp3h7] {
    display: inline-flex;
}

.barex-tooltip-trigger[b-rm3x5hp3h7] {
    display: inline-flex;
}

.barex-tooltip-content[b-rm3x5hp3h7] {
    background: var(--barex-surface);
    border-radius: 8px;
    color: var(--barex-text-primary);
    font-size: 12px;
    line-height: 1.5;
    border: 0.5px solid var(--barex-divider);
    overflow-wrap: anywhere;
    overflow-y: auto;
    white-space: normal;
    max-width: min(16rem, calc(100vw - 32px));
    width: max-content;
    opacity: 0;
    padding: 6px 10px;
    pointer-events: none;
    position: fixed;
    visibility: hidden;
    z-index: 1500;
}

.barex-tooltip-content.is-visible[b-rm3x5hp3h7] {
    opacity: 1;
    visibility: visible;
}
/* /Components/Shared/Utils/BarexTruckPlate.razor.rz.scp.css */
/* CSS for BarexTruckPlate component */

.driver-plate[b-orlu1rsq7a] {
    width: 115px;
    background-color: #1C1B1F;
    border-radius: 2px;
    border: 1px solid #1C1B1F;
}

.driver-plate-band[b-orlu1rsq7a] {
    background-color: #1F3C89;
    width:14px;
    border-radius: 2px 0 0 2px;
    height:21px;
    padding: 2px 0;
    margin-left:1px;
}

.driver-plate-region[b-orlu1rsq7a] {
    width: 25px;
    border-left: 1px solid #1c1b1f;
    border-radius: 2px;
    height: 23.5px;
    background: #FFC913;
}

.driver-plate-region img[b-orlu1rsq7a]{
    top:3px;
}

.driver-plate-region p[b-orlu1rsq7a] {
    font-size: 12px;
    color: #1C1B1F;
    margin-bottom:0;
    font-weight: 600;
    height:14px;
}

.driver-plate-digits[b-orlu1rsq7a] {
    width: 88px;
    height: 23.5px;
    background: #FFC913;
    border-radius: 2px;
    gap: 2px;
}

.driver-plate-digits span[b-orlu1rsq7a]{
    color: #1C1B1F;
    font-size: 13px;
    font-weight: 600;
}

.driver-plate-letter.is-descender[b-orlu1rsq7a] {
    transform: translateY(-2.5px);
}

.driver-plate-digit[b-orlu1rsq7a] {
    padding-top: 2px;
}
/* /Components/Shared/Widgets/BarexRateWidgets.razor.rz.scp.css */
.cargo-conversion-content[b-v164megjh6] {
    align-items: center;
    min-height: 245px;
}

.cargo-rate-ring.is-primary .cargo-rate-ring-track[b-v164megjh6] {
    stroke: var(--barex-secondary-surface);
}

.cargo-rate-ring.is-primary .cargo-rate-ring-value[b-v164megjh6] {
    stroke: var(--barex-primary);
}

.cargo-rate-ring.is-primary strong[b-v164megjh6] {
    color: var(--barex-primary);
}

.cargo-conversion-metrics[b-v164megjh6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .cargo-conversion-metrics .cargo-metrics > strong[b-v164megjh6] {
        color: var(--barex-primary);
        font-size: 36px;
        line-height: 1;
    }

    .cargo-conversion-metrics .cargo-metrics > p[b-v164megjh6] {
        color: var(--barex-text-primary);
        font-size: 16px;
        margin: 0;
    }

    .cargo-conversion-metrics .cargo-metrics > span[b-v164megjh6] {
        color: var(--barex-text-primary);
        font-size: 28px !important;
        font-weight: 600 !important;
        margin: 0;
    }

    .cargo-conversion-metrics .cargo-metrics > small[b-v164megjh6] {
        color: var(--barex-red);
        font-size: 14px;
    }

.cargo-cancellation-content[b-v164megjh6] {
    align-items: center;
    direction: ltr;
    min-height: 220px;
    padding: 8px 45px 0;
    position: relative;
    z-index: 1;
}

.bubble-rate[b-v164megjh6] {
    width: 300px;
    height: 300px;
    border-radius: 1000px;
    filter: blur(60px);
    position: absolute;
    bottom: 0;
    right: -10%;
}

.total-count[b-v164megjh6] {
    font-size: 24px;
    font-weight: 600;
}

.cargo-conversion-card[b-v164megjh6] {
    background: var(--barex-primary-005);
}

.cargo-cancellation-card[b-v164megjh6] {
    background: var(--barex-red-005);
}

    .cargo-cancellation-card[b-v164megjh6]::after {
        content: none;
    }

.cargo-rate-ring[b-v164megjh6] {
    aspect-ratio: 1;
    margin-inline: auto;
    max-width: 172px;
    position: relative;
    width: 100%;
}

    .cargo-rate-ring svg[b-v164megjh6] {
        height: 100%;
        transform: rotate(-90deg);
        width: 100%;
    }

    .cargo-rate-ring circle[b-v164megjh6] {
        fill: none;
        stroke-width: 2.7;
    }

.cargo-rate-ring-track[b-v164megjh6] {
    stroke: var(--barex-secondary-surface);
}

.cargo-rate-ring-value[b-v164megjh6] {
    stroke: var(--cargo-report-danger);
    stroke-linecap: round;
}

.cargo-rate-ring > div[b-v164megjh6] {
    align-items: center;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    position: absolute;
}

.cargo-rate-ring strong[b-v164megjh6] {
    color: var(--cargo-report-danger);
    font-size: 42px;
    line-height: 1;
}

.cargo-rate-ring span[b-v164megjh6] {
    color: var(--cargo-report-muted);
    font-size: 12px;
}

.cargo-cancellation-metrics[b-v164megjh6] {
    direction: rtl;
    display: flex;
    flex-direction: column;
    gap: 7px;
    text-align: right;
}

    .cargo-cancellation-metrics .cargo-metrics > strong[b-v164megjh6] {
        color: var(--cargo-report-danger);
        font-size: 36px;
        line-height: 1;
    }

    .cargo-cancellation-metrics .cargo-metrics > p[b-v164megjh6] {
        color: var(--barex-text-primary);
        font-size: 16px;
        margin: 0;
    }

    .cargo-cancellation-metrics .cargo-metrics > span[b-v164megjh6] {
        color: var(--barex-red);
        font-size: 28px !important;
        font-weight: 600 !important;
        margin: 0;
    }

        .cargo-cancellation-metrics .cargo-metrics > span b[b-v164megjh6] {
            font-size: 28px;
            font-weight: 600;
        }

    .cargo-cancellation-metrics .cargo-change[b-v164megjh6] {
        font-size: 10px;
        margin-top: 4px;
    }

@media (max-width: 576px) {
    .cargo-conversion-metrics .cargo-metrics > strong[b-v164megjh6] {
        font-size: 24px;
    }

    .cargo-conversion-metrics .cargo-metrics > p[b-v164megjh6] {
        font-size: 12px;
    }

    .cargo-conversion-metrics .cargo-metrics > span[b-v164megjh6] {
        font-size: 16px !important;
    }

    .cargo-conversion-metrics .cargo-metrics > small[b-v164megjh6] {
        font-size: 10px;
    }

    .cargo-cancellation-metrics .cargo-metrics > strong[b-v164megjh6] {
        font-size: 24px;
    }

    .cargo-cancellation-metrics .cargo-metrics > p[b-v164megjh6] {
        font-size: 12px;
    }

    .cargo-cancellation-metrics .cargo-metrics > span[b-v164megjh6] {
        font-size: 16px !important;
    }

    .total-count[b-v164megjh6] {
        font-size: 20px;
    }

    .bubble-rate[b-v164megjh6] {
        width: 200px;
        height: 200px;
    }

    .cargo-rate-ring[b-v164megjh6] {
        max-width: 130px;
    }

        .cargo-rate-ring strong[b-v164megjh6] {
            font-size: 28px;
        }
}
/* /Components/Shared/Widgets/BarexWidgetsHeader.razor.rz.scp.css */
.widgets-header[b-ccjclvveom] {
    align-items: start;
    column-gap: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 12px;
    width: 100%;
}

.widgets-header-body[b-ccjclvveom] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.widgets-header-controls[b-ccjclvveom] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.widgets-header-icon[b-ccjclvveom] {
    color: var(--barex-text-secondary);
    font-size: 24px;
}

.widgets-header-title[b-ccjclvveom] {
    color: var(--barex-text-secondary);
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0 !important;
}

.widgets-header-fullscreen-btn[b-ccjclvveom] {
    flex-shrink: 0;
}

@media (max-width: 767.98px) {
    .widgets-header-body:has(.widgets-header-controls > .cargo-report-filter:only-child)[b-ccjclvveom] {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .widgets-header-body:has(.widgets-header-controls > * + *)[b-ccjclvveom] {
        align-items: stretch;
        flex-direction: column;
    }

    .widgets-header-body:has(.widgets-header-controls > * + *) .widgets-header-controls[b-ccjclvveom] {
        flex-wrap: wrap;
        width: 100%;
    }
}