/* _content/CrmApp.Web/Components/AiUi/MusyaChat.razor.rz.scp.css */
.musya-chat[b-mw3rtdc8mf] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.musya-alert[b-mw3rtdc8mf] {
    margin-bottom: 8px;
}

.musya-messages[b-mw3rtdc8mf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 300px;
    max-height: calc(100vh - 330px);
    overflow-y: auto;
    padding: 14px;
    border: 1px solid #e5dbff;
    border-radius: 14px;
    background: #fbfaff;
}

.compact .musya-messages[b-mw3rtdc8mf] {
    flex: 1;
    min-height: 0;
    max-height: none;
    border: none;
    border-radius: 0;
    padding: 12px;
}

.compact[b-mw3rtdc8mf] {
    flex: 1;
}

.musya-empty[b-mw3rtdc8mf] {
    color: #868e96;
    margin: auto;
    text-align: center;
    max-width: 520px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.musya-empty-avatar[b-mw3rtdc8mf] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(132, 94, 247, 0.18);
}

.musya-row[b-mw3rtdc8mf] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    max-width: 88%;
}

.musya-msg-avatar[b-mw3rtdc8mf] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid #e5dbff;
    background: #fff;
}

.musya-links[b-mw3rtdc8mf] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: -4px 0 0 38px;
}

.musya-link[b-mw3rtdc8mf] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid #d0bfff;
    background: #f3f0ff;
    color: #6741d9;
    font-size: 0.85rem;
    text-decoration: none;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.musya-link:hover[b-mw3rtdc8mf] {
    background: #e5dbff;
    color: #5f3dc4;
}

.musya-msg[b-mw3rtdc8mf] {
    padding: 10px 14px;
    border-radius: 14px;
    white-space: pre-wrap;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.musya-msg.user[b-mw3rtdc8mf] {
    align-self: flex-end;
    max-width: 85%;
    background: #845ef7;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.musya-msg.ai[b-mw3rtdc8mf] {
    background: #fff;
    border: 1px solid #e5dbff;
    border-bottom-left-radius: 4px;
}

.musya-msg.typing[b-mw3rtdc8mf] {
    color: #868e96;
    font-style: italic;
}

.musya-input[b-mw3rtdc8mf] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-top: 10px;
}

.compact .musya-input[b-mw3rtdc8mf] {
    margin: 0;
    padding: 10px;
    border-top: 1px solid #eee6ff;
}

.musya-input textarea[b-mw3rtdc8mf] {
    resize: vertical;
}

.compact .musya-input textarea[b-mw3rtdc8mf] {
    resize: none;
}

.musya-attach[b-mw3rtdc8mf] {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    border: 1px solid #d0bfff;
    border-radius: 8px;
    background: #f3f0ff;
    cursor: pointer;
    font-size: 1.1rem;
    margin: 0;
}

.musya-attach:hover[b-mw3rtdc8mf] {
    background: #e5dbff;
}

.musya-attach.disabled[b-mw3rtdc8mf] {
    opacity: 0.5;
    pointer-events: none;
}

/* The real file input stays hidden: 📎 opens it, a pasted screenshot is put into it. */
[b-mw3rtdc8mf] .musya-file {
    display: none;
}

.musya-pending[b-mw3rtdc8mf] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 10px 0;
}

.musya-pending-item[b-mw3rtdc8mf] {
    position: relative;
}

.musya-pending-item img[b-mw3rtdc8mf] {
    height: 64px;
    border-radius: 8px;
    border: 1px solid #e5dbff;
    display: block;
}

.musya-pending-item button[b-mw3rtdc8mf] {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: none;
    background: #495057;
    color: #fff;
    font-size: 0.7rem;
    line-height: 20px;
    padding: 0;
}

.musya-pics[b-mw3rtdc8mf] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 4px;
}

.musya-pics img[b-mw3rtdc8mf] {
    max-height: 120px;
    max-width: 100%;
    border-radius: 8px;
    display: block;
}

/* A picture is being dragged over the chat: the whole window takes it. */
.musya-chat[b-mw3rtdc8mf] {
    position: relative;
}

.musya-chat.musya-drop[b-mw3rtdc8mf]::after {
    content: "Отпустите — картинка уйдёт Мусе 🐱";
    position: absolute;
    inset: 6px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px dashed #845ef7;
    border-radius: 14px;
    background: rgba(243, 240, 255, 0.92);
    color: #5f3dc4;
    font-weight: 700;
    font-size: 1rem;
    pointer-events: none;
}
/* _content/CrmApp.Web/Components/AiUi/MusyaWidget.razor.rz.scp.css */
.musya-widget.off[b-oqm0mex1xm],
.musya-panel.closed[b-oqm0mex1xm] {
    display: none;
}

.musya-fab[b-oqm0mex1xm] {
    /* On the right tool rail (ToolRail), between the clock and the page's own button. */
    pointer-events: auto;
    width: 62px;
    height: 62px;
    padding: 0;
    border-radius: 50%;
    border: 3px solid #fff;
    background: #fff;
    /* white gap + purple ring + soft shadow */
    box-shadow: 0 0 0 3px #845ef7, 0 6px 20px rgba(132, 94, 247, 0.4);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.musya-fab img[b-oqm0mex1xm] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
}

.musya-fab:hover[b-oqm0mex1xm] {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 0 0 3px #7048e8, 0 10px 26px rgba(132, 94, 247, 0.5);
}

.musya-fab.active[b-oqm0mex1xm] {
    box-shadow: 0 0 0 4px #6741d9, 0 6px 20px rgba(132, 94, 247, 0.5);
}

.musya-panel[b-oqm0mex1xm] {
    /* Next to the rail (the rail is the positioned parent, so it follows the rail when it moves). */
    position: absolute;
    right: calc(100% + 16px);
    bottom: 16px;
    pointer-events: auto;
    z-index: 1950;
    width: min(420px, calc(100vw - 32px));
    height: min(620px, calc(100vh - 120px));
    display: flex;
    flex-direction: column;
    background: #fbfaff;
    border: 1px solid #e5dbff;
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(40, 20, 90, 0.22);
    overflow: hidden;
}

.musya-panel-head[b-oqm0mex1xm] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: linear-gradient(135deg, #845ef7, #b197fc);
    color: #fff;
}

.musya-panel-avatar[b-oqm0mex1xm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #fff;
}

.musya-panel-title[b-oqm0mex1xm] {
    flex: 1;
    line-height: 1.15;
}

.musya-panel-name[b-oqm0mex1xm] {
    font-weight: 600;
    font-size: 1.05rem;
}

.musya-panel-sub[b-oqm0mex1xm] {
    font-size: 0.8rem;
    opacity: 0.85;
}

.musya-head-btn[b-oqm0mex1xm] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    cursor: pointer;
}

.musya-head-btn:hover[b-oqm0mex1xm] {
    background: rgba(255, 255, 255, 0.32);
    color: #fff;
}

@media (max-width: 640px) {
    .musya-fab[b-oqm0mex1xm] {
        width: 52px;
        height: 52px;
    }

    .musya-panel[b-oqm0mex1xm] {
        position: fixed;
        right: 8px;
        left: 8px;
        width: auto;
        bottom: 84px;
        height: calc(100vh - 100px);
    }
}
/* _content/CrmApp.Web/Components/CdekUi/CarrierSwitch.razor.rz.scp.css */
.carrier-switch[b-712ttrnsxl] {
    display: inline-flex;
    border: 1px solid #d9deef;
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
}

.carrier-switch a[b-712ttrnsxl] {
    padding: 6px 16px;
    font-weight: 600;
    text-decoration: none;
    color: #495057;
}

.carrier-switch a.cdek.active[b-712ttrnsxl] {
    background: #1ab248;
    color: #fff;
}

.carrier-switch a.ozon.active[b-712ttrnsxl] {
    background: #005bff;
    color: #fff;
}

.carrier-switch a:not(.active):hover[b-712ttrnsxl] {
    background: #f1f3f5;
}
/* _content/CrmApp.Web/Components/CdekUi/CdekCityPicker.razor.rz.scp.css */
.city-picker[b-ctuzk8il48] {
    position: relative;
    min-width: 220px;
}

.city-picker-overlay[b-ctuzk8il48] {
    position: fixed;
    inset: 0;
    z-index: 14;
}

.city-picker-list[b-ctuzk8il48] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 15;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #d9deef;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(18, 38, 63, 0.14);
    overflow: hidden;
}

.city-picker-item[b-ctuzk8il48] {
    text-align: left;
    border: none;
    background: #fff;
    padding: 8px 12px;
    font-size: 0.92rem;
}

.city-picker-item:hover[b-ctuzk8il48] {
    background: #f1f3ff;
}
/* _content/CrmApp.Web/Components/CdekUi/CdekShipmentDialog.razor.rz.scp.css */
.cdek-backdrop[b-oxcc7fenea] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    background: rgba(20, 24, 40, 0.45);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 12px;
    overflow-y: auto;
}

.cdek-dialog[b-oxcc7fenea] {
    width: min(760px, 100%);
    background: #fff;
    border-radius: 16px;
    padding: 18px 20px;
    box-shadow: 0 20px 50px rgba(20, 24, 40, 0.3);
}

.cdek-dialog-head[b-oxcc7fenea] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.cdek-dialog-title[b-oxcc7fenea] {
    font-size: 1.15rem;
    font-weight: 700;
}

.cdek-close[b-oxcc7fenea] {
    border: none;
    background: #f1f3f5;
    border-radius: 8px;
    width: 32px;
    height: 32px;
}

.ship-tabs[b-oxcc7fenea] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.ship-tab[b-oxcc7fenea] {
    border: 1px solid #d9deef;
    background: #fff;
    border-radius: 999px;
    padding: 5px 14px;
}

.ship-tab.active[b-oxcc7fenea] {
    background: #1ab248;
    border-color: #1ab248;
    color: #fff;
}

.ship-grid[b-oxcc7fenea] {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 8px 12px;
    align-items: center;
}

.ship-grid > label[b-oxcc7fenea] {
    margin: 0;
    color: #555;
    font-size: 0.92rem;
}

.ship-row[b-oxcc7fenea] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.check[b-oxcc7fenea] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    margin-right: 10px;
}

.num[b-oxcc7fenea] {
    width: 80px;
}

.num-wide[b-oxcc7fenea] {
    width: 130px;
}

.point-options[b-oxcc7fenea] {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid #e3e7f3;
    border-radius: 10px;
    margin-top: 6px;
}

.point-option[b-oxcc7fenea] {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #f1f3f5;
    background: #fff;
    padding: 6px 10px;
    font-size: 0.9rem;
}

.point-option:hover[b-oxcc7fenea] {
    background: #f1f8f3;
}

.picked-point[b-oxcc7fenea] {
    background: #e6f7ec;
    border-radius: 10px;
    padding: 6px 10px;
}

.tariff-option[b-oxcc7fenea] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e3e7f3;
    border-radius: 10px;
    padding: 6px 10px;
    margin-bottom: 4px;
    cursor: pointer;
}

.tariff-option.active[b-oxcc7fenea] {
    border-color: #1ab248;
    background: #f1faf4;
}

.tariff-option span:first-of-type[b-oxcc7fenea] {
    flex: 1;
}

.ship-status[b-oxcc7fenea] {
    border-radius: 12px;
    padding: 10px 12px;
    background: #f6f7fb;
    margin-bottom: 10px;
}

.ship-status.stage-atpickuppoint[b-oxcc7fenea],
.ship-status.stage-withcourier[b-oxcc7fenea] {
    background: #fff9db;
}

.ship-status.stage-delivered[b-oxcc7fenea] {
    background: #e6f7ec;
}

.ship-status.stage-problem[b-oxcc7fenea],
.ship-status.stage-invalid[b-oxcc7fenea] {
    background: #fff0f0;
}

.ship-stage[b-oxcc7fenea] {
    font-weight: 700;
    font-size: 1.05rem;
}

.ship-actions[b-oxcc7fenea] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.ship-history[b-oxcc7fenea] {
    margin-top: 10px;
    font-size: 0.88rem;
    max-height: 200px;
    overflow-y: auto;
}

.link-button[b-oxcc7fenea] {
    border: none;
    background: none;
    padding: 0;
    color: #4263eb;
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .ship-grid[b-oxcc7fenea] {
        grid-template-columns: 1fr;
    }
}

.carrier-badge[b-oxcc7fenea] {
    display: inline-block;
    background: #1ab248;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    border-radius: 6px;
    padding: 1px 6px;
    letter-spacing: 0.02em;
}

.saved-addresses[b-oxcc7fenea] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

.saved-address[b-oxcc7fenea] {
    border: 1px solid #c3e6cb;
    background: #fff;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 0.85rem;
}

.saved-address.active[b-oxcc7fenea] {
    background: #e6f7ec;
    border-color: #1ab248;
}

.client-update[b-oxcc7fenea] {
    border: 1px solid #d0bfff;
    background: #f8f5ff;
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 10px;
}

.client-update-title[b-oxcc7fenea] {
    font-weight: 700;
    margin-bottom: 6px;
}

.client-update .check[b-oxcc7fenea] {
    display: flex;
    gap: 6px;
    align-items: baseline;
    margin: 2px 0;
}

.label-input[b-oxcc7fenea] {
    max-width: 320px;
    margin: 2px 0 4px 22px;
}

/* A required field that is empty: red outline and a reddish hint, so it can't be taken for a filled one. */
.missing[b-oxcc7fenea] {
    border-color: #fa5252;
    background: #fff5f5;
}

.missing[b-oxcc7fenea]::placeholder {
    color: #e03131;
    opacity: 0.8;
}

.ship-map[b-oxcc7fenea] {
    height: 300px;
    border-radius: 10px;
    border: 1px solid #e3e7f3;
    margin-top: 6px;
    z-index: 0;
}

.ship-map.hidden[b-oxcc7fenea] {
    display: none;
}

.distance[b-oxcc7fenea] {
    background: #e6f7ec;
    color: #157f3b;
    font-weight: 700;
    border-radius: 6px;
    padding: 0 6px;
    margin-right: 4px;
    font-size: 0.8rem;
}

.goods-table[b-oxcc7fenea] {
    width: 100%;
    border-collapse: collapse;
}

.goods-table th[b-oxcc7fenea] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
    padding: 2px 4px;
    text-align: left;
}

.goods-table td[b-oxcc7fenea] {
    padding: 2px 4px;
}

.goods-table td:first-child[b-oxcc7fenea] {
    width: 100%;
}

.goods-table td:not(:first-child) input[b-oxcc7fenea] {
    width: 76px;
}

.goods-table td:first-child input[b-oxcc7fenea] {
    min-width: 160px;
}
/* _content/CrmApp.Web/Components/CdekUi/CopyTrack.razor.rz.scp.css */
.copy-track[b-z0afxmeqxb] {
    border: 0;
    background: none;
    padding: 0 3px;
    font-size: 0.85rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0.65;
    vertical-align: middle;
}

.copy-track:hover[b-z0afxmeqxb] {
    opacity: 1;
}

.copy-track.done[b-z0afxmeqxb] {
    opacity: 1;
    color: #2b8a3e;
    font-weight: 800;
}
/* _content/CrmApp.Web/Components/CdekUi/MusyaAddressButton.razor.rz.scp.css */
.musya-address[b-alyln4tln0] {
    margin-top: 3px;
    font-size: 0.85rem;
}

.musya-address .link-button[b-alyln4tln0] {
    border: none;
    background: none;
    padding: 0;
    color: #7048e8;
    font-weight: 600;
}

.musya-address .link-button:disabled[b-alyln4tln0] {
    color: #adb5bd;
}
/* _content/CrmApp.Web/Components/CdekUi/OzonShipmentDialog.razor.rz.scp.css */
.cdek-backdrop[b-r81ef3jamc] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    background: rgba(20, 24, 40, 0.45);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 12px;
    overflow-y: auto;
}

.cdek-dialog[b-r81ef3jamc] {
    width: min(760px, 100%);
    background: #fff;
    border-radius: 16px;
    padding: 18px 20px;
    box-shadow: 0 20px 50px rgba(20, 24, 40, 0.3);
}

.cdek-dialog-head[b-r81ef3jamc] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.cdek-dialog-title[b-r81ef3jamc] {
    font-size: 1.15rem;
    font-weight: 700;
}

.cdek-close[b-r81ef3jamc] {
    border: none;
    background: #f1f3f5;
    border-radius: 8px;
    width: 32px;
    height: 32px;
}

.ship-tabs[b-r81ef3jamc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.ship-tab[b-r81ef3jamc] {
    border: 1px solid #d9deef;
    background: #fff;
    border-radius: 999px;
    padding: 5px 14px;
}

.ship-tab.active[b-r81ef3jamc] {
    background: #005bff;
    border-color: #005bff;
    color: #fff;
}

.ship-grid[b-r81ef3jamc] {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 8px 12px;
    align-items: center;
}

.ship-grid > label[b-r81ef3jamc] {
    margin: 0;
    color: #555;
    font-size: 0.92rem;
}

.ship-row[b-r81ef3jamc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.check[b-r81ef3jamc] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    margin-right: 10px;
}

.num[b-r81ef3jamc] {
    width: 80px;
}

.num-wide[b-r81ef3jamc] {
    width: 130px;
}

.point-options[b-r81ef3jamc] {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid #e3e7f3;
    border-radius: 10px;
    margin-top: 6px;
}

.point-option[b-r81ef3jamc] {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #f1f3f5;
    background: #fff;
    padding: 6px 10px;
    font-size: 0.9rem;
}

.point-option:hover[b-r81ef3jamc] {
    background: #f1f5ff;
}

.picked-point[b-r81ef3jamc] {
    background: #e7efff;
    border-radius: 10px;
    padding: 6px 10px;
}

.tariff-option[b-r81ef3jamc] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e3e7f3;
    border-radius: 10px;
    padding: 6px 10px;
    margin-bottom: 4px;
    cursor: pointer;
}

.tariff-option.active[b-r81ef3jamc] {
    border-color: #005bff;
    background: #f1f5ff;
}

.tariff-option span:first-of-type[b-r81ef3jamc] {
    flex: 1;
}

.ship-status[b-r81ef3jamc] {
    border-radius: 12px;
    padding: 10px 12px;
    background: #f6f7fb;
    margin-bottom: 10px;
}

.ship-status.st-in_delivery_point[b-r81ef3jamc],
.ship-status.st-in_courier_service[b-r81ef3jamc] {
    background: #fff9db;
}

.ship-status.st-delivered[b-r81ef3jamc] {
    background: #e7efff;
}

.ship-status.st-canceled[b-r81ef3jamc], .ship-status.st-forming_failed[b-r81ef3jamc],
.ship-status.st-not_accepted_to_delivery[b-r81ef3jamc] {
    background: #fff0f0;
}

.ship-stage[b-r81ef3jamc] {
    font-weight: 700;
    font-size: 1.05rem;
}

.ship-actions[b-r81ef3jamc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.ship-history[b-r81ef3jamc] {
    margin-top: 10px;
    font-size: 0.88rem;
    max-height: 200px;
    overflow-y: auto;
}

.link-button[b-r81ef3jamc] {
    border: none;
    background: none;
    padding: 0;
    color: #4263eb;
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .ship-grid[b-r81ef3jamc] {
        grid-template-columns: 1fr;
    }
}

.carrier-badge[b-r81ef3jamc] {
    display: inline-block;
    background: #005bff;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    border-radius: 6px;
    padding: 1px 6px;
    letter-spacing: 0.02em;
}

.saved-addresses[b-r81ef3jamc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

.saved-address[b-r81ef3jamc] {
    border: 1px solid #c5d5ff;
    background: #fff;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 0.85rem;
}

.saved-address.active[b-r81ef3jamc] {
    background: #e7efff;
    border-color: #005bff;
}

.client-update[b-r81ef3jamc] {
    border: 1px solid #d0bfff;
    background: #f8f5ff;
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 10px;
}

.client-update-title[b-r81ef3jamc] {
    font-weight: 700;
    margin-bottom: 6px;
}

.client-update .check[b-r81ef3jamc] {
    display: flex;
    gap: 6px;
    align-items: baseline;
    margin: 2px 0;
}

.label-input[b-r81ef3jamc] {
    max-width: 320px;
    margin: 2px 0 4px 22px;
}

/* A required field that is empty: red outline and a reddish hint, so it can't be taken for a filled one. */
.missing[b-r81ef3jamc] {
    border-color: #fa5252;
    background: #fff5f5;
}

.missing[b-r81ef3jamc]::placeholder {
    color: #e03131;
    opacity: 0.8;
}

.ship-map[b-r81ef3jamc] {
    height: 300px;
    border-radius: 10px;
    border: 1px solid #e3e7f3;
    margin-top: 6px;
    z-index: 0;
}

.ship-map.hidden[b-r81ef3jamc] {
    display: none;
}

.distance[b-r81ef3jamc] {
    background: #e7efff;
    color: #0042c2;
    font-weight: 700;
    border-radius: 6px;
    padding: 0 6px;
    margin-right: 4px;
    font-size: 0.8rem;
}

.goods-table[b-r81ef3jamc] {
    width: 100%;
    border-collapse: collapse;
}

.goods-table th[b-r81ef3jamc] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
    padding: 2px 4px;
    text-align: left;
}

.goods-table td[b-r81ef3jamc] {
    padding: 2px 4px;
}

.goods-table td:first-child[b-r81ef3jamc] {
    width: 100%;
}

.goods-table td:not(:first-child) input[b-r81ef3jamc] {
    width: 76px;
}

.goods-table td:first-child input[b-r81ef3jamc] {
    min-width: 160px;
}
/* _content/CrmApp.Web/Components/ClientUi/ClientCardDialog.razor.rz.scp.css */
.modal-backdrop[b-qybmowg754] {
    position: fixed;
    inset: 0;
    background: rgba(24, 31, 56, 0.42);
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.modal-card[b-qybmowg754] {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(18, 38, 63, 0.18);
    padding: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.client-modal[b-qybmowg754] {
    width: min(100%, 820px);
}

.modal-title[b-qybmowg754] {
    font-size: 1rem;
    font-weight: 800;
    color: #343a40;
    margin-bottom: 0.55rem;
}

.modal-note[b-qybmowg754] {
    margin-left: 0.5rem;
    font-size: 0.76rem;
    font-weight: 600;
    color: #e67700;
}

.modal-error[b-qybmowg754] {
    margin-bottom: 0.7rem;
    padding: 0.6rem 0.75rem;
    border-radius: 10px;
    background: #fff5f5;
    color: #c92a2a;
    font-size: 0.76rem;
    font-weight: 700;
}

.client-modal-grid[b-qybmowg754] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem 0.75rem;
}

.client-modal-wide[b-qybmowg754] {
    grid-column: 1 / -1;
}

.field-block[b-qybmowg754] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.field-block label[b-qybmowg754] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #495057;
}

.client-modal :is(.form-control, textarea)[b-qybmowg754] {
    min-height: 34px;
    padding: 0.32rem 0.48rem;
    font-size: 0.82rem;
}

.client-modal textarea.form-control[b-qybmowg754] {
    resize: vertical;
}

.client-orders-block[b-qybmowg754] {
    margin-top: 0.9rem;
    border-top: 1px solid #eceaf7;
    padding-top: 0.75rem;
}

.client-orders-title[b-qybmowg754] {
    font-size: 0.9rem;
    font-weight: 800;
    color: #343a40;
    margin-bottom: 0.5rem;
}

.client-orders-empty[b-qybmowg754] {
    padding: 0.65rem 0.1rem;
    color: #6c757d;
    font-size: 0.8rem;
}

.client-orders-list[b-qybmowg754] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    max-height: 240px;
    overflow-y: auto;
}

.client-order-item[b-qybmowg754] {
    display: grid;
    grid-template-columns: minmax(0, 170px) minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.5rem 0.7rem;
    border: 1px solid #e6e9ff;
    border-radius: 12px;
    background: #fafbff;
    font-size: 0.82rem;
}

.client-order-main[b-qybmowg754] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.client-order-number[b-qybmowg754] {
    font-weight: 800;
    color: #343a40;
}

.client-order-meta[b-qybmowg754] {
    color: #6c757d;
    font-size: 0.76rem;
}

.client-order-products[b-qybmowg754] {
    color: #343a40;
    line-height: 1.25;
}

.go-to-order-button[b-qybmowg754] {
    border: 0;
    border-radius: 10px;
    padding: 0.4rem 0.7rem;
    background: linear-gradient(135deg, #4dabf7, #228be6);
    color: #fff;
    font-weight: 800;
    font-size: 0.76rem;
    white-space: nowrap;
}

/* Always at the bottom of the window, however long the list of orders is. */
.modal-actions[b-qybmowg754] {
    position: sticky;
    bottom: -1rem;
    z-index: 2;
    display: flex;
    gap: 0.55rem;
    justify-content: flex-end;
    margin: 0.8rem -1rem -1rem;
    padding: 0.6rem 1rem 0.8rem;
    background: #fff;
    border-top: 1px solid #eef0f6;
    border-radius: 0 0 18px 18px;
    box-shadow: 0 -6px 14px rgba(18, 38, 63, 0.06);
}

.save-button[b-qybmowg754] {
    border: 0;
    border-radius: 10px;
    padding: 0.45rem 0.82rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-weight: 800;
    font-size: 0.78rem;
    line-height: 1.1;
}

.save-button.secondary[b-qybmowg754] {
    background: linear-gradient(135deg, #8f9bb3, #677389);
}

@media (max-width: 768px) {
    .client-modal-grid[b-qybmowg754],
    .client-order-item[b-qybmowg754] {
        grid-template-columns: 1fr;
    }
}

.address-head[b-qybmowg754] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.address-tabs[b-qybmowg754] {
    display: flex;
    gap: 4px;
}

.address-tab[b-qybmowg754] {
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 999px;
    padding: 1px 10px;
    font-size: 0.8rem;
}

.address-tab.active[b-qybmowg754] {
    background: #edf2ff;
    border-color: #748ffc;
}

/* A delivery service badge: its own colour (СДЭК green). */
.address-tab.carrier[b-qybmowg754] {
    border-color: var(--carrier);
    color: var(--carrier);
    font-weight: 700;
}

.address-tab.carrier.active[b-qybmowg754] {
    background: var(--carrier);
    color: #fff;
}

.carrier-address[b-qybmowg754] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 4px;
    font-size: 0.9rem;
}

.carrier-address-text[b-qybmowg754] {
    color: #495057;
    flex: 1;
}

.link-like[b-qybmowg754] {
    border: none;
    background: none;
    padding: 0 2px;
}

.rename-input[b-qybmowg754] {
    max-width: 240px;
}
/* _content/CrmApp.Web/Components/ClientUi/ClientLinkIcons.razor.rz.scp.css */
.client-link[b-zxjmmwps56] {
    display: inline-flex;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    vertical-align: middle;
    border-radius: 6px;
    transition: transform 0.1s;
}

.client-link:hover[b-zxjmmwps56] {
    transform: scale(1.15);
}

.client-link[b-zxjmmwps56]  svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Only marked ("came from there"), no link to the chat. */
.client-link.marked[b-zxjmmwps56] {
    opacity: 0.6;
}

.client-link.marked:hover[b-zxjmmwps56] {
    opacity: 1;
}

.client-link.small[b-zxjmmwps56] {
    width: 16px;
    height: 16px;
    margin-left: 0;
}
/* _content/CrmApp.Web/Components/ClientUi/MessengerPicker.razor.rz.scp.css */
.messenger-picker[b-ljbazrgxn0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mp-buttons[b-ljbazrgxn0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.mp-toggle[b-ljbazrgxn0] {
    width: 34px;
    height: 34px;
    padding: 4px;
    border: 2px solid transparent;
    border-radius: 10px;
    background: #f1f3f5;
    filter: grayscale(1);
    opacity: 0.5;
    transition: opacity 0.1s, filter 0.1s;
}

.mp-toggle:hover[b-ljbazrgxn0] {
    opacity: 0.85;
}

.mp-toggle.on[b-ljbazrgxn0] {
    filter: none;
    opacity: 1;
    border-color: #667eea;
    background: #fff;
}

.mp-toggle[b-ljbazrgxn0]  svg,
.mp-row-icon[b-ljbazrgxn0]  svg {
    width: 100%;
    height: 100%;
    display: block;
}

.mp-hint[b-ljbazrgxn0] {
    font-size: 0.8rem;
    color: #868e96;
}

.mp-row[b-ljbazrgxn0] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mp-row-icon[b-ljbazrgxn0] {
    width: 20px;
    min-width: 20px;
    height: 20px;
}

.mp-input[b-ljbazrgxn0] {
    font-size: 0.85rem;
}
/* _content/CrmApp.Web/Components/Layout/ClockTool.razor.rz.scp.css */
.clock-btn[b-c85l1g4v8n] {
    pointer-events: auto;
    width: 58px;
    height: 58px;
    padding: 0;
    border-radius: 50%;
    border: 3px solid #fff;
    background: #fff;
    box-shadow: 0 0 0 3px #4dabf7, 0 6px 18px rgba(34, 139, 230, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    cursor: pointer;
    transition: transform 0.15s ease;
}

.clock-btn:hover[b-c85l1g4v8n] {
    transform: translateY(-2px) scale(1.04);
}

.clock-btn.active[b-c85l1g4v8n] {
    box-shadow: 0 0 0 4px #1c7ed6, 0 6px 18px rgba(34, 139, 230, 0.4);
}

.clock-icon[b-c85l1g4v8n] {
    font-size: 0.85rem;
    line-height: 1;
}

.clock-time[b-c85l1g4v8n] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #1c3d5a;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.clock-backdrop[b-c85l1g4v8n] {
    position: fixed;
    inset: 0;
    z-index: 1945;
}

.clock-panel[b-c85l1g4v8n] {
    /* Next to the rail (the rail is the positioned parent, so it follows the rail when it moves). */
    position: absolute;
    right: calc(100% + 16px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 1950;
    width: min(330px, calc(100vw - 100px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding: 16px;
    background: #fff;
    border: 1px solid #d0ebff;
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(20, 50, 90, 0.22);
}

.clock-big[b-c85l1g4v8n] {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 800;
    color: #1c3d5a;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.clock-date[b-c85l1g4v8n] {
    text-align: center;
    color: #6c7a89;
    font-size: 0.85rem;
    margin: 4px 0 12px;
}

.cal-head[b-c85l1g4v8n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.cal-month[b-c85l1g4v8n] {
    font-weight: 700;
}

.cal-nav[b-c85l1g4v8n] {
    border: 0;
    background: #f1f3f5;
    border-radius: 8px;
    width: 30px;
    height: 28px;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
}

.cal-grid[b-c85l1g4v8n] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
}

.cal-dow[b-c85l1g4v8n] {
    text-align: center;
    font-size: 0.7rem;
    color: #868e96;
    padding-bottom: 2px;
}

.cal-day[b-c85l1g4v8n] {
    position: relative;
    border: 0;
    background: transparent;
    border-radius: 8px;
    height: 34px;
    font-size: 0.85rem;
    cursor: pointer;
}

.cal-day:hover[b-c85l1g4v8n] {
    background: #f1f3f5;
}

.cal-day.has-tasks[b-c85l1g4v8n] {
    background: #fff4e6;
    font-weight: 700;
}

.cal-day.today[b-c85l1g4v8n] {
    box-shadow: inset 0 0 0 2px #4dabf7;
}

.cal-day.selected[b-c85l1g4v8n] {
    background: #4dabf7;
    color: #fff;
}

.cal-dot[b-c85l1g4v8n] {
    position: absolute;
    right: 3px;
    top: 2px;
    min-width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #f76707;
    color: #fff;
    font-size: 0.55rem;
    line-height: 8px;
    padding: 0 2px;
}

.cal-day.selected .cal-dot[b-c85l1g4v8n] {
    background: #fff;
    color: #f76707;
}

.cal-tasks[b-c85l1g4v8n] {
    margin-top: 12px;
    border-top: 1px solid #f1f3f5;
    padding-top: 10px;
}

.cal-tasks-title[b-c85l1g4v8n] {
    font-weight: 700;
    font-size: 0.85rem;
    margin-bottom: 6px;
}

.cal-task[b-c85l1g4v8n] {
    display: flex;
    gap: 8px;
    align-items: baseline;
    padding: 4px 6px;
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
    font-size: 0.85rem;
}

.cal-task:hover[b-c85l1g4v8n] {
    background: #f8f9fa;
}

.cal-task-time[b-c85l1g4v8n] {
    font-weight: 700;
    color: #1c7ed6;
    font-variant-numeric: tabular-nums;
}

.cal-task-title[b-c85l1g4v8n] {
    flex: 1;
}

.cal-task-all[b-c85l1g4v8n] {
    font-size: 0.7rem;
    color: #868e96;
}

.cal-empty[b-c85l1g4v8n] {
    color: #868e96;
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .clock-btn[b-c85l1g4v8n] {
        width: 50px;
        height: 50px;
    }

    .clock-panel[b-c85l1g4v8n] {
        position: fixed;
        right: 8px;
        left: 8px;
        width: auto;
    }
}

/* Analog face on the rail button. */
.clock-face[b-c85l1g4v8n] {
    width: 100%;
    height: 100%;
    display: block;
}

.clock-face .face[b-c85l1g4v8n] {
    fill: #fff;
    stroke: none;
}

.clock-face .tick[b-c85l1g4v8n] {
    stroke: #adb5bd;
    stroke-width: 2;
    stroke-linecap: round;
}

.clock-face .tick.major[b-c85l1g4v8n] {
    stroke: #1c3d5a;
    stroke-width: 3.5;
}

.clock-face .hand[b-c85l1g4v8n] {
    stroke-linecap: round;
}

.clock-face .hand-h[b-c85l1g4v8n] {
    stroke: #1c3d5a;
    stroke-width: 6;
}

.clock-face .hand-m[b-c85l1g4v8n] {
    stroke: #1c3d5a;
    stroke-width: 4;
}

.clock-face .hand-s[b-c85l1g4v8n] {
    stroke: #f03e3e;
    stroke-width: 2;
}

.clock-face .hub[b-c85l1g4v8n] {
    fill: #f03e3e;
}
/* _content/CrmApp.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-5kwtlqs61z] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-5kwtlqs61z] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sidebar[b-5kwtlqs61z] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-5kwtlqs61z] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: stretch;
    min-height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row-content[b-5kwtlqs61z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.top-row-title[b-5kwtlqs61z] {
    font-weight: 700;
    color: #343a40;
    white-space: nowrap;
}

.top-stats[b-5kwtlqs61z] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-left: auto;
}

.top-stat[b-5kwtlqs61z] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    min-width: 134px;
    padding: 0.35rem 0.65rem;
    border-radius: 12px;
    color: #fff;
    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.12);
}

.top-stat.income[b-5kwtlqs61z] {
    background: linear-gradient(135deg, #2dbf73, #1f9f5f);
}

.top-stat.expense[b-5kwtlqs61z] {
    background: linear-gradient(135deg, #f07f75, #e05b51);
}

.top-stat.margin[b-5kwtlqs61z] {
    background: linear-gradient(135deg, #667eea, #764ba2);
}

.top-stat-label[b-5kwtlqs61z] {
    font-size: 0.66rem;
    font-weight: 700;
    opacity: 0.95;
    line-height: 1.1;
}

.top-stat-value[b-5kwtlqs61z] {
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.1;
}

    .top-row[b-5kwtlqs61z]  a, .top-row[b-5kwtlqs61z]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-5kwtlqs61z]  a:hover, .top-row[b-5kwtlqs61z]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-5kwtlqs61z]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-5kwtlqs61z] {
        justify-content: space-between;
    }

    .top-row-content[b-5kwtlqs61z] {
        flex-direction: column;
        align-items: stretch;
    }

    .top-stats[b-5kwtlqs61z] {
        flex-direction: column;
        margin-left: 0;
    }

    .top-row[b-5kwtlqs61z]  a, .top-row[b-5kwtlqs61z]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-5kwtlqs61z] {
        flex-direction: row;
    }

    .sidebar[b-5kwtlqs61z] {
        width: var(--crm-sidebar-width, 250px);
        flex-shrink: 0;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-5kwtlqs61z] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-5kwtlqs61z]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-5kwtlqs61z], article[b-5kwtlqs61z] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

article[b-5kwtlqs61z] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

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

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

/* The tool rail (clock, Муся) stands at the right edge: content keeps clear of it. */
@media (min-width: 641px) {
    .content.rail-room[b-5kwtlqs61z] {
        padding-right: 84px !important;
    }
}
/* _content/CrmApp.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-p7dxuxe5h4] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-p7dxuxe5h4] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-p7dxuxe5h4] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-p7dxuxe5h4] {
    font-size: 1rem;
    margin-right: 0;
    display: var(--crm-nav-label-display, inline);
}

.nav-label[b-p7dxuxe5h4] {
    display: var(--crm-nav-label-display, inline);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-toggle[b-p7dxuxe5h4] {
    display: none;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff40;
    border-radius: 8px;
    background: #ffffff15;
    color: white;
    width: 30px;
    height: 30px;
    padding: 3px;
}

.sidebar-toggle:hover[b-p7dxuxe5h4] {
    background: #ffffff35;
}

.sidebar-toggle svg[b-p7dxuxe5h4] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    transform: var(--crm-nav-chevron, none);
}

.nav-icon[b-p7dxuxe5h4] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-right: var(--crm-nav-icon-gap, 0.75rem);
    fill: white;
    stroke: none;
}

.bi[b-p7dxuxe5h4] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: var(--crm-nav-icon-gap, 0.75rem);
    flex-shrink: 0;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-p7dxuxe5h4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-p7dxuxe5h4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-p7dxuxe5h4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-p7dxuxe5h4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-p7dxuxe5h4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-p7dxuxe5h4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-p7dxuxe5h4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-p7dxuxe5h4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-gear-fill-nav-menu[b-p7dxuxe5h4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-gear-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.405.93c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.285-.7-2.73.745-2.03 2.03l.17.31c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.7 1.285.745 2.73 2.03 2.03l.31-.17a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.285.7 2.73-.745 2.03-2.03l-.17-.31a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.7-1.285-.745-2.73-2.03-2.03l-.31.17a1.464 1.464 0 0 1-2.105-.872l-.1-.34ZM8 10.93A2.93 2.93 0 1 1 8 5.07a2.93 2.93 0 0 1 0 5.86Z'/%3E%3C/svg%3E");
}

.nav-item[b-p7dxuxe5h4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-p7dxuxe5h4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-p7dxuxe5h4] {
        padding-bottom: 1rem;
    }

    .nav-item[b-p7dxuxe5h4]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: var(--crm-nav-alignment, flex-start);
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-p7dxuxe5h4]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-p7dxuxe5h4]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-p7dxuxe5h4] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-p7dxuxe5h4] {
    display: block;
}

@media (min-width: 641px) {
    .sidebar-toggle[b-p7dxuxe5h4] {
        display: inline-flex;
    }

    .top-row[b-p7dxuxe5h4] {
        padding-left: var(--crm-nav-padding, 1rem) !important;
    }

    .container-fluid[b-p7dxuxe5h4] {
        padding: 0 8px 0 0;
        justify-content: var(--crm-nav-alignment, space-between);
    }

    .nav-item[b-p7dxuxe5h4] {
        padding-left: var(--crm-nav-padding, 1rem) !important;
        padding-right: var(--crm-nav-padding, 1rem) !important;
    }

    .navbar-toggler[b-p7dxuxe5h4] {
        display: none;
    }

    .nav-scrollable[b-p7dxuxe5h4] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;

        /* The logo sits at the bottom of the free space. */
        display: flex;
        flex-direction: column;
    }

    .nav-logo[b-p7dxuxe5h4] {
        margin-top: auto;
    }
}

.nav-logo[b-p7dxuxe5h4] {
    display: flex;
    justify-content: center;
    padding: 0.75rem 1rem 1rem;
}

.nav-logo img[b-p7dxuxe5h4] {
    width: 120px;
    max-width: 80%;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
}

/* Narrow (collapsed) menu: a small logo. */
html.crm-sidebar-collapsed .nav-logo[b-p7dxuxe5h4] {
    padding: 0.75rem 0.25rem 1rem;
}

html.crm-sidebar-collapsed .nav-logo img[b-p7dxuxe5h4] {
    width: 44px;
    max-width: 100%;
}
/* _content/CrmApp.Web/Components/Layout/TaskReminders.razor.rz.scp.css */
.task-reminders[b-1bkkrcpgqo] {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1900;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: min(340px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
}

.task-reminder[b-1bkkrcpgqo] {
    background: #fff;
    border-left: 6px solid #6f42c1;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    padding: 12px;
}

.task-reminder-title[b-1bkkrcpgqo] {
    font-weight: 600;
}

.task-reminder-desc[b-1bkkrcpgqo] {
    font-size: 0.9em;
    white-space: pre-line;
    margin-top: 4px;
}

.task-reminder-meta[b-1bkkrcpgqo] {
    font-size: 0.8em;
    color: #777;
    margin-top: 4px;
}

.task-reminder-actions[b-1bkkrcpgqo] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.task-reminder-order[b-1bkkrcpgqo] {
    display: block;
    font-size: 0.85em;
    color: #6f42c1;
    margin-top: 2px;
}
/* _content/CrmApp.Web/Components/Layout/ToolRail.razor.rz.scp.css */
/* No transform here: the popups inside are position: fixed relative to the window. */
.tool-rail[b-ht87f3iily] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 10px;
    z-index: 1940;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    pointer-events: none;
    transition: right 0.22s ease;
}

/* The orders side panel is open: the rail stands at its left edge (same width as the panel). */
.tool-rail.shifted[b-ht87f3iily] {
    right: calc(clamp(320px, 30vw, 430px) + 12px);
}

.rail-page-tool[b-ht87f3iily] {
    pointer-events: auto;
    border: 0;
    border-radius: 999px;
    width: 46px;
    height: 46px;
    background: linear-gradient(135deg, #ff8787, #f06595);
    color: #fff;
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 1;
    box-shadow: 0 6px 14px rgba(240, 101, 149, 0.3);
    opacity: 0.75;
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.rail-page-tool:hover[b-ht87f3iily],
.rail-page-tool.active[b-ht87f3iily] {
    opacity: 1;
}

.rail-page-tool:hover[b-ht87f3iily] {
    transform: scale(1.05);
}

@media (max-width: 992px) {
    .tool-rail.shifted[b-ht87f3iily] {
        right: calc(min(90vw, 420px) + 8px);
    }
}

@media (max-width: 640px) {
    .tool-rail[b-ht87f3iily] {
        right: 6px;
        gap: 8px;
    }
}
/* _content/CrmApp.Web/Components/Pages/Assistant.razor.rz.scp.css */
.assistant-page[b-st8z2331r3] {
    max-width: 900px;
}

.assistant-head[b-st8z2331r3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.assistant-head h1[b-st8z2331r3] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.assistant-avatar[b-st8z2331r3] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #e5dbff;
}
/* _content/CrmApp.Web/Components/Pages/CdekPage.razor.rz.scp.css */
.cdek-page[b-kfe07yghpg] {
    /* the whole width up to the tool rail (the layout keeps room for it) */
    max-width: none;
}

.cdek-head[b-kfe07yghpg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 14px;
}

.cdek-head h1[b-kfe07yghpg] {
    margin: 0;
}

.cdek-tabs[b-kfe07yghpg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cdek-tab[b-kfe07yghpg] {
    border: 1px solid #d9deef;
    background: #fff;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 0.95rem;
}

.cdek-tab.active[b-kfe07yghpg] {
    background: #1ab248;
    border-color: #1ab248;
    color: #fff;
}

.cdek-card[b-kfe07yghpg] {
    background: #fff;
    border: 1px solid #e3e7f3;
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 14px;
}

.cdek-card-title[b-kfe07yghpg] {
    font-weight: 600;
    margin-bottom: 8px;
}

.cdek-row[b-kfe07yghpg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.cdek-row label[b-kfe07yghpg] {
    margin: 0;
    color: #555;
}

.check[b-kfe07yghpg] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.num-input[b-kfe07yghpg] {
    width: 90px;
}

.track-input[b-kfe07yghpg] {
    max-width: 220px;
}

.order-picker[b-kfe07yghpg] {
    position: relative;
    min-width: 300px;
}

.order-picker-list[b-kfe07yghpg] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 15;
    min-width: 380px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #d9deef;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(18, 38, 63, 0.14);
    overflow: hidden;
}

.order-picker-item[b-kfe07yghpg] {
    text-align: left;
    border: none;
    background: #fff;
    padding: 8px 12px;
}

.order-picker-item:hover[b-kfe07yghpg] {
    background: #f1f3ff;
}

.cdek-toolbar[b-kfe07yghpg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

.stage-chip[b-kfe07yghpg] {
    border: 1px solid #d9deef;
    background: #fff;
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 0.9rem;
}

.stage-chip span[b-kfe07yghpg] {
    margin-left: 4px;
    color: #868e96;
}

.stage-chip.active[b-kfe07yghpg] {
    background: #e6f7ec;
    border-color: #1ab248;
}

.cdek-search[b-kfe07yghpg] {
    max-width: 280px;
}

.cdek-table-wrap[b-kfe07yghpg] {
    overflow-x: auto;
    background: #fff;
    border: 1px solid #e3e7f3;
    border-radius: 14px;
}

.cdek-table[b-kfe07yghpg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.cdek-table th[b-kfe07yghpg] {
    background: #f6f7fb;
    text-align: left;
    padding: 8px 10px;
    font-weight: 600;
    white-space: nowrap;
}

.cdek-table td[b-kfe07yghpg] {
    padding: 8px 10px;
    border-top: 1px solid #eef0f6;
    vertical-align: top;
}

.cdek-table .num[b-kfe07yghpg] {
    text-align: right;
    white-space: nowrap;
}

.cdek-table .sub[b-kfe07yghpg] {
    font-size: 0.82rem;
    color: #6c757d;
}

.cdek-table .actions[b-kfe07yghpg] {
    white-space: nowrap;
}

.stage-badge[b-kfe07yghpg] {
    white-space: nowrap;
    font-weight: 600;
}

tr.stage-atpickuppoint td[b-kfe07yghpg],
tr.stage-withcourier td[b-kfe07yghpg] {
    background: #fff9db;
}

tr.stage-delivered td[b-kfe07yghpg] {
    color: #6c757d;
}

tr.stage-problem td[b-kfe07yghpg],
tr.stage-invalid td[b-kfe07yghpg] {
    background: #fff0f0;
}

.history-row td[b-kfe07yghpg] {
    background: #fafbff;
    font-size: 0.85rem;
}

.icon-button[b-kfe07yghpg] {
    border: none;
    background: transparent;
    padding: 2px 6px;
    border-radius: 6px;
}

.icon-button[b-kfe07yghpg] {
    font-size: 1.05rem;
    line-height: 1.2;
}

/* Printing: links styled as clear buttons (no link underline), so the printer and the label stand out. */
a.print-button[b-kfe07yghpg] {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #d0d7e8;
    background: #f6f8fc;
    margin: 0 1px;
}

.icon-button:hover[b-kfe07yghpg] {
    background: #eef0f6;
}

.link-button[b-kfe07yghpg] {
    border: none;
    background: none;
    padding: 0;
    color: #4263eb;
    font-size: 0.82rem;
}

tr.unlinked td[b-kfe07yghpg] {
    background: #f8f9fa;
}

.no-order[b-kfe07yghpg] {
    color: #868e96;
    font-style: italic;
    font-size: 0.8rem;
}

/* The name typed in the CDEK account ("бикини к нам"): what people look for in the list. */
.im-number[b-kfe07yghpg] {
    font-weight: 700;
    font-size: 1.02rem;
    color: #212529;
    line-height: 1.25;
}

.link-row td[b-kfe07yghpg] {
    background: #f8f9fa;
    padding-top: 0;
}

.suggest-chip[b-kfe07yghpg] {
    border: 1px dashed #1ab248;
    background: #fff;
    color: #157f3b;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 0.82rem;
    margin-right: 6px;
}

.unlinked-toggle[b-kfe07yghpg] {
    font-size: 0.92rem;
}

.notify-block[b-kfe07yghpg] {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #e3e7f3;
    border-radius: 12px;
    background: #fafbff;
}

.notify-title[b-kfe07yghpg] {
    font-weight: 600;
    margin-bottom: 4px;
}

.picked[b-kfe07yghpg] {
    background: #e6f7ec;
    border-radius: 10px;
    padding: 6px 10px;
    margin-top: 4px;
}

.sender-points[b-kfe07yghpg] {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid #e3e7f3;
    border-radius: 10px;
    margin-top: 6px;
    max-width: 700px;
}

.sender-point[b-kfe07yghpg] {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #f1f3f5;
    background: #fff;
    padding: 6px 10px;
    font-size: 0.9rem;
}

.sender-point:hover[b-kfe07yghpg] {
    background: #f1f8f3;
}

.points-list[b-kfe07yghpg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.point[b-kfe07yghpg] {
    border: 1px solid #e3e7f3;
    border-radius: 12px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.point-head[b-kfe07yghpg] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.points-map[b-kfe07yghpg] {
    height: 420px;
    border-radius: 12px;
    border: 1px solid #e3e7f3;
    margin-top: 10px;
    z-index: 0;
}

.points-map.hidden[b-kfe07yghpg] {
    display: none;
}

.distance[b-kfe07yghpg] {
    background: #e6f7ec;
    color: #157f3b;
    font-weight: 700;
    border-radius: 6px;
    padding: 0 6px;
    margin-right: 4px;
}

.sender-name[b-kfe07yghpg] {
    display: inline-block;
    width: 170px;
    padding: 2px 8px;
    margin-right: 8px;
    font-weight: 600;
}
/* _content/CrmApp.Web/Components/Pages/ClientDuplicates.razor.rz.scp.css */
.dup-head[b-5l68p4uers] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.dup-group[b-5l68p4uers] {
    border: 1px solid #e5dbff;
    border-left: 5px solid #845ef7;
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 14px;
    background: #fff;
}

.dup-reasons[b-5l68p4uers] {
    margin-bottom: 8px;
    color: #52514e;
    font-size: 0.9rem;
}

.dup-chip[b-5l68p4uers] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 999px;
    background: #f1ebfb;
    color: #5f3dc4;
    font-weight: 600;
}

.dup-table[b-5l68p4uers] {
    width: 100%;
    font-size: 0.88rem;
    border-collapse: collapse;
}

.dup-table th[b-5l68p4uers] {
    color: #898781;
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid #e1e0d9;
    padding: 4px 6px;
}

.dup-table td[b-5l68p4uers] {
    border-bottom: 1px solid #f1f0ec;
    padding: 5px 6px;
    vertical-align: top;
}

.dup-table tr.target td[b-5l68p4uers] {
    background: #f8f5ff;
    font-weight: 600;
}

.dup-wrap[b-5l68p4uers] {
    max-width: 280px;
    white-space: pre-line;
}

.dup-actions[b-5l68p4uers] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}
/* _content/CrmApp.Web/Components/Pages/Clients.razor.rz.scp.css */
.clients-page[b-957malvj2y] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.clients-page h1[b-957malvj2y] {
    margin: 0;
}

.clients-layout[b-957malvj2y] {
    display: grid;
    grid-template-columns: minmax(280px, 400px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.clients-form-card[b-957malvj2y],
.clients-list-card[b-957malvj2y] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(18, 38, 63, 0.08);
    padding: 1rem;
}

.clients-form-card h3[b-957malvj2y] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    font-weight: 800;
}

.field-block[b-957malvj2y] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
}

.field-block label[b-957malvj2y] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #495057;
}

.form-actions[b-957malvj2y],
.modal-actions[b-957malvj2y] {
    display: flex;
    gap: 0.55rem;
    justify-content: flex-end;
    margin-top: 0.45rem;
}

.save-button[b-957malvj2y] {
    border: 0;
    border-radius: 10px;
    padding: 0.45rem 0.82rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-weight: 800;
    font-size: 0.78rem;
    line-height: 1.1;
}

.save-button.secondary[b-957malvj2y] {
    background: linear-gradient(135deg, #8f9bb3, #677389);
}

.clients-status[b-957malvj2y] {
    margin-top: 0.8rem;
    padding: 0.48rem 0.75rem;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.76rem;
}

.clients-status.info[b-957malvj2y] {
    background: #edf2ff;
    color: #364fc7;
}

.clients-status.success[b-957malvj2y] {
    background: #ebfbee;
    color: #2b8a3e;
}

.clients-status.error[b-957malvj2y] {
    background: #fff5f5;
    color: #c92a2a;
}

.clients-search[b-957malvj2y] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    margin-bottom: 0.8rem;
}

.clients-search label[b-957malvj2y] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #495057;
}

.clients-table-wrapper[b-957malvj2y] {
    overflow: auto;
}

.clients-table[b-957malvj2y] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.clients-table thead th[b-957malvj2y] {
    padding: 0.55rem 0.45rem;
    border-bottom: 1px solid #d8deef;
    text-align: left;
    font-size: 0.82rem;
    font-weight: 800;
    color: #343a40;
}

.clients-table tbody td[b-957malvj2y] {
    padding: 0.58rem 0.45rem;
    border-bottom: 1px solid #eceaf7;
    vertical-align: top;
    color: #343a40;
    line-height: 1.25;
}

.clients-table tbody tr:nth-child(even) td[b-957malvj2y] {
    background: #fbfcff;
}

.clients-table tbody tr:hover td[b-957malvj2y] {
    background: #f5f7ff;
}

.client-name-cell[b-957malvj2y] {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
}

.client-card-button[b-957malvj2y] {
    border: 0;
    border-radius: 999px;
    width: 22px;
    min-width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #d9f0ff, #a9dbff);
    color: #2b6cb0;
    font-size: 0.72rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-top: 1px;
}

.empty-cell[b-957malvj2y] {
    text-align: center;
    color: #6c757d;
    padding: 1rem;
}

.client-row-actions[b-957malvj2y] {
    display: flex;
    gap: 0.4rem;
}

.client-action[b-957malvj2y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid currentColor;
    border-radius: 8px;
    cursor: pointer;
}

.client-action svg[b-957malvj2y] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.client-action.edit[b-957malvj2y] {
    background: #ebfbee;
    color: #2b8a3e;
}

.client-action.delete[b-957malvj2y] {
    background: #fff5f5;
    color: #c92a2a;
}

.client-action:hover[b-957malvj2y] {
    filter: brightness(0.94);
}

.save-button.danger[b-957malvj2y] {
    background: #c92a2a;
}

.delete-client-modal[b-957malvj2y] {
    width: min(100%, 480px);
}

.modal-backdrop[b-957malvj2y] {
    position: fixed;
    inset: 0;
    background: rgba(24, 31, 56, 0.42);
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.modal-card[b-957malvj2y] {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(18, 38, 63, 0.18);
    padding: 1rem;
}

.client-modal[b-957malvj2y] {
    width: min(100%, 820px);
}

.modal-title[b-957malvj2y] {
    font-size: 1rem;
    font-weight: 800;
    color: #343a40;
    margin-bottom: 0.55rem;
}

.modal-error[b-957malvj2y] {
    margin-bottom: 0.7rem;
    padding: 0.6rem 0.75rem;
    border-radius: 10px;
    background: #fff5f5;
    color: #c92a2a;
    font-size: 0.76rem;
    font-weight: 700;
}

.client-modal-grid[b-957malvj2y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.client-modal-wide[b-957malvj2y] {
    grid-column: 1 / -1;
}

.client-orders-block[b-957malvj2y] {
    margin-top: 1rem;
    border-top: 1px solid #eceaf7;
    padding-top: 0.85rem;
}

.client-orders-title[b-957malvj2y] {
    font-size: 0.9rem;
    font-weight: 800;
    color: #343a40;
    margin-bottom: 0.6rem;
}

.client-orders-empty[b-957malvj2y] {
    padding: 0.65rem 0.1rem;
    color: #6c757d;
    font-size: 0.8rem;
}

.client-orders-list[b-957malvj2y] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    max-height: 280px;
    overflow-y: auto;
}

.client-order-item[b-957malvj2y] {
    display: grid;
    grid-template-columns: minmax(0, 180px) minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.65rem 0.7rem;
    border: 1px solid #e6e9ff;
    border-radius: 12px;
    background: #fafbff;
}

.client-order-main[b-957malvj2y] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.client-order-number[b-957malvj2y] {
    font-weight: 800;
    color: #343a40;
}

.client-order-meta[b-957malvj2y] {
    color: #6c757d;
    font-size: 0.76rem;
}

.client-order-products[b-957malvj2y] {
    color: #343a40;
    line-height: 1.25;
}

.go-to-order-button[b-957malvj2y] {
    border: 0;
    border-radius: 10px;
    padding: 0.45rem 0.72rem;
    background: linear-gradient(135deg, #4dabf7, #228be6);
    color: #fff;
    font-weight: 800;
    font-size: 0.76rem;
    white-space: nowrap;
}

.clients-page :is(.form-control, textarea)[b-957malvj2y] {
    min-height: 34px;
    padding: 0.32rem 0.48rem;
    font-size: 0.82rem;
}

.clients-page textarea.form-control[b-957malvj2y] {
    resize: vertical;
}

@media (max-width: 1100px) {
    .clients-layout[b-957malvj2y] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .client-modal-grid[b-957malvj2y],
    .client-order-item[b-957malvj2y] {
        grid-template-columns: 1fr;
    }
}

.client-photo-badge[b-957malvj2y] {
    border: 0;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: 8px;
    background: #f1ebfb;
    color: #6f42c1;
    font-size: 0.85rem;
    font-weight: 700;
}


.clients-head[b-957malvj2y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
/* _content/CrmApp.Web/Components/Pages/Home.razor.rz.scp.css */
.dash[b-bkereuslll] {
    --surface-1: #fcfcfb;
    --text-primary: #0b0b0b;
    --text-secondary: #52514e;
    --text-muted: #898781;
    --grid: #e1e0d9;
    --baseline: #c3c2b7;
    --series-1: #2a78d6;
    --series-2: #eb6834;
    --critical: #d03b3b;
    color: var(--text-primary);
}

.dash-head[b-bkereuslll] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.dash-head h1[b-bkereuslll] {
    margin: 0;
}

.dash-periods[b-bkereuslll] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.dash-period[b-bkereuslll] {
    border: 1px solid #d0bfff;
    background: #fff;
    color: #5f3dc4;
    border-radius: 999px;
    padding: 3px 12px;
    font-size: 0.85rem;
}

.dash-period.active[b-bkereuslll] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-color: transparent;
    color: #fff;
}

.dash-custom[b-bkereuslll] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--text-muted);
}

.dash-custom input[b-bkereuslll] {
    width: 140px;
}

.dash-tiles[b-bkereuslll] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.tile[b-bkereuslll] {
    background: var(--surface-1);
    border: 1px solid rgba(11, 11, 11, 0.1);
    border-radius: 12px;
    padding: 12px 14px;
}

.tile-label[b-bkereuslll] {
    color: var(--text-secondary);
    font-size: 0.82rem;
}

.tile-value[b-bkereuslll] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 2px;
}

.tile-sub[b-bkereuslll] {
    color: var(--text-muted);
    font-size: 0.78rem;
}

.negative[b-bkereuslll] {
    color: var(--critical);
}

.dash-card[b-bkereuslll] {
    background: var(--surface-1);
    border: 1px solid rgba(11, 11, 11, 0.1);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 16px;
}

.dash-card h2[b-bkereuslll] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 10px;
}

.card-head[b-bkereuslll] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
    margin-bottom: 8px;
}

.card-head h2[b-bkereuslll] {
    margin: 0;
}

.legend[b-bkereuslll] {
    display: flex;
    gap: 14px;
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.swatch[b-bkereuslll] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    margin-right: 5px;
    vertical-align: -1px;
}

.swatch.s1[b-bkereuslll] {
    background: var(--series-1);
}

.swatch.s2[b-bkereuslll] {
    background: var(--series-2);
}

.chart-wrap[b-bkereuslll] {
    position: relative;
}

.chart[b-bkereuslll] {
    width: 100%;
    height: auto;
    display: block;
}

.chart .grid[b-bkereuslll] {
    stroke: var(--grid);
    stroke-width: 1;
}

.chart .grid.zero[b-bkereuslll] {
    stroke: var(--baseline);
}

.chart[b-bkereuslll]  .axis {
    fill: var(--text-muted);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.chart .bar.s1[b-bkereuslll] {
    fill: var(--series-1);
}

.chart .bar.s2[b-bkereuslll] {
    fill: var(--series-2);
}

.chart .month.hover .bar[b-bkereuslll] {
    opacity: 0.85;
}

.chart .hit[b-bkereuslll] {
    fill: transparent;
    cursor: default;
}

.chart .month.hover .hit[b-bkereuslll] {
    fill: rgba(11, 11, 11, 0.04);
}

.chart-tip[b-bkereuslll] {
    position: absolute;
    top: 4px;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid rgba(11, 11, 11, 0.12);
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    padding: 8px 10px;
    font-size: 0.82rem;
    pointer-events: none;
    white-space: nowrap;
}

.tip-title[b-bkereuslll] {
    font-weight: 700;
    margin-bottom: 2px;
}

.tip-muted[b-bkereuslll] {
    color: var(--text-muted);
    margin-top: 2px;
}

.dash-grid[b-bkereuslll] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 16px;
}

.dash-table[b-bkereuslll] {
    width: 100%;
    font-size: 0.88rem;
    border-collapse: collapse;
}

.dash-table th[b-bkereuslll] {
    color: var(--text-muted);
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid var(--grid);
    padding: 4px 6px;
}

.dash-table td[b-bkereuslll] {
    border-bottom: 1px solid #f1f0ec;
    padding: 5px 6px;
    font-variant-numeric: tabular-nums;
}

.dash-table tr.overdue td[b-bkereuslll] {
    color: var(--critical);
}

.bar-cell[b-bkereuslll] {
    position: relative;
    min-width: 140px;
}

.inline-bar[b-bkereuslll] {
    position: absolute;
    left: 6px;
    top: 50%;
    height: 8px;
    max-width: calc(100% - 12px);
    transform: translateY(-50%);
    background: #cde2fb;
    border-radius: 0 4px 4px 0;
}

.bar-value[b-bkereuslll] {
    position: relative;
}

.debt[b-bkereuslll] {
    color: var(--critical);
    font-weight: 700;
}

.dash-note[b-bkereuslll] {
    color: var(--text-secondary);
    margin-bottom: 8px;
}
/* _content/CrmApp.Web/Components/Pages/Managers.razor.rz.scp.css */
.telegram-link-panel[b-ugdn3sevy7] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px dashed #845ef7;
    border-radius: 10px;
    background: #f8f5ff;
}

.telegram-copy-row[b-ugdn3sevy7] {
    display: flex;
    gap: 0.5rem;
}

.telegram-copy-row input[b-ugdn3sevy7] {
    font-family: monospace;
    font-size: 0.85rem;
}
/* _content/CrmApp.Web/Components/Pages/Notes.razor.rz.scp.css */
.notes-layout[b-n8s1l49mc6] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) 1fr;
    gap: 20px;
    align-items: start;
}

@media (max-width: 900px) {
    .notes-layout[b-n8s1l49mc6] {
        grid-template-columns: 1fr;
    }
}

.note-form[b-n8s1l49mc6],
.note-card[b-n8s1l49mc6] {
    border: 1px solid #e5dbff;
    border-radius: 12px;
    padding: 14px;
    background: #fff;
}

.note-card[b-n8s1l49mc6] {
    margin-bottom: 12px;
    border-left: 5px solid #845ef7;
}

.note-meta[b-n8s1l49mc6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 6px;
}

.note-actions[b-n8s1l49mc6] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.note-text[b-n8s1l49mc6] {
    white-space: pre-line;
}

.note-authors[b-n8s1l49mc6] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.note-author[b-n8s1l49mc6] {
    border: 1px solid #d0bfff;
    border-radius: 999px;
    background: #fff;
    color: #5f3dc4;
    padding: 4px 12px;
    font-size: 0.85rem;
}

.note-author:hover[b-n8s1l49mc6] {
    background: #f3f0ff;
}

.note-author.active[b-n8s1l49mc6] {
    background: #845ef7;
    border-color: #845ef7;
    color: #fff;
}
/* _content/CrmApp.Web/Components/Pages/Orders.razor.rz.scp.css */
.orders-page[b-8q8q4fwm3r] {
    --orders-table-font-size: 13px;
    --orders-table-header-font-size: 11px;
    --orders-side-panel-width: clamp(320px, 30vw, 430px);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.5rem;
    position: relative;
    height: calc(100vh - 7.8rem);
    min-height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-right: 60px;
}

.orders-page.panel-open[b-8q8q4fwm3r] {
    padding-right: calc(var(--orders-side-panel-width) + 76px);
}

.orders-toolbar[b-8q8q4fwm3r] {
    display: grid;
    grid-template-columns: auto auto minmax(220px, 1fr) auto auto auto auto;
    gap: 0.5rem;
    align-items: end;
    padding: 0.55rem 0.7rem;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(18, 38, 63, 0.08);
}

.toolbar-search[b-8q8q4fwm3r],
.toolbar-date[b-8q8q4fwm3r],
.toolbar-colors[b-8q8q4fwm3r] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
}

.toolbar-search label[b-8q8q4fwm3r],
.toolbar-date label[b-8q8q4fwm3r],
.toolbar-colors span[b-8q8q4fwm3r] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #495057;
    line-height: 1.1;
}

.toolbar-colors[b-8q8q4fwm3r] {
    flex-direction: row;
    align-items: center;
    gap: 0.35rem;
}

.toolbar-colors span[b-8q8q4fwm3r] {
    margin-right: 0.1rem;
}

.toolbar-button[b-8q8q4fwm3r] {
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-weight: 700;
    padding: 0.4rem 0.72rem;
    white-space: nowrap;
    font-size: 0.76rem;
    line-height: 1.1;
}

.toolbar-button.reset[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #8f9bb3, #677389);
}

.color-filter[b-8q8q4fwm3r] {
    width: 28px;
    height: 28px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    color: #fff;
    opacity: 0.45;
    font-size: 0.68rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.color-filter.red[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
}

.color-filter.yellow[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ffd43b, #fcc419);
    color: #5c4a00;
}

.color-filter.green[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #51cf66, #40c057);
}

.color-filter.active[b-8q8q4fwm3r] {
    opacity: 1;
    border-color: #1f2937;
    transform: scale(1.03);
}

.orders-status[b-8q8q4fwm3r] {
    padding: 0.48rem 0.75rem;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.76rem;
}

.orders-status.info[b-8q8q4fwm3r] {
    background: #edf2ff;
    color: #364fc7;
}

.orders-status.success[b-8q8q4fwm3r] {
    background: #ebfbee;
    color: #2b8a3e;
}

.orders-status.error[b-8q8q4fwm3r] {
    background: #fff5f5;
    color: #c92a2a;
}

.orders-grid-panel[b-8q8q4fwm3r] {
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(18, 38, 63, 0.08);
    overflow: hidden;
    min-height: 0;
}

.orders-table-wrapper[b-8q8q4fwm3r] {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: auto;
}

.orders-table[b-8q8q4fwm3r] {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 0;
}

.orders-table col.col-date[b-8q8q4fwm3r] {
    width: 6%;
}

.orders-table col.col-products[b-8q8q4fwm3r] {
    width: 13%;
}

.orders-table col.col-amount[b-8q8q4fwm3r],
.orders-table col.col-payment[b-8q8q4fwm3r],
.orders-table col.col-purchase[b-8q8q4fwm3r],
.orders-table col.col-margin[b-8q8q4fwm3r] {
    width: 6%;
}

.orders-table col.col-client[b-8q8q4fwm3r] {
    width: 13%;
}

.orders-table col.col-address[b-8q8q4fwm3r] {
    width: 14%;
}

.orders-table col.col-comments[b-8q8q4fwm3r] {
    width: 13%;
}

.orders-table col.col-manager[b-8q8q4fwm3r] {
    width: 5%;
}

.orders-table col.col-mark[b-8q8q4fwm3r] {
    width: 5%;
}

.orders-table col.col-cdek[b-8q8q4fwm3r] {
    width: 7%;
}

.cdek-cell[b-8q8q4fwm3r] {
    text-align: center;
}

.cdek-cell-button[b-8q8q4fwm3r],
.cdek-cell-add[b-8q8q4fwm3r] {
    border: 0;
    border-radius: 8px;
    padding: 2px 4px;
    font-size: 0.75rem;
    line-height: 1.3;
    width: 100%;
}

.cdek-cell-button[b-8q8q4fwm3r] {
    background: #e6f7ec;
    color: #157f3b;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cdek-cell-stage[b-8q8q4fwm3r] {
    font-weight: 700;
    white-space: nowrap;
}

.cdek-cell-track[b-8q8q4fwm3r] {
    color: #495057;
    font-size: 0.7rem;
}

.cdek-cell-add[b-8q8q4fwm3r] {
    background: transparent;
    color: #adb5bd;
    border: 1px dashed #ced4da;
}

.cdek-cell-add:hover[b-8q8q4fwm3r] {
    color: #157f3b;
    border-color: #1ab248;
    background: #f1faf4;
}

.cdek-cell-button.ozon[b-8q8q4fwm3r] {
    background: #e7efff;
    color: #0042c2;
}

.track-line + .cdek-cell-button[b-8q8q4fwm3r] {
    margin-top: 3px;
}

/* «＋ Трек»: the choice of the carrier opens right under the button, inside the cell. */
.track-chooser[b-8q8q4fwm3r] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 3px;
}

.track-chooser button[b-8q8q4fwm3r] {
    border: 0;
    border-radius: 8px;
    padding: 3px 4px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.track-chooser .cdek[b-8q8q4fwm3r] {
    background: #e6f7ec;
    color: #157f3b;
}

.track-chooser .ozon[b-8q8q4fwm3r] {
    background: #e7efff;
    color: #0042c2;
}
.orders-table thead th[b-8q8q4fwm3r] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.38rem 0.28rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: var(--orders-table-header-font-size);
    font-weight: 700;
    overflow: hidden;
    line-height: 1.1;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.sortable-header-cell[b-8q8q4fwm3r] {
    user-select: none;
    padding: 0.38rem 0.28rem;
    font-size: var(--orders-table-header-font-size);
    font-weight: 800;
    line-height: 1.1;
}

.sortable-header-cell:hover[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #6e83ef, #7f56b0);
}

.sortable-header-cell.sorted-header-cell[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #667eea, #764ba2);
}

.orders-table tbody td[b-8q8q4fwm3r] {
    padding: 0.36rem 0.28rem;
    font-size: var(--orders-table-font-size);
    border-bottom: 1px solid #eceaf7;
    vertical-align: top;
    line-height: 1.2;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.orders-table tbody tr:hover[b-8q8q4fwm3r] {
    background: #f8f9ff;
}

.order-row.mark-r[b-8q8q4fwm3r] {
    box-shadow: inset 3px 0 0 #ff6b6b;
}

.order-row.mark-y[b-8q8q4fwm3r] {
    box-shadow: inset 3px 0 0 #fcc419;
}

.order-row.mark-g[b-8q8q4fwm3r] {
    box-shadow: inset 3px 0 0 #51cf66;
}

.order-row.mark-r td[b-8q8q4fwm3r] {
    border-bottom: 3px solid rgba(255, 107, 107, 0.9);
}

.order-row.mark-y td[b-8q8q4fwm3r] {
    border-bottom: 3px solid rgba(252, 196, 25, 0.95);
}

.order-row.mark-g td[b-8q8q4fwm3r] {
    border-bottom: 3px solid rgba(81, 207, 102, 0.9);
}

.focused-order-row td[b-8q8q4fwm3r] {
    background: rgba(102, 126, 234, 0.08);
}

.focused-order-row-flash td[b-8q8q4fwm3r] {
    animation: focused-order-pulse-b-8q8q4fwm3r 1.8s ease-out;
}

@keyframes focused-order-pulse-b-8q8q4fwm3r {
    0% {
        background: rgba(102, 126, 234, 0.22);
    }

    100% {
        background: rgba(102, 126, 234, 0.08);
    }
}

.editable-cell[b-8q8q4fwm3r] {
    cursor: pointer;
}

.wrap-cell[b-8q8q4fwm3r] {
    white-space: normal;
}

.muted-cell[b-8q8q4fwm3r] {
    color: #98a2b3;
}

.numeric-cell[b-8q8q4fwm3r] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
}

.numeric-cell-value[b-8q8q4fwm3r] {
    cursor: pointer;
    white-space: nowrap;
}

.calc-trigger[b-8q8q4fwm3r] {
    border: 1px solid #cfd4ea;
    border-radius: 4px;
    background: #f6f7fb;
    color: #495057;
    font-size: 0.55rem;
    font-weight: 800;
    width: 28px;
    min-height: 18px;
    line-height: 0.95;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.form-calc-field[b-8q8q4fwm3r] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.form-calc-field .form-control[b-8q8q4fwm3r] {
    flex: 1;
}

.form-calc-trigger[b-8q8q4fwm3r] {
    width: 24px;
    min-width: 24px;
    min-height: 28px;
}

.calc-trigger span[b-8q8q4fwm3r] {
    display: none;
}

.client-cell-inner[b-8q8q4fwm3r] {
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
}

.client-card-button[b-8q8q4fwm3r] {
    border: 0;
    border-radius: 999px;
    width: 22px;
    min-width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #d9f0ff, #a9dbff);
    color: #2b6cb0;
    font-size: 0.72rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-top: 1px;
}

.mark-cell[b-8q8q4fwm3r] {
    text-align: center;
}

.mark-picker-button[b-8q8q4fwm3r] {
    border: 0;
    background: transparent;
    padding: 0;
}

.mark-badge[b-8q8q4fwm3r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    padding: 0.2rem 0.28rem;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 800;
}

.mark-badge.red[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
    color: #fff;
}

.mark-badge.yellow[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ffe066, #fcc419);
    color: #5c4a00;
}

.mark-badge.green[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #51cf66, #40c057);
    color: #fff;
}

.mark-badge.empty[b-8q8q4fwm3r] {
    background: #f1f3f5;
    color: #868e96;
}

.empty-cell[b-8q8q4fwm3r] {
    padding: 1rem;
    text-align: center;
    color: #6c757d;
}

.side-dock[b-8q8q4fwm3r] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(var(--orders-side-panel-width) + 76px);
    z-index: 8;
    pointer-events: none;
}

.drawer-toggle-button[b-8q8q4fwm3r] {
    border: 0;
    border-radius: 999px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    background: linear-gradient(135deg, #ff8787, #f06595);
    color: #fff;
    font-weight: 800;
    font-size: 1.35rem;
    line-height: 1;
    box-shadow: 0 6px 14px rgba(240, 101, 149, 0.28);
    opacity: 0.45;
    transition: right 0.22s ease, opacity 0.18s ease, transform 0.18s ease;
    pointer-events: auto;
}

.drawer-toggle-button:hover[b-8q8q4fwm3r] {
    opacity: 1;
}

.side-dock.open .drawer-toggle-button[b-8q8q4fwm3r] {
    right: calc(var(--orders-side-panel-width) + 12px);
    opacity: 1;
}

.side-panel[b-8q8q4fwm3r] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--orders-side-panel-width);
    background: #fff;
    border-radius: 18px 0 0 18px;
    box-shadow: -14px 0 32px rgba(18, 38, 63, 0.14);
    transform: translateX(calc(100% + 28px));
    transition: transform 0.22s ease;
    pointer-events: auto;
    overflow: hidden;
}

.side-dock.open .side-panel[b-8q8q4fwm3r] {
    transform: translateX(0);
}

.side-panel-inner[b-8q8q4fwm3r] {
    height: 100%;
    overflow-y: auto;
    padding: 0.8rem 0.85rem 1rem;
}

.side-tabs[b-8q8q4fwm3r] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
    padding-bottom: 0.5rem;
    margin-bottom: 0.75rem;
}

.client-picker-block[b-8q8q4fwm3r] {
    position: relative;
}

.client-picker[b-8q8q4fwm3r] {
    position: relative;
}

.client-picker-overlay[b-8q8q4fwm3r] {
    position: fixed;
    inset: 0;
    z-index: 14;
    background: transparent;
}

.client-picker-dropdown[b-8q8q4fwm3r] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 15;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #d9deef;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(18, 38, 63, 0.14);
    padding: 0.35rem 0.35rem 0.25rem;
    overflow: hidden;
}

.client-picker-results[b-8q8q4fwm3r] {
    max-height: 210px;
    overflow-y: auto;
    padding-bottom: 0.15rem;
}

.client-picker-option[b-8q8q4fwm3r],
.client-picker-add[b-8q8q4fwm3r] {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    border-radius: 10px;
    padding: 0.45rem 0.55rem;
}

.client-picker-option[b-8q8q4fwm3r] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.client-picker-option:hover[b-8q8q4fwm3r],
.client-picker-add:hover[b-8q8q4fwm3r] {
    background: #f5f7ff;
}

.client-picker-name[b-8q8q4fwm3r] {
    font-weight: 700;
    color: #343a40;
}

.client-picker-phone[b-8q8q4fwm3r] {
    font-size: 0.72rem;
    color: #6c757d;
}

.client-picker-add[b-8q8q4fwm3r] {
    display: block;
    margin-top: 0.3rem;
    padding-top: 0.55rem;
    border-top: 1px solid #e6e9ff;
    background: #fff;
    color: #4c51bf;
    font-weight: 800;
}

.client-picker-empty[b-8q8q4fwm3r] {
    padding: 0.45rem 0.55rem;
    color: #6c757d;
    font-size: 0.74rem;
}

.bottom-tabs[b-8q8q4fwm3r] {
    display: flex;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    flex-wrap: wrap;
}

.bottom-tab[b-8q8q4fwm3r] {
    border: 0;
    border-radius: 999px;
    padding: 0.3rem 0.68rem;
    background: #eef2ff;
    color: #4c51bf;
    font-weight: 700;
    font-size: 0.72rem;
    line-height: 1.1;
}

.bottom-tab.active[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
}

.editor-panel h3[b-8q8q4fwm3r] {
    margin: 0 0 0.7rem;
    font-size: 1rem;
    font-weight: 800;
    color: #495057;
}

.side-editor-panel[b-8q8q4fwm3r] {
    min-width: 0;
}

.field-block[b-8q8q4fwm3r] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
}

.field-block label[b-8q8q4fwm3r] {
    font-size: 0.74rem;
    font-weight: 700;
    color: #495057;
    line-height: 1.1;
}

.side-editor-grid[b-8q8q4fwm3r] {
    display: flex;
    flex-direction: column;
    gap: 0.72rem;
}

.mark-selector[b-8q8q4fwm3r] {
    display: flex;
    gap: 0.32rem;
}

.mark-button[b-8q8q4fwm3r] {
    min-width: 32px;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 0.28rem 0.48rem;
    font-weight: 800;
    color: #fff;
    font-size: 0.7rem;
}

.mark-button.red[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
}

.mark-button.yellow[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ffd43b, #fcc419);
    color: #5c4a00;
}

.mark-button.green[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #51cf66, #40c057);
}

.mark-button.active[b-8q8q4fwm3r] {
    border-color: #1f2937;
}

.editor-actions[b-8q8q4fwm3r] {
    display: flex;
    gap: 0.55rem;
    justify-content: flex-end;
    margin-top: 0.85rem;
    flex-wrap: wrap;
}

.stacked-actions[b-8q8q4fwm3r] {
    justify-content: stretch;
}

.stacked-actions .save-button[b-8q8q4fwm3r] {
    flex: 1 1 100%;
}

.save-button[b-8q8q4fwm3r] {
    border: 0;
    border-radius: 10px;
    padding: 0.4rem 0.82rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-weight: 800;
    font-size: 0.74rem;
    line-height: 1.1;
}

.save-button.expense-save[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ff8787, #fa5252);
}

.save-button.secondary[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #8f9bb3, #677389);
}

.orders-page :is(.form-control, textarea)[b-8q8q4fwm3r] {
    min-height: 36px;
    padding: 0.34rem 0.5rem;
    font-size: 0.78rem;
}

.orders-page textarea.form-control[b-8q8q4fwm3r] {
    resize: none;
    overflow: hidden;
    min-height: 56px;
}

.modal-backdrop[b-8q8q4fwm3r] {
    position: fixed;
    inset: 0;
    background: rgba(24, 31, 56, 0.42);
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.modal-card[b-8q8q4fwm3r] {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(18, 38, 63, 0.18);
    padding: 1rem;
    width: min(100%, 460px);
}

.modal-title[b-8q8q4fwm3r] {
    font-size: 1rem;
    font-weight: 800;
    color: #343a40;
    margin-bottom: 0.55rem;
}

.modal-subtitle[b-8q8q4fwm3r] {
    font-size: 0.78rem;
    color: #6c757d;
    margin-bottom: 0.55rem;
}

.modal-error[b-8q8q4fwm3r] {
    margin-bottom: 0.55rem;
    padding: 0.45rem 0.55rem;
    border-radius: 10px;
    background: #fff5f5;
    color: #c92a2a;
    font-size: 0.78rem;
    font-weight: 700;
}

.modal-textarea[b-8q8q4fwm3r] {
    min-height: 130px;
}

.modal-actions[b-8q8q4fwm3r] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.calculator-modal[b-8q8q4fwm3r] {
    width: min(100%, 360px);
}

.calculator-input[b-8q8q4fwm3r] {
    margin-bottom: 0.75rem;
    min-height: 44px;
    font-size: 1rem;
    font-weight: 800;
    text-align: right;
}

.calculator-grid[b-8q8q4fwm3r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.45rem;
}

.calculator-button[b-8q8q4fwm3r] {
    border: 0;
    border-radius: 12px;
    min-height: 56px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 800;
}

.calculator-button.action[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #f093fb, #f5576c);
}

.mark-modal[b-8q8q4fwm3r] {
    width: min(100%, 400px);
}

.mark-modal-options[b-8q8q4fwm3r] {
    display: grid;
    gap: 0.6rem;
}

.mark-modal-danger-zone[b-8q8q4fwm3r] {
    margin-top: 1rem;
    padding-top: 0.2rem;
}

.mark-modal-option[b-8q8q4fwm3r] {
    border: 0;
    border-radius: 12px;
    min-height: 46px;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 800;
}

.mark-modal-option.red[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
}

.mark-modal-option.green[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #51cf66, #40c057);
}

.mark-modal-option.yellow[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ffd43b, #fab005);
    color: #5c4a00;
}

.mark-modal-option.clear[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #adb5bd, #868e96);
}

.mark-modal-option.delete[b-8q8q4fwm3r] {
    background: linear-gradient(135deg, #ff8787, #e03131);
}

.client-modal[b-8q8q4fwm3r] {
    width: min(100%, 520px);
}

.client-modal-grid[b-8q8q4fwm3r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem 0.65rem;
}

.client-modal-wide[b-8q8q4fwm3r] {
    grid-column: span 2;
}

@media (max-width: 1400px) {
    .orders-toolbar[b-8q8q4fwm3r] {
        grid-template-columns: auto auto minmax(180px, 1fr) auto auto auto auto;
    }
}

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

@media (max-width: 992px) {
    .orders-page[b-8q8q4fwm3r] {
        height: auto;
        overflow: auto;
        padding-right: 0;
    }

    .orders-table-wrapper[b-8q8q4fwm3r] {
        overflow: auto;
    }

    .side-dock[b-8q8q4fwm3r] {
        position: fixed;
        top: 4.2rem;
        bottom: 0.75rem;
        width: calc(min(90vw, 420px) + 64px);
    }

    .side-panel[b-8q8q4fwm3r] {
        width: min(90vw, 420px);
        border-radius: 18px 0 0 18px;
    }

    .side-dock.open .drawer-toggle-button[b-8q8q4fwm3r] {
        right: calc(min(90vw, 420px) + 8px);
    }

    .client-modal-grid[b-8q8q4fwm3r] {
        grid-template-columns: 1fr;
    }

    .client-modal-wide[b-8q8q4fwm3r] {
        grid-column: auto;
    }
}

@media (max-width: 768px) {
    .orders-toolbar[b-8q8q4fwm3r] {
        grid-template-columns: 1fr;
    }

    .bottom-tabs[b-8q8q4fwm3r],
    .editor-actions[b-8q8q4fwm3r],
    .modal-actions[b-8q8q4fwm3r] {
        flex-direction: column;
        align-items: stretch;
    }
}

.order-task-bell[b-8q8q4fwm3r] {
    display: block;
    margin: 0.2rem auto 0;
    border: 0;
    background: #f1ebfb;
    border-radius: 8px;
    padding: 0 0.3rem;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #6f42c1;
    font-weight: 800;
}

.order-task-bell.overdue[b-8q8q4fwm3r] {
    background: #ffe3e3;
    color: #c92a2a;
}

.mark-modal-option.reminder[b-8q8q4fwm3r] {
    width: 100%;
    margin-top: 0.6rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
}

.form-reminder-block[b-8q8q4fwm3r] {
    margin-top: 0.85rem;
    padding-top: 0.75rem;
    border-top: 1px dashed #d0bfff;
}

.form-reminder-add[b-8q8q4fwm3r] {
    width: 100%;
    border: 1px dashed #845ef7;
    border-radius: 10px;
    background: #f8f5ff;
    color: #6f42c1;
    font-weight: 700;
    padding: 0.45rem;
}

.form-reminder-summary[b-8q8q4fwm3r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.6rem;
    padding: 0.45rem 0.6rem;
    border-radius: 10px;
    background: #f1ebfb;
    font-size: 0.85rem;
}

.form-reminder-summary span[b-8q8q4fwm3r] {
    flex: 1 1 100%;
    font-weight: 600;
}

.form-reminder-link[b-8q8q4fwm3r] {
    border: 0;
    background: transparent;
    padding: 0;
    color: #6f42c1;
    text-decoration: underline;
    font-size: 0.82rem;
}

.form-reminder-link.danger[b-8q8q4fwm3r] {
    color: #c92a2a;
}

.reminder-modal[b-8q8q4fwm3r] {
    width: min(100%, 480px);
    max-height: calc(100vh - 32px);
    overflow-y: auto;
}
.order-photo-badge[b-8q8q4fwm3r] {
    display: block;
    margin: 0.2rem auto 0;
    border: 0;
    background: #e7f5ff;
    border-radius: 8px;
    padding: 0 0.3rem;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #1971c2;
    font-weight: 800;
}

.order-photo-badge.cdek-badge[b-8q8q4fwm3r] {
    background: #e6f7ec;
    color: #157f3b;
    font-weight: 700;
    font-size: 0.75rem;
    white-space: nowrap;
}

.mark-modal-option.photos[b-8q8q4fwm3r] {
    width: 100%;
    margin-top: 0.6rem;
    background: linear-gradient(135deg, #4dabf7, #1c7ed6);
}

.form-photo-block[b-8q8q4fwm3r] {
    margin-top: 0.6rem;
}

.photos-modal[b-8q8q4fwm3r] {
    width: min(100%, 720px);
    max-height: calc(100vh - 32px);
    overflow-y: auto;
}
/* ---------- Compact table rows ---------- */

.orders-table th.num-head[b-8q8q4fwm3r] {
    text-align: right;
}

/* Long texts take at most two lines; the full text is in the tooltip and the edit window. */
.clamp-2[b-8q8q4fwm3r] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nowrap-cell[b-8q8q4fwm3r] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sub-line[b-8q8q4fwm3r] {
    color: #6c757d;
    font-size: 0.92em;
}

.orders-table tbody td.num-cell[b-8q8q4fwm3r] {
    position: relative;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    word-break: normal;
    overflow-wrap: normal;
}

.orders-table tbody td.num-cell.negative[b-8q8q4fwm3r] {
    color: #c92a2a;
}

/* The calculator button shows only when the cell is hovered. */
/* Right under the number, aligned with it. */
.num-cell .calc-trigger[b-8q8q4fwm3r] {
    position: absolute;
    right: 0.28rem;
    top: calc(0.36rem + 1.35em);
    width: auto;
    min-height: 0;
    height: 20px;
    padding: 0 7px;
    gap: 1px;
    border: 1px solid #b9c2f0;
    border-radius: 6px;
    background: #eef1ff;
    color: #4c5bd4;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 1px 3px rgba(76, 91, 212, 0.18);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s, background 0.1s;
}

.num-cell .calc-trigger span[b-8q8q4fwm3r] {
    display: inline;
    opacity: 0.55;
}

.num-cell .calc-trigger:hover[b-8q8q4fwm3r] {
    background: #667eea;
    border-color: #667eea;
    color: #fff;
}

.num-cell:hover .calc-trigger[b-8q8q4fwm3r],
.num-cell .calc-trigger:focus-visible[b-8q8q4fwm3r] {
    opacity: 1;
    pointer-events: auto;
}

.client-cell-inner[b-8q8q4fwm3r] {
    align-items: flex-start;
}

.client-cell-side[b-8q8q4fwm3r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    width: 36px;
    min-width: 36px;
}

/* Up to two icons per line under the card button. */
.client-messengers[b-8q8q4fwm3r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px;
}

.client-cell-main[b-8q8q4fwm3r] {
    min-width: 0;
    flex: 1;
}

.source-picker[b-8q8q4fwm3r] {
    display: flex;
    gap: 8px;
}

.source-toggle[b-8q8q4fwm3r] {
    width: 32px;
    height: 32px;
    padding: 4px;
    border: 2px solid transparent;
    border-radius: 10px;
    background: #f1f3f5;
    filter: grayscale(1);
    opacity: 0.5;
}

.source-toggle.on[b-8q8q4fwm3r] {
    filter: none;
    opacity: 1;
    border-color: #667eea;
    background: #fff;
}

.source-toggle[b-8q8q4fwm3r]  svg {
    width: 100%;
    height: 100%;
    display: block;
}
/* Below this width the table scrolls sideways instead of cutting dates and sums. */
.orders-table[b-8q8q4fwm3r] {
    min-width: 1080px;
}

/* Search results outside the chosen dates: below a separator, a little muted. */
.outside-dates-separator td[b-8q8q4fwm3r] {
    background: #fff9db;
    color: #7c5c00;
    font-weight: 700;
    padding: 0.5rem 0.6rem;
    border-top: 2px solid #fcc419;
    border-bottom: 1px solid #ffe066;
}

.outside-dates-reset[b-8q8q4fwm3r] {
    margin-left: 0.75rem;
    border: 1px solid #e0b100;
    border-radius: 8px;
    background: #fff;
    color: #7c5c00;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 2px 10px;
}

.outside-dates-reset:hover[b-8q8q4fwm3r] {
    background: #fff3bf;
}

.orders-table tbody tr.outside-dates td[b-8q8q4fwm3r] {
    opacity: 0.75;
}
.card-plan[b-8q8q4fwm3r] {
    padding: 0.6rem 0.8rem;
    border-radius: 10px;
    background: #fff9db;
    border: 1px solid #ffe066;
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.card-plan-title[b-8q8q4fwm3r] {
    font-weight: 700;
}

.card-plan-actions[b-8q8q4fwm3r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.3rem;
}

.orders-notices[b-8q8q4fwm3r] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
/* _content/CrmApp.Web/Components/Pages/OzonPage.razor.rz.scp.css */
.cdek-page[b-72d6wxf8jh] {
    /* the whole width up to the tool rail (the layout keeps room for it) */
    max-width: none;
}

.cdek-head[b-72d6wxf8jh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 14px;
}

.cdek-head h1[b-72d6wxf8jh] {
    margin: 0;
}

.cdek-tabs[b-72d6wxf8jh] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cdek-tab[b-72d6wxf8jh] {
    border: 1px solid #d9deef;
    background: #fff;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 0.95rem;
}

.cdek-tab.active[b-72d6wxf8jh] {
    background: #005bff;
    border-color: #005bff;
    color: #fff;
}

.cdek-card[b-72d6wxf8jh] {
    background: #fff;
    border: 1px solid #e3e7f3;
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 14px;
}

.cdek-card-title[b-72d6wxf8jh] {
    font-weight: 600;
    margin-bottom: 8px;
}

.cdek-row[b-72d6wxf8jh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.cdek-row label[b-72d6wxf8jh] {
    margin: 0;
    color: #555;
}

.check[b-72d6wxf8jh] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.num-input[b-72d6wxf8jh] {
    width: 90px;
}

.track-input[b-72d6wxf8jh] {
    max-width: 220px;
}

.order-picker[b-72d6wxf8jh] {
    position: relative;
    min-width: 300px;
}

.order-picker-list[b-72d6wxf8jh] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 15;
    min-width: 380px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #d9deef;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(18, 38, 63, 0.14);
    overflow: hidden;
}

.order-picker-item[b-72d6wxf8jh] {
    text-align: left;
    border: none;
    background: #fff;
    padding: 8px 12px;
}

.order-picker-item:hover[b-72d6wxf8jh] {
    background: #f1f3ff;
}

.cdek-toolbar[b-72d6wxf8jh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

.stage-chip[b-72d6wxf8jh] {
    border: 1px solid #d9deef;
    background: #fff;
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 0.9rem;
}

.stage-chip span[b-72d6wxf8jh] {
    margin-left: 4px;
    color: #868e96;
}

.stage-chip.active[b-72d6wxf8jh] {
    background: #e7efff;
    border-color: #005bff;
}

.cdek-search[b-72d6wxf8jh] {
    max-width: 280px;
}

.cdek-table-wrap[b-72d6wxf8jh] {
    overflow-x: auto;
    background: #fff;
    border: 1px solid #e3e7f3;
    border-radius: 14px;
}

.cdek-table[b-72d6wxf8jh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.cdek-table th[b-72d6wxf8jh] {
    background: #f6f7fb;
    text-align: left;
    padding: 8px 10px;
    font-weight: 600;
    white-space: nowrap;
}

.cdek-table td[b-72d6wxf8jh] {
    padding: 8px 10px;
    border-top: 1px solid #eef0f6;
    vertical-align: top;
}

.cdek-table .num[b-72d6wxf8jh] {
    text-align: right;
    white-space: nowrap;
}

.cdek-table .sub[b-72d6wxf8jh] {
    font-size: 0.82rem;
    color: #6c757d;
}

.cdek-table .actions[b-72d6wxf8jh] {
    white-space: nowrap;
}

.stage-badge[b-72d6wxf8jh] {
    white-space: nowrap;
    font-weight: 600;
}

tr.stage-atpickuppoint td[b-72d6wxf8jh],
tr.stage-withcourier td[b-72d6wxf8jh] {
    background: #fff9db;
}

tr.stage-delivered td[b-72d6wxf8jh] {
    color: #6c757d;
}

tr.stage-problem td[b-72d6wxf8jh],
tr.stage-invalid td[b-72d6wxf8jh] {
    background: #fff0f0;
}

.history-row td[b-72d6wxf8jh] {
    background: #fafbff;
    font-size: 0.85rem;
}

.icon-button[b-72d6wxf8jh] {
    border: none;
    background: transparent;
    padding: 2px 6px;
    border-radius: 6px;
}

.icon-button[b-72d6wxf8jh] {
    font-size: 1.05rem;
    line-height: 1.2;
}

/* Printing: links styled as clear buttons (no link underline), so the printer and the label stand out. */
a.print-button[b-72d6wxf8jh] {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #d0d7e8;
    background: #f6f8fc;
    margin: 0 1px;
}

.icon-button:hover[b-72d6wxf8jh] {
    background: #eef0f6;
}

.link-button[b-72d6wxf8jh] {
    border: none;
    background: none;
    padding: 0;
    color: #4263eb;
    font-size: 0.82rem;
}

tr.unlinked td[b-72d6wxf8jh] {
    background: #f8f9fa;
}

.no-order[b-72d6wxf8jh] {
    color: #868e96;
    font-style: italic;
    font-size: 0.8rem;
}

/* The name typed in the CDEK account ("бикини к нам"): what people look for in the list. */
.im-number[b-72d6wxf8jh] {
    font-weight: 700;
    font-size: 1.02rem;
    color: #212529;
    line-height: 1.25;
}

.link-row td[b-72d6wxf8jh] {
    background: #f8f9fa;
    padding-top: 0;
}

.suggest-chip[b-72d6wxf8jh] {
    border: 1px dashed #005bff;
    background: #fff;
    color: #0042c2;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 0.82rem;
    margin-right: 6px;
}

.unlinked-toggle[b-72d6wxf8jh] {
    font-size: 0.92rem;
}

.notify-block[b-72d6wxf8jh] {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #e3e7f3;
    border-radius: 12px;
    background: #fafbff;
}

.notify-title[b-72d6wxf8jh] {
    font-weight: 600;
    margin-bottom: 4px;
}

.picked[b-72d6wxf8jh] {
    background: #e7efff;
    border-radius: 10px;
    padding: 6px 10px;
    margin-top: 4px;
}

.sender-points[b-72d6wxf8jh] {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid #e3e7f3;
    border-radius: 10px;
    margin-top: 6px;
    max-width: 700px;
}

.sender-point[b-72d6wxf8jh] {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #f1f3f5;
    background: #fff;
    padding: 6px 10px;
    font-size: 0.9rem;
}

.sender-point:hover[b-72d6wxf8jh] {
    background: #f1f5ff;
}

.points-list[b-72d6wxf8jh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.point[b-72d6wxf8jh] {
    border: 1px solid #e3e7f3;
    border-radius: 12px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.point-head[b-72d6wxf8jh] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.points-map[b-72d6wxf8jh] {
    height: 420px;
    border-radius: 12px;
    border: 1px solid #e3e7f3;
    margin-top: 10px;
    z-index: 0;
}

.points-map.hidden[b-72d6wxf8jh] {
    display: none;
}

.distance[b-72d6wxf8jh] {
    background: #e7efff;
    color: #0042c2;
    font-weight: 700;
    border-radius: 6px;
    padding: 0 6px;
    margin-right: 4px;
}

.sender-name[b-72d6wxf8jh] {
    display: inline-block;
    width: 170px;
    padding: 2px 8px;
    margin-right: 8px;
    font-weight: 600;
}

/* Ozon blue buttons (instead of the green CDEK ones). */
.btn-ozon[b-72d6wxf8jh] { background: #005bff; border-color: #005bff; color: #fff; }
.btn-ozon:hover[b-72d6wxf8jh] { background: #004ad1; border-color: #004ad1; color: #fff; }
.btn-outline-ozon[b-72d6wxf8jh] { border-color: #005bff; color: #005bff; background: #fff; }
.btn-outline-ozon:hover[b-72d6wxf8jh] { background: #e7efff; }
.ozon-option[b-72d6wxf8jh] { display: flex; gap: 8px; align-items: baseline; padding: 6px 10px; border-bottom: 1px solid #f1f3f5; margin: 0; cursor: pointer; font-size: 0.92rem; }
.ozon-option.active[b-72d6wxf8jh] { background: #e7efff; }
.ozon-list[b-72d6wxf8jh] { max-height: 260px; overflow-y: auto; border: 1px solid #e3e7f3; border-radius: 10px; margin-top: 6px; }
tr.grp-pickup td[b-72d6wxf8jh] { background: #fff9db; }
tr.grp-delivered td[b-72d6wxf8jh] { color: #6c757d; }
tr.grp-returned td[b-72d6wxf8jh], tr.grp-error td[b-72d6wxf8jh] { background: #fff0f0; }

.sender-point.chosen[b-72d6wxf8jh] { background: #e7efff; }
/* _content/CrmApp.Web/Components/Pages/Server.razor.rz.scp.css */
.server-head[b-83j7dtzrlm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.server-head h1[b-83j7dtzrlm] {
    margin: 0;
}

.server-head-actions[b-83j7dtzrlm] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.server-section[b-83j7dtzrlm] {
    margin: 22px 0 10px;
    font-size: 1.05rem;
    font-weight: 700;
    color: #4b3a8c;
    border-bottom: 1px solid #e5dbff;
    padding-bottom: 4px;
}

.server-grid[b-83j7dtzrlm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 16px;
    align-items: start;
}

.server-card[b-83j7dtzrlm] {
    background: #fff;
    border: 1px solid #e5dbff;
    border-left: 5px solid #845ef7;
    border-radius: 12px;
    padding: 14px 16px;
}

.server-card.warn[b-83j7dtzrlm] {
    border-left-color: #f03e3e;
    background: #fff8f8;
}

.server-card-title[b-83j7dtzrlm] {
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: 6px;
}

.server-badge[b-83j7dtzrlm] {
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 999px;
    background: #e5dbff;
    color: #5f3dc4;
    font-size: 0.75rem;
    font-weight: 600;
}

.money-balance[b-83j7dtzrlm] {
    font-size: 2rem;
    font-weight: 800;
    color: #2b8a3e;
    line-height: 1.1;
}

.server-card.warn .money-balance[b-83j7dtzrlm] {
    color: #c92a2a;
}

.money-forecast[b-83j7dtzrlm] {
    margin-top: 4px;
}

.meter[b-83j7dtzrlm] {
    height: 10px;
    border-radius: 999px;
    background: #f1f3f5;
    overflow: hidden;
    margin: 4px 0;
}

.meter-fill[b-83j7dtzrlm] {
    height: 100%;
    background: #845ef7;
}

.meter-fill.danger[b-83j7dtzrlm] {
    background: #f03e3e;
}

.bars[b-83j7dtzrlm] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 70px;
    margin-top: 10px;
    padding-bottom: 1px;
    border-bottom: 1px solid #dee2e6;
}

.bar-slot[b-83j7dtzrlm] {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.bar[b-83j7dtzrlm] {
    width: 100%;
    min-height: 1px;
    background: #9775fa;
    border-radius: 2px 2px 0 0;
}

.bar.money-bar[b-83j7dtzrlm] {
    background: #40c057;
}

.bar-slot:hover .bar[b-83j7dtzrlm] {
    filter: brightness(0.85);
}

.bars-legend[b-83j7dtzrlm] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: #868e96;
}

.alert-row[b-83j7dtzrlm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.alert-row input[b-83j7dtzrlm] {
    width: 90px;
}

/* 🔗 Связь с внешними сервисами */
.link-row[b-83j7dtzrlm] {
    display: grid;
    grid-template-columns: 1.4rem minmax(9rem, 1.3fr) minmax(8rem, 1.4fr) auto;
    gap: 0.5rem;
    align-items: center;
    padding: 0.25rem 0;
    border-bottom: 1px solid #f1f3f5;
    font-size: 0.9rem;
}

.link-name[b-83j7dtzrlm] {
    font-weight: 600;
}

.link-via[b-83j7dtzrlm] {
    color: #868e96;
    font-size: 0.8rem;
}

.link-ms[b-83j7dtzrlm] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.link-row.bad .link-ms[b-83j7dtzrlm] {
    color: #c92a2a;
    font-weight: 600;
}
/* _content/CrmApp.Web/Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-dp107zkprg] {
    max-width: 980px;
}

.settings-page h1[b-dp107zkprg] {
    margin-bottom: 1rem;
}

.settings-cards[b-dp107zkprg] {
    display: grid;
    gap: 1rem;
}

.settings-card[b-dp107zkprg] {
    background: #fff;
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 10px 28px rgba(18, 38, 63, 0.08);
}

.settings-card-title[b-dp107zkprg] {
    font-size: 1rem;
    font-weight: 800;
    color: #343a40;
}

.settings-card-subtitle[b-dp107zkprg] {
    margin-top: 0.35rem;
    color: #6c757d;
    font-size: 0.92rem;
}

.font-setting-row[b-dp107zkprg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.15rem;
}

.font-button[b-dp107zkprg] {
    border: 0;
    border-radius: 10px;
    padding: 0.45rem 0.7rem;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-weight: 800;
}

.date-setting[b-dp107zkprg] {
    max-width: 190px;
}

.font-slider[b-dp107zkprg] {
    width: 220px;
    accent-color: #667eea;
}

.font-value[b-dp107zkprg] {
    min-width: 48px;
    font-weight: 700;
    color: #495057;
}

.font-preview[b-dp107zkprg] {
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: #f8f9ff;
    border: 1px solid #e6e9ff;
    color: #343a40;
}

.header-preview[b-dp107zkprg] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex-wrap: wrap;
}

.header-preview-title[b-dp107zkprg] {
    padding: 0.42rem 0.7rem;
    border-radius: 10px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .font-setting-row[b-dp107zkprg] {
        flex-direction: column;
        align-items: stretch;
    }

    .font-slider[b-dp107zkprg] {
        width: 100%;
    }
}

.font-setting-row[b-dp107zkprg] {
    flex-wrap: wrap;
}

.backup-link[b-dp107zkprg] {
    text-decoration: none;
}

.backup-link:hover[b-dp107zkprg] {
    color: #fff;
    opacity: 0.9;
}

.font-button.danger[b-dp107zkprg] {
    background: #dc3545;
}

.font-button:disabled[b-dp107zkprg] {
    opacity: 0.5;
}

.restore-confirm[b-dp107zkprg] {
    margin-top: 1rem;
    padding: 0.75rem;
    border: 2px solid #dc3545;
    border-radius: 10px;
}

.restore-word[b-dp107zkprg] {
    max-width: 240px;
    margin-top: 0.35rem;
}
/* _content/CrmApp.Web/Components/Pages/Tasks.razor.rz.scp.css */
.task-order-link[b-dh9kib2rzj] {
    display: inline-block;
    color: #6f42c1;
    text-decoration: none;
}

.task-order-link:hover[b-dh9kib2rzj] {
    text-decoration: underline;
}

.task-table thead th[b-dh9kib2rzj] {
    background: #6f42c1;
    color: #fff;
}

.task-table tr.task-overdue td[b-dh9kib2rzj] {
    background: #fdecea;
}

.task-table tr.task-done td[b-dh9kib2rzj] {
    color: #888;
    text-decoration: line-through;
}

.task-desc[b-dh9kib2rzj] {
    white-space: pre-line;
}

.task-modal-backdrop[b-dh9kib2rzj] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.task-modal[b-dh9kib2rzj] {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    max-width: 420px;
    width: calc(100% - 32px);
}
/* _content/CrmApp.Web/Components/PhotoUi/PhotoGallery.razor.rz.scp.css */
.photo-gallery[b-a25mdbjwbj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.photo-grid[b-a25mdbjwbj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 8px;
}

.compact .photo-grid[b-a25mdbjwbj] {
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
}

.photo-thumb[b-a25mdbjwbj] {
    aspect-ratio: 1;
    border: 0;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #f1ebfb;
    cursor: zoom-in;
}

.photo-thumb img[b-a25mdbjwbj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.photo-loading[b-a25mdbjwbj] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.photo-add[b-a25mdbjwbj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px dashed #845ef7;
    border-radius: 10px;
    background: #f8f5ff;
    color: #6f42c1;
    font-weight: 700;
    padding: 0.45rem 0.7rem;
    cursor: pointer;
}

.photo-add.disabled[b-a25mdbjwbj] {
    opacity: 0.6;
    pointer-events: none;
}

[b-a25mdbjwbj] .photo-input {
    display: none;
}

.photo-message[b-a25mdbjwbj] {
    font-size: 0.82rem;
    color: #555;
}

.photo-viewer[b-a25mdbjwbj] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: rgba(10, 8, 20, 0.92);
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-full[b-a25mdbjwbj] {
    max-width: calc(100vw - 96px);
    max-height: calc(100vh - 90px);
    border-radius: 8px;
    object-fit: contain;
}

.photo-viewer-top[b-a25mdbjwbj] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    color: #fff;
    font-size: 0.85rem;
}

.photo-viewer-actions[b-a25mdbjwbj] {
    display: flex;
    gap: 6px;
}

.photo-viewer-button[b-a25mdbjwbj] {
    border: 0;
    border-radius: 8px;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
}

.photo-viewer-button.danger[b-a25mdbjwbj] {
    background: #e03131;
}

.photo-nav[b-a25mdbjwbj] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    width: 44px;
    height: 64px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 2rem;
    line-height: 1;
}

.photo-nav.prev[b-a25mdbjwbj] {
    left: 8px;
}

.photo-nav.next[b-a25mdbjwbj] {
    right: 8px;
}

/* A photo of one of the client's orders, shown in the client card too. */
.photo-thumb.from-order[b-a25mdbjwbj] {
    position: relative;
}

.photo-from[b-a25mdbjwbj] {
    position: absolute;
    left: 4px;
    bottom: 4px;
    padding: 1px 6px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
}

/* "Выбрать": select several photos and delete them at once. */
.photo-tools[b-a25mdbjwbj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.4rem;
}

.photo-tool[b-a25mdbjwbj] {
    border: 1px solid #d6c8f0;
    background: #fff;
    color: #5f3dc4;
    border-radius: 8px;
    padding: 0.2rem 0.6rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.photo-tool.danger[b-a25mdbjwbj] {
    border-color: #ffa8a8;
    color: #c92a2a;
}

.photo-tool:disabled[b-a25mdbjwbj] {
    opacity: 0.5;
}

.photo-confirm[b-a25mdbjwbj] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #c92a2a;
}

.photo-thumb[b-a25mdbjwbj] {
    position: relative;
}

.photo-thumb.selected[b-a25mdbjwbj] {
    outline: 3px solid #845ef7;
    outline-offset: -3px;
}

.photo-check[b-a25mdbjwbj] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
}

.photo-thumb.selected .photo-check[b-a25mdbjwbj] {
    background: #845ef7;
}
/* _content/CrmApp.Web/Components/Shared/BackupPanel.razor.rz.scp.css */
.bp[b-a9gb5jrls0] { background: #fff; border: 1px solid #e3e3e8; border-radius: 10px; padding: 18px 20px; margin: 18px 0; line-height: 1.45; }
.bp p[b-a9gb5jrls0] { margin: 6px 0 10px; }
.bp-title[b-a9gb5jrls0] { font-size: 18px; font-weight: 700; margin-bottom: 6px; }
.bp-sub[b-a9gb5jrls0] { font-size: 15px; font-weight: 700; margin: 18px 0 4px; }
.bp-muted[b-a9gb5jrls0] { color: #6b6b75; font-size: 13px; }
.bp-warn[b-a9gb5jrls0] { color: #a15c00; }
.bp-row[b-a9gb5jrls0] { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0; }
.bp-btn[b-a9gb5jrls0] { display: inline-block; padding: 7px 14px; border: 1px solid #c9c9d2; border-radius: 8px; background: #fff; color: #222; text-decoration: none;
    font: inherit; font-size: 14px; cursor: pointer; }
.bp-btn:hover[b-a9gb5jrls0] { background: #f4f4f7; }
.bp-btn.bp-main[b-a9gb5jrls0] { background: #2f6fed; border-color: #2f6fed; color: #fff; }
.bp-btn.bp-main:hover[b-a9gb5jrls0] { background: #2a62d2; }
.bp-btn:disabled[b-a9gb5jrls0] { opacity: .6; cursor: default; }
.bp-check[b-a9gb5jrls0] { display: flex; gap: 8px; align-items: flex-start; margin: 6px 0; }
.bp-check input[b-a9gb5jrls0] { margin-top: 4px; }
.bp-grid[b-a9gb5jrls0] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px 14px; margin: 8px 0; }
.bp-grid label[b-a9gb5jrls0] { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #444; }
.bp-grid select[b-a9gb5jrls0], .bp-grid input[b-a9gb5jrls0] { padding: 6px 8px; border: 1px solid #c9c9d2; border-radius: 6px; font: inherit; font-size: 14px; background: #fff; }
/* _content/CrmApp.Web/Components/ShopAdmin/ShopAdminLayout.razor.rz.scp.css */
.sa[b-dyn9bxcrly] {
    display: flex;
    min-height: 100vh;
    background: #f4f5f7;
}

.sa-side[b-dyn9bxcrly] {
    width: 230px;
    flex: none;
    background: #2f3a4b;
    color: #e8ecf2;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
}

.sa-brand[b-dyn9bxcrly] {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.sa-side nav[b-dyn9bxcrly] {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.sa-side[b-dyn9bxcrly]  .sa-link {
    display: block;
    padding: 10px 20px;
    color: #e8ecf2;
    text-decoration: none;
    font-size: .95rem;
}

.sa-side[b-dyn9bxcrly]  .sa-link:hover {
    background: rgba(255, 255, 255, .06);
}

.sa-side[b-dyn9bxcrly]  .sa-link.active {
    background: #3d4a5f;
    border-left: 3px solid #ff8084;
    padding-left: 17px;
}

.sa-bottom[b-dyn9bxcrly] {
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding: 8px 0;
}

.sa-back[b-dyn9bxcrly] {
    font-weight: 700;
}

.sa-main[b-dyn9bxcrly] {
    flex: 1;
    min-width: 0;
    padding: 24px 32px;
}

@media (max-width: 800px) {
    .sa[b-dyn9bxcrly] {
        flex-direction: column;
    }

    .sa-side[b-dyn9bxcrly] {
        width: auto;
        height: auto;
        position: static;
    }

    .sa-side nav[b-dyn9bxcrly] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sa-main[b-dyn9bxcrly] {
        padding: 16px;
    }
}
/* _content/CrmApp.Web/Components/TaskUi/OrderTasksDialog.razor.rz.scp.css */
.task-dialog-backdrop[b-5w9s220x3y] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.task-dialog[b-5w9s220x3y] {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    width: min(520px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

.task-dialog-title[b-5w9s220x3y] {
    font-size: 1.2rem;
    font-weight: 700;
}

.task-dialog-subtitle[b-5w9s220x3y] {
    color: #6f42c1;
    font-weight: 600;
    margin-bottom: 12px;
}

.task-dialog-item[b-5w9s220x3y] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border-left: 5px solid #6f42c1;
    background: #f7f4fc;
    border-radius: 8px;
    padding: 8px 10px;
    margin-bottom: 8px;
}

.task-dialog-item.overdue[b-5w9s220x3y] {
    border-left-color: #dc3545;
    background: #fdecea;
}

.task-dialog-item-main[b-5w9s220x3y] {
    flex: 1;
    min-width: 0;
}

.task-dialog-desc[b-5w9s220x3y] {
    white-space: pre-line;
    margin-top: 2px;
}

.task-dialog-item-actions[b-5w9s220x3y] {
    display: flex;
    gap: 4px;
}

.task-dialog-confirm[b-5w9s220x3y] {
    margin: -4px 0 8px;
    padding: 6px 10px;
    background: #fff3f3;
    border-radius: 8px;
}

.task-dialog-actions[b-5w9s220x3y] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
/* _content/CrmApp.Web/Components/TaskUi/TaskEditor.razor.rz.scp.css */
.week-days[b-khtjmgs5il] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.week-day[b-khtjmgs5il] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}