/* _content/Shofer.Admin/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;
    height: 48px;
    position: relative;
    width: 100%;
}

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

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

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

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

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

.botex-composer:not(.botex-composer-expanded) .botex-send-button[b-0pepfv8xon] {
    bottom: 11px;
}

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

.botex-send-button img[b-0pepfv8xon] {
    height: 19px;
    width: 19px;
}
/* _content/Shofer.Admin/Components/Botex/Components/BotexConversation.razor.rz.scp.css */
.botex-conversation[b-9kyffgghu8] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
}

.botex-transcript[b-9kyffgghu8] {
    width: 100%;
}

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

.botex-turn[b-9kyffgghu8] {
    align-items: stretch;
    direction: ltr;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
    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);
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    left: 0;
    margin-inline: auto;
    margin-bottom:16px;
    position: fixed;
    right: var(--barex-sidenav-width);
    width: min(712px, calc(100% - 32px));
    z-index: 10;
}

.botex-conversation-composer.has-suggestions[b-9kyffgghu8] {
    border-radius: 16px;
    min-height: 48px;
    overflow: hidden;
}

.botex-conversation-composer.has-suggestions[b-9kyffgghu8]  .botex-composer {
    bottom: 0;
    box-shadow: none;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .botex-conversation-composer[b-9kyffgghu8] {
        padding-bottom: 16px;
        right: 0;
    }
}

@media (max-width: 767.98px) {
    .botex-transcript-content[b-9kyffgghu8] { padding: 20px 16px 140px; }
}
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/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%;
}

.botex-md-skeleton[b-f5bebszc4m] {
    display: block;
    margin-top: 6px;
}

.botex-md-skeleton .placeholder[b-f5bebszc4m] {
    display: inline-block;
    height: 0.9em;
    min-height: 0.9em;
    vertical-align: middle;
}


.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;
    }
}
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/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;
    }
}
/* _content/Shofer.Admin/Components/Botex/Components/BotexSuggestedQuestions.razor.rz.scp.css */
.botex-suggestions[b-urq1gnuorm] {
    backdrop-filter: blur(6px);
    background: var(--barex-primary-005, rgba(89, 74, 226, .05));
    border: 1px solid var(--barex-divider, #e3e3e3);
    border-radius: 16px;
    box-sizing: border-box;
    contain: layout paint style;
    opacity: 0;
    overflow: hidden;
    transform: translate3d(0, 6px, 0) scale(.995);
    transform-origin: top center;
    transition: opacity 180ms ease, transform 180ms cubic-bezier(.2, .8, .2, 1);
    width: min(712px, 100%);
    will-change: opacity, transform;
}

.botex-suggestions.is-open[b-urq1gnuorm] {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.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 10px;
}

.botex-suggestions-header p[b-urq1gnuorm] {
    color: var(--barex-text-secondary, #696b6a);
    font: 400 12px/normal 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    margin: 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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;
    min-height: 37px;
    padding: 7px 8px 7px 11px;
    text-align: right;
    transition: background-color 120ms ease;
    width: 100%;
}

.botex-suggestion:last-child[b-urq1gnuorm] {
    border-bottom: 0;
}

.botex-suggestion:hover:not(:disabled)[b-urq1gnuorm],
.botex-suggestion:focus-visible[b-urq1gnuorm] {
    background: var(--barex-surface, #fff);
    outline: none;
}

.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-wrap: anywhere;
    padding-inline: 8px;
}

.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;
    }
}
/* _content/Shofer.Admin/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; }
/* _content/Shofer.Admin/Components/Botex/Components/BotexWelcome.razor.rz.scp.css */
.botex-welcome[b-m5ty7axp8u] {
    background: linear-gradient(180deg, var(--barex-primary-005) 0, rgba(89, 74, 226, 0) 50%);
    min-height: inherit;
    overflow: visible;
    position: relative;
}

.botex-welcome-brand[b-m5ty7axp8u] {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: absolute;
    top: clamp(46px, 7.92%, 80px);
    transform: translateX(-50%);
    width: min(411px, calc(100% - 32px));
}

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

.botex-welcome-brand h1[b-m5ty7axp8u] {
    color: var(--barex-primary);
    font-family: 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 400;
    line-height: normal;
    margin: 9px 0 0;
    text-align: center;
}

.botex-welcome-greeting[b-m5ty7axp8u] {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 45.5%;
    transform: translateX(-50%);
    width: min(432px, calc(100% - 32px));
}

.botex-welcome-greeting p[b-m5ty7axp8u] {
    color: var(--barex-text-primary);
    font-family: 'YekanBakh FaNum', 'YekanBakh', sans-serif;
    font-size: clamp(20px, 1.5vw, 24px);
    line-height: normal;
    margin: 0;
}

.botex-welcome-greeting p + p[b-m5ty7axp8u] {
    margin-top: 14px;
}

.botex-welcome-composer[b-m5ty7axp8u] {
    left: 50%;
    position: absolute;
    top: 61.4%;
    transform: translateX(-50%);
    width: min(712px, calc(100% - 32px));
}

@media (max-width: 767.98px) {
    .botex-welcome-brand[b-m5ty7axp8u] {
        top: 42px;
    }

    .botex-welcome-greeting[b-m5ty7axp8u] {
        top: 42%;
    }

    .botex-welcome-composer[b-m5ty7axp8u] {
        top: 59%;
    }
}
/* _content/Shofer.Admin/Components/Botex/Pages/Botex.razor.rz.scp.css */
.botex-page[b-h7uom3z2rp] {
    background: var(--barex-surface);
    box-sizing: border-box;
    color: var(--barex-text-primary);
    margin-inline: -0.75rem;
    min-height: calc(100dvh - var(--barex-topbar-height));
    position: relative;
    width: calc(100% + 1.5rem);
}

@media (max-width: 767.98px) {
    .botex-page[b-h7uom3z2rp] {
        margin-inline: -0.75rem;
        min-height: calc(100dvh - var(--barex-topbar-height));
    }
}
/* _content/Shofer.Admin/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;
    }
}
/* _content/Shofer.Admin/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;
    }
}
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/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; }
.cargo-create-form.is-panel .cargo-create-section[b-flmsu7794o] { padding-inline: 20px; }
.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%; }
.cargo-create-col[b-flmsu7794o] { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.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: 12px; 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; }
@media (max-width: 767.98px) {
    .cargo-create-columns[b-flmsu7794o] { grid-template-columns: 1fr; }
    .cargo-create-col-main[b-flmsu7794o] { border-inline-start: 0; border-top: 1px solid var(--barex-divider); padding-top: 20px; }
}
/* _content/Shofer.Admin/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; } }
/* _content/Shofer.Admin/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:16px 0;-webkit-overflow-scrolling:touch;min-height:0}

.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-closing[b-mq2h4o28ub]{animation:cargoCreateSlideDown-b-mq2h4o28ub .28s ease-in forwards}}
/* _content/Shofer.Admin/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;
    }
}
/* _content/Shofer.Admin/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-secondary-surface);
    border-radius: 8px;
    font-size: 10px;
    padding: 4px 8px;
}

.cargo-fleet-icon[b-x2610sppth] {
    height: 16px;
    width: 16px;
}

.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;
}

.cargo-shipper-avatar[b-x2610sppth] {
    align-items: center;
    background: var(--barex-primary);
    border-radius: 1000px;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 44px;
    justify-content: center;
    width: 44px;
}
/* _content/Shofer.Admin/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;
}

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

.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(8px, 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(12px, 2.8cqi, 14px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

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

    .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(9px, 2cqi, 10px);
        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;
    }
/* _content/Shofer.Admin/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-icon[b-xp0exqry9w] {
    height: 32px;
    width: 32px;
}

.cargo-skeleton-number[b-xp0exqry9w] {
    height: 28px;
    position: absolute !important;
    right: 20px;
    top: 68px;
    width: 72px;
}

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

.cargo-skeleton-label[b-xp0exqry9w] {
    height: 10px;
    position: absolute !important;
    right: 20px;
    top: 108px;
    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] {
    height: 270px;
    padding: 24px 12px 8px;
}

.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;
}

: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;
        top: 60px;
        width: 54px;
    }

    .cargo-skeleton-label[b-xp0exqry9w] {
        top: 94px;
        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;
    }
}
/* _content/Shofer.Admin/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;
    }
}
/* _content/Shofer.Admin/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;
        }
}
/* _content/Shofer.Admin/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;
    }
/* _content/Shofer.Admin/Components/Pages/Dashboards/CargoReports/ReportPeriodFilter.razor.rz.scp.css */
.cargo-report-period-trigger[b-u913s3gq1z] {
    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;
    }
/* _content/Shofer.Admin/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;
    }
}
/* _content/Shofer.Admin/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; }
/* _content/Shofer.Admin/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);
}
/* _content/Shofer.Admin/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; }
/* _content/Shofer.Admin/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); }
/* _content/Shofer.Admin/Components/Pages/Users/AllUsers.razor.rz.scp.css */
.barex-medal[b-too3i8jooq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-top: 0.6rem;
    border-radius: 50%;
    font-weight: 800;
    font-size: 0.8rem;
    box-shadow: inset 0 0 0 0.18rem rgba(255, 255, 255, 0.45), 0 1px 3px rgba(0, 0, 0, 0.35);
}

.barex-medal[b-too3i8jooq]::before, .barex-medal[b-too3i8jooq]::after { content: ""; position: absolute; top: -0.55rem; width: 0.5rem; height: 0.85rem; z-index: -1; }
.barex-medal[b-too3i8jooq]::before { left: 0.42rem; background: #d63939; transform: rotate(20deg); }
.barex-medal[b-too3i8jooq]::after { right: 0.42rem; background: #2f5bd6; transform: rotate(-20deg); }
.barex-medal-gold[b-too3i8jooq] { background: radial-gradient(circle at 35% 30%, #ffe98a, #e0a800 75%); color: #6b4e00; }
.barex-medal-silver[b-too3i8jooq] { background: radial-gradient(circle at 35% 30%, #f3f5f7, #9aa3af 75%); color: #444d59; }
.barex-medal-bronze[b-too3i8jooq] { background: radial-gradient(circle at 35% 30%, #e8b07c, #a15f24 75%); color: #fff; }
/* _content/Shofer.Admin/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] {
    width: 173px;
    height: 64px;
    object-fit: contain;
    object-position: center;
}

.driver-card-divider[b-okiu9dqklh] {
    border-color: var(--barex-divider);
    opacity: 1;
}

.driver-plate[b-okiu9dqklh] {
    background: #ffc913;
    border: 1px solid #1c1b1f;
    border-radius: 4px;
    direction: ltr;
    height: 20px;
    width: 118px;
}

.driver-plate-band[b-okiu9dqklh] {
    background: #1f3c89;
    border-radius: 3px 0 0 3px;
    color: #fff;
    font-size: 4px;
    font-weight: 700;
    line-height: 1.3;
    width: 11px;
}

.driver-plate-digits[b-okiu9dqklh] {
    color: #1c1b1f;
    direction: rtl;
    flex: 1;
    font-size: 13px;
    font-weight: 700;
    gap: 4px;
    justify-content: center;
    line-height: 1;
    padding: 0 4px;
}

.driver-plate-region[b-okiu9dqklh] {
    border-left: 1px solid #1c1b1f;
    color: #1c1b1f;
    line-height: 1;
    padding: 1px 3px;
    min-width: 17px;
}

    .driver-plate-region small[b-okiu9dqklh] {
        font-size: 5px;
    }

    .driver-plate-region b[b-okiu9dqklh] {
        font-size: 9px;
    }
/* _content/Shofer.Admin/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;
}

.shipper-card-avatar[b-kzuscturr8] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--barex-primary-005);
    color: var(--barex-primary);
    font-weight: 700;
    font-size: 16px;
}

.shipper-card-name[b-kzuscturr8] {
    color: var(--barex-text-primary);
    font-size: 14px;
    height: 22px !important;
}

.shipper-card-sub[b-kzuscturr8] {
    color: var(--barex-text-secondary);
    font-size: 11px;
    height: 18px !important;
}

.shipper-card-date[b-kzuscturr8] {
    color: var(--barex-text-secondary);
    font-size: 11px;
}

.shipper-card-menu[b-kzuscturr8] {
    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;
}

    .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;
}
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/Components/Shared/BarexConfirmModal.razor.rz.scp.css */
.barex-confirm-modal-backdrop[b-dyyc6inl3m] {
    z-index: 1055;
    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);
}
/* _content/Shofer.Admin/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)); }
}
/* _content/Shofer.Admin/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;
    }
}
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/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; }
/* _content/Shofer.Admin/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; }
}
/* _content/Shofer.Admin/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;
}

.barex-badge-icon[b-1nfjw0agap]{
    font-size:16px;
}

.barex-status-red[b-1nfjw0agap] {
    background: var(--barex-primary-005);
    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;
    }
}
/* _content/Shofer.Admin/Components/Shared/BarexTable.razor.rz.scp.css */
.barex-table-wrapper[b-65tbpd992c] {
    position: relative;
    height: calc(100vh - 335px);
}

.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] {
    background: var(--barex-surface);
    height: 100%;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--barex-scrollbar-thumb) var(--barex-scrollbar-track);
    position: relative;
}

.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);
}

.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;
}
/* _content/Shofer.Admin/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; }
/* _content/Shofer.Admin/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);
    }
/* _content/Shofer.Admin/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);
    }
/* _content/Shofer.Admin/Components/Shared/Cargos/BarexCargoField.razor.rz.scp.css */
/* _content/Shofer.Admin/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%; } }
/* _content/Shofer.Admin/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); }
/* _content/Shofer.Admin/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; }
/* _content/Shofer.Admin/Components/Shared/Cells/PhoneCell.razor.rz.scp.css */
.barex-phone-cell[b-cdt202eb9p] {
    align-items: center;
    direction: ltr;
    display: inline-flex;
    gap: 6px;
}

.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;
}
/* _content/Shofer.Admin/Components/Shared/Cells/PhoneNumberText.razor.rz.scp.css */
.barex-phone-groups[b-bjbg77xj9b] {
    display: inline-flex;
    gap: 6px;
    white-space: nowrap;
}
/* _content/Shofer.Admin/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; }
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/Components/Shared/Divider/BarexDivider.razor.rz.scp.css */
.barex-divider-h[b-8hisu2894o] {
    background: var(--barex-divider);
    border: 0;
    height: 1px;
    width: 100%;
}

.barex-divider-v[b-8hisu2894o] {
    align-self: stretch;
    background: var(--barex-divider);
    border: 0;
    height: auto;
    min-height: 100%;
    width: 1px;
}
/* _content/Shofer.Admin/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 (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: 128px;
    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;
    }
}
/* _content/Shofer.Admin/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);
    }
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/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%;
}
/* _content/Shofer.Admin/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; }
}
/* _content/Shofer.Admin/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;
}
/* _content/Shofer.Admin/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;
    }
}

/* _content/Shofer.Admin/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; }
}
/* _content/Shofer.Admin/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;
    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;
}
/* _content/Shofer.Admin/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;
        }
}
/* _content/Shofer.Admin/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%;
    }
}