/* _content/GranulaOps/Components/Batch/BatchBarcodeScanner.razor.rz.scp.css */
.barcode-scanner-content[b-ypqaw8j3sb] {
    padding: 0;
}

.barcode-info[b-ypqaw8j3sb] {
    margin-bottom: 12px;
}

.barcode-info-unit[b-ypqaw8j3sb] {
    margin-top: 4px;
}

.barcode-scanner-form[b-ypqaw8j3sb] {
    margin-bottom: 16px;
}

.barcode-scanner-content[b-ypqaw8j3sb]  .ant-form-item {
    margin-bottom: 12px;
}

.barcode-select-full[b-ypqaw8j3sb] {
    width: 100%;
}

.barcode-section[b-ypqaw8j3sb] {
    margin-bottom: 16px;
}

.barcode-button-row[b-ypqaw8j3sb] {
    margin-bottom: 16px;
}

.barcode-camera[b-ypqaw8j3sb] {
    width: 100%;
    max-width: 360px;
}

.barcode-message[b-ypqaw8j3sb] {
    margin-top: 12px;
}

.barcode-confirm-actions[b-ypqaw8j3sb] {
    margin-top: 12px;
}

.barcode-hint-icon[b-ypqaw8j3sb] {
    font-size: 12px;
    color: #999;
}
/* _content/GranulaOps/Components/Batch/BatchDetailActions.razor.rz.scp.css */
.batch-detail-actions__labels[b-naxm8vst2l] {
    display: grid;
    gap: 16px;
}

.batch-detail-actions__label[b-naxm8vst2l] {
    display: grid;
    gap: 6px;
    justify-items: center;
    padding: 12px;
    border: 1px solid #edf0f3;
    border-radius: 12px;
}
/* _content/GranulaOps/Components/Batch/BatchDetailInfo.razor.rz.scp.css */
.batch-detail-info__grid[b-qdja31llme] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.batch-detail-info__item[b-qdja31llme] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.batch-detail-info__item--full[b-qdja31llme] {
    grid-column: 1 / -1;
}

.batch-detail-info__label[b-qdja31llme] {
    font-size: 11px;
    font-weight: 600;
    color: #9DA2AA;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.batch-detail-info__value[b-qdja31llme] {
    font-size: 13.5px;
    color: #17191E;
    overflow-wrap: anywhere;
}

.batch-detail-info__value--notes[b-qdja31llme] {
    line-height: 1.45;
}

.batch-detail-info__action[b-qdja31llme] {
    display: inline-block;
    min-height: 36px;
    padding: 0;
    border: none;
    background: transparent;
    color: #1677ff;
    font-size: 13.5px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.batch-detail-info__action--value[b-qdja31llme] {
    color: #1677ff;
    font-weight: 500;
}

.batch-detail-info__action:hover[b-qdja31llme],
.batch-detail-info__action--value:hover[b-qdja31llme] {
    color: #4096ff;
}

.batch-detail-info__action:not(.batch-detail-info__action--value):hover[b-qdja31llme] {
    text-decoration: underline;
}

.batch-detail-info__action:active[b-qdja31llme] {
    color: #0958d9;
}

@media (max-width: 767px) {
    .batch-detail-info__grid[b-qdja31llme] {
        grid-template-columns: 1fr;
    }
}
/* _content/GranulaOps/Components/Batch/BatchDetailMovement.razor.rz.scp.css */
.batch-detail-movement__row[b-d8zvi5g1gm] {
    display: grid;
    grid-template-columns: minmax(120px, max-content) 1fr;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--granula-surface-border);
    font-size: 13px;
}

.batch-detail-movement__row:last-child[b-d8zvi5g1gm] {
    border-bottom: none;
}

.batch-detail-movement__amount[b-d8zvi5g1gm] {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-detail-movement__amount--in[b-d8zvi5g1gm] {
    color: #1F8F54;
}

.batch-detail-movement__amount--out[b-d8zvi5g1gm] {
    color: #c0392b;
}

.batch-detail-movement__amount--balance[b-d8zvi5g1gm] {
    color: #17191E;
}

.batch-detail-movement__event[b-d8zvi5g1gm] {
    min-width: 0;
}

.batch-detail-movement__description[b-d8zvi5g1gm] {
    overflow-wrap: anywhere;
}

.batch-detail-movement__date[b-d8zvi5g1gm] {
    font-size: 11px;
    color: #9DA2AA;
}

.batch-detail-movement__toggle[b-d8zvi5g1gm] {
    display: block;
    width: 100%;
    margin: 8px 0;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}
/* _content/GranulaOps/Components/Batch/BatchDetailOverlay.razor.rz.scp.css */
.batch-detail-overlay__full-width-select[b-cw9mdxsabw] {
    width: 100%;
}
/* _content/GranulaOps/Components/Batch/BatchDetailPanel.razor.rz.scp.css */
.batch-detail-panel[b-vlc6gnxvc9] {
    display: flex;
    flex-direction: column;
}

.batch-detail-panel[b-vlc6gnxvc9]  .batch-stock-summary-header {
    margin-top: 10px;
    margin-bottom: 10px;
}

.batch-detail-panel__kv[b-vlc6gnxvc9] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 13.5px;
}
/* _content/GranulaOps/Components/Batch/BatchDetailQuality.razor.rz.scp.css */
.batch-detail-quality--compact[b-0rf0d34rvi] {
    margin-bottom: 12px;
}

.batch-detail-quality__row[b-0rf0d34rvi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin-bottom: 6px;
    font-size: 13px;
    text-align: left;
}

.batch-detail-quality__row:last-child[b-0rf0d34rvi] {
    margin-bottom: 0;
}

.batch-detail-quality__row-main[b-0rf0d34rvi] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
    flex: 1;
}

.batch-detail-quality__row-text[b-0rf0d34rvi] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 8px;
    min-width: 0;
}

.batch-detail-quality__date[b-0rf0d34rvi] {
    font-weight: 600;
    white-space: nowrap;
}

.batch-detail-quality__standard[b-0rf0d34rvi] {
    overflow-wrap: anywhere;
}

.batch-detail-quality__chevron[b-0rf0d34rvi] {
    flex-shrink: 0;
    color: #9DA2AA;
    font-size: 12px;
}
/* _content/GranulaOps/Components/Batch/BatchStockSummaryHeader.razor.rz.scp.css */
.batch-stock-summary-header[b-441nnlj829] {
    display: flex;
    align-items: stretch;
    flex: 1;
    min-width: 0;
    background: #fff;
    overflow: hidden;
}

.batch-stock-summary-header:not(.batch-stock-summary-header--compact)[b-441nnlj829] {
    border: 1px solid var(--granula-surface-border);
    border-radius: 14px;
}

.batch-stock-summary-header__ribbon[b-441nnlj829] {
    width: 5px;
    flex: 0 0 auto;
}

.batch-stock-summary-header__body[b-441nnlj829] {
    flex: 1;
    min-width: 0;
    padding: 12px 14px 11px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "name values"
        "code values"
        "meta bar"
        "warehouse warehouse";
    column-gap: 14px;
    row-gap: 0;
    align-items: start;
}

.batch-stock-summary-header__name[b-441nnlj829] {
    grid-area: name;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
    word-break: break-word;
}

.batch-stock-summary-header__code[b-441nnlj829] {
    grid-area: code;
    margin-top: 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 4px;
    font-size: 12px;
    line-height: 1.25;
    color: var(--granula-muted-text);
    font-weight: 600;
    word-break: break-word;
}

.batch-stock-summary-header__code-separator[b-441nnlj829] {
    color: inherit;
    white-space: pre;
}

.batch-stock-summary-header__code-date[b-441nnlj829] {
    color: inherit;
    white-space: nowrap;
}

.batch-stock-summary-header__meta[b-441nnlj829] {
    grid-area: meta;
    margin-top: 10px;
    min-width: 0;
    align-self: center;
}

.batch-stock-summary-header__aside[b-441nnlj829] {
    display: contents;
}

.batch-stock-summary-header__aside[b-441nnlj829]  .stock-quantity-meter--split {
    display: contents;
}

.batch-stock-summary-header__aside[b-441nnlj829]  .stock-quantity-meter__values {
    grid-area: values;
    align-self: start;
    justify-self: end;
    text-align: right;
    min-width: 76px;
}

.batch-stock-summary-header__aside[b-441nnlj829]  .stock-quantity-meter__bar-slot {
    grid-area: bar;
    align-self: center;
    justify-self: end;
    min-width: 76px;
}

.batch-stock-summary-header__warehouse[b-441nnlj829] {
    grid-area: warehouse;
    margin-top: 8px;
    min-width: 0;
    max-width: 100%;
}

.batch-stock-summary-header__warehouse[b-441nnlj829]  .warehouse-name-tag.ant-tag {
    width: fit-content;
}

.batch-stock-summary-header--wrap-warehouse .batch-stock-summary-header__warehouse[b-441nnlj829]  .warehouse-name-tag.ant-tag {
    width: fit-content;
}

.batch-stock-summary-header--wrap-warehouse .batch-stock-summary-header__warehouse[b-441nnlj829]  .warehouse-name-tag__text {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.batch-stock-summary-header--compact[b-441nnlj829] {
    border: none;
    border-radius: 0;
    background: transparent;
}

.batch-stock-summary-header--compact .batch-stock-summary-header__body[b-441nnlj829] {
    padding: 12px 14px 11px 12px;
    column-gap: 12px;
}

.batch-stock-summary-header--compact .batch-stock-summary-header__name[b-441nnlj829] {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

.batch-stock-summary-header--compact .batch-stock-summary-header__code[b-441nnlj829] {
    margin-top: 1px;
    font-size: 11.5px;
    color: #9DA2AA;
    font-weight: 400;
}

.batch-stock-summary-header--compact .batch-stock-summary-header__meta[b-441nnlj829] {
    margin-top: 9px;
}

.batch-stock-summary-header--compact .batch-stock-summary-header__warehouse[b-441nnlj829] {
    margin-top: 7px;
}
/* _content/GranulaOps/Components/Batch/Stickers/PrintToolbar.razor.rz.scp.css */
.print-toolbar-content[b-9s6pc6hu7s] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
}

.print-toolbar-actions[b-9s6pc6hu7s] {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.print-toolbar-content[b-9s6pc6hu7s]  .ant-statistic-title {
    font-size: 11pt;
    color: #8c8c8c;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.print-toolbar-content[b-9s6pc6hu7s]  .ant-statistic-content {
    font-size: 20pt;
    font-weight: 600;
    line-height: 1.1;
    color: #262626;
}

@media screen and (max-width: 600px) {
    .print-toolbar-content[b-9s6pc6hu7s] {
        gap: 12px;
    }

    .print-toolbar-content[b-9s6pc6hu7s]  .ant-statistic-title {
        font-size: 9pt;
        margin-bottom: 2px;
        letter-spacing: 0;
    }

    .print-toolbar-content[b-9s6pc6hu7s]  .ant-statistic-content {
        font-size: 16pt;
    }
}
/* _content/GranulaOps/Components/Batch/Stickers/StickerView.razor.rz.scp.css */
.sticker[b-lt81y2m85y] {
    cursor: pointer;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
    user-select: none;
}

.sticker:focus-visible[b-lt81y2m85y] {
    outline: 2px solid #1890ff;
    outline-offset: -2px;
}

.sticker:active[b-lt81y2m85y] {
    background-color: #e6f4ff;
}

.sticker-excluded[b-lt81y2m85y] {
    opacity: 0.35;
    background: #f5f5f5;
}

.sticker-batch[b-lt81y2m85y] {
    font-size: 18pt;
    font-weight: 700;
    font-family: 'Courier New', Consolas, monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticker-thing[b-lt81y2m85y] {
    font-size: 10pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticker-serial[b-lt81y2m85y] {
    font-size: 12pt;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticker-code[b-lt81y2m85y] {
    font-size: 12pt;
    font-weight: 600;
    font-family: 'Courier New', Consolas, monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticker-qty[b-lt81y2m85y] {
    font-size: 11pt;
    font-weight: 500;
}

.sticker-barcode[b-lt81y2m85y] {
    font-size: 9pt;
    font-family: 'Courier New', Consolas, monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (hover: hover) {
    .sticker:hover[b-lt81y2m85y] {
        background-color: #fafbff;
        box-shadow: 0 0 0 1px #1890ff inset;
    }
}

@media print {
    .sticker-excluded[b-lt81y2m85y] {
        display: none;
    }

    .sticker[b-lt81y2m85y] {
        cursor: default;
    }

    .sticker:hover[b-lt81y2m85y],
    .sticker:active[b-lt81y2m85y] {
        background-color: #fff;
        box-shadow: none;
    }
}
/* _content/GranulaOps/Components/Batch/StockQuantityMeter.razor.rz.scp.css */
.stock-quantity-meter[b-mktp30cl0k] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 6px;
    min-height: 0;
}

.stock-quantity-meter__values[b-mktp30cl0k] {
    text-align: right;
    line-height: 1.2;
}

.stock-quantity-meter__current[b-mktp30cl0k] {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.4px;
    font-variant-numeric: tabular-nums;
}

.stock-quantity-meter__current--zero[b-mktp30cl0k] {
    color: #9DA2AA;
}

.stock-quantity-meter__unit[b-mktp30cl0k] {
    margin-left: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #9DA2AA;
}

.stock-quantity-meter__original[b-mktp30cl0k] {
    margin-top: 1px;
    font-size: 11px;
    color: #B0B5BD;
    font-variant-numeric: tabular-nums;
}

.stock-quantity-meter[b-mktp30cl0k]  .stock-quantity-meter__bar {
    width: 84px;
    margin: 0;
    line-height: 0;
}

.stock-quantity-meter[b-mktp30cl0k]  .stock-quantity-meter__bar .ant-progress-inner {
    background: var(--ant-color-fill-secondary, #f0f0f0);
    border-radius: 999px;
    overflow: hidden;
}

.stock-quantity-meter[b-mktp30cl0k]  .stock-quantity-meter__bar .ant-progress-bg {
    border-radius: 999px;
}

.stock-quantity-meter--split .stock-quantity-meter__bar-slot[b-mktp30cl0k] {
    line-height: 0;
}

.stock-quantity-meter--compact[b-mktp30cl0k] {
    gap: 5px;
}

.stock-quantity-meter--compact .stock-quantity-meter__current[b-mktp30cl0k] {
    font-size: 17px;
    letter-spacing: -0.3px;
}

.stock-quantity-meter--compact .stock-quantity-meter__unit[b-mktp30cl0k] {
    font-size: 11px;
}

.stock-quantity-meter--compact .stock-quantity-meter__original[b-mktp30cl0k] {
    font-size: 10.5px;
}

.stock-quantity-meter--compact[b-mktp30cl0k]  .stock-quantity-meter__bar {
    width: 72px;
}
/* _content/GranulaOps/Components/Dashboard/DashboardEquipmentLoadListItem.razor.rz.scp.css */
.dashboard-equipment-load-item[b-frr1kp2m6w] {
    padding: 12px 14px;
    background: var(--granula-subtle-surface);
    border: 1px solid var(--granula-surface-border);
    border-radius: 12px;
}

.dashboard-equipment-load-item + .dashboard-equipment-load-item[b-frr1kp2m6w] {
    margin-top: 8px;
}

.dashboard-equipment-load-item__header[b-frr1kp2m6w] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.dashboard-equipment-load-item__icon[b-frr1kp2m6w] {
    flex-shrink: 0;
    font-size: 14px;
    color: #6B4FBB;
}

.dashboard-equipment-load-item__name[b-frr1kp2m6w] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-equipment-load-item__count[b-frr1kp2m6w] {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #6B4FBB;
}

.dashboard-equipment-load-item__bar-track[b-frr1kp2m6w] {
    margin-top: 8px;
    height: 6px;
    border-radius: 999px;
    background: #ECE8F4;
    overflow: hidden;
}

.dashboard-equipment-load-item__bar-fill[b-frr1kp2m6w] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #8B6FD4 0%, #6B4FBB 100%);
    transition: width 0.2s ease;
}

.dashboard-equipment-load-item__caption[b-frr1kp2m6w] {
    margin-top: 6px;
    font-size: 11px;
    color: var(--granula-muted-text);
}
/* _content/GranulaOps/Components/Dashboard/DashboardKpiStrip.razor.rz.scp.css */
.dashboard-kpi-strip[b-ybz05q6wjb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 14px;
}

.dashboard-kpi-strip__tile[b-ybz05q6wjb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 12px 8px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.15s ease;
}

.dashboard-kpi-strip__tile:active[b-ybz05q6wjb] {
    background: var(--granula-active-surface);
}

.dashboard-kpi-strip__value[b-ybz05q6wjb] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    color: #1f2733;
}

.dashboard-kpi-strip__tile--warning .dashboard-kpi-strip__value[b-ybz05q6wjb] {
    color: #E8590C;
}

.dashboard-kpi-strip__label[b-ybz05q6wjb] {
    font-size: 11px;
    line-height: 1.25;
    color: var(--granula-muted-text);
}

@media (min-width: 768px) {
    .dashboard-kpi-strip[b-ybz05q6wjb] {
        max-width: 760px;
        margin: 0 auto 16px;
        gap: 14px;
    }

    .dashboard-kpi-strip__tile[b-ybz05q6wjb] {
        padding: 16px 12px;
    }

    .dashboard-kpi-strip__tile:hover[b-ybz05q6wjb] {
        background: var(--granula-hover-surface);
    }

    .dashboard-kpi-strip__value[b-ybz05q6wjb] {
        font-size: 26px;
    }

    .dashboard-kpi-strip__label[b-ybz05q6wjb] {
        font-size: 12.5px;
    }
}
/* _content/GranulaOps/Components/Dashboard/DashboardPeriodFilters.razor.rz.scp.css */
.dashboard-period-filters[b-1pu8q96ab0] {
    margin-bottom: 14px;
}

.dashboard-period-filters__presets[b-1pu8q96ab0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dashboard-period-filters__preset-row[b-1pu8q96ab0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.dashboard-period-filters__custom-row[b-1pu8q96ab0] {
    width: 100%;
    min-width: 0;
}

.dashboard-period-filters__custom-trigger[b-1pu8q96ab0] {
    width: 100%;
    min-width: 0;
}

.dashboard-period-filters__chip[b-1pu8q96ab0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--granula-surface-border);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #1f2733;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(20, 30, 50, 0.04);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.dashboard-period-filters__chip--preset[b-1pu8q96ab0],
.dashboard-period-filters__chip--custom[b-1pu8q96ab0] {
    width: 100%;
    min-width: 0;
}

.dashboard-period-filters__chip--custom span[b-1pu8q96ab0] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-period-filters__chip:active[b-1pu8q96ab0] {
    background: var(--granula-active-surface);
}

.dashboard-period-filters__chip--active[b-1pu8q96ab0] {
    background: #1f2733;
    border-color: #1f2733;
    color: #fff;
}

.dashboard-period-filters__chip-icon[b-1pu8q96ab0] {
    font-size: 14px;
    flex-shrink: 0;
}

.dashboard-period-filters__popover-body[b-1pu8q96ab0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 260px;
}

.dashboard-period-filters__popover-title[b-1pu8q96ab0] {
    font-size: 14px;
    font-weight: 700;
    color: #1f2733;
    line-height: 1.3;
}

.dashboard-period-filters__popover-fields[b-1pu8q96ab0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dashboard-period-filters__field[b-1pu8q96ab0] {
    min-width: 0;
}

.dashboard-period-filters__label[b-1pu8q96ab0] {
    display: block;
    margin-bottom: 4px;
    color: var(--granula-muted-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
}

.dashboard-period-filters__popover-actions[b-1pu8q96ab0] {
    display: flex;
    justify-content: flex-end;
}

.dashboard-period-filters[b-1pu8q96ab0]  .dashboard-period-filters__picker,
.dashboard-period-filters[b-1pu8q96ab0]  .ant-picker {
    width: 100%;
}

.dashboard-period-filters[b-1pu8q96ab0]  .dashboard-period-filters__apply {
    min-width: 120px;
    border-radius: 999px;
}

@media (max-width: 767px) {
    .dashboard-period-filters__custom-row[b-1pu8q96ab0] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .dashboard-period-filters__custom-trigger[b-1pu8q96ab0],
    .dashboard-period-filters__custom-trigger[b-1pu8q96ab0]  > * {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .dashboard-period-filters__chip[b-1pu8q96ab0] {
        display: flex;
        box-sizing: border-box;
    }

    .dashboard-period-filters__chip--preset[b-1pu8q96ab0],
    .dashboard-period-filters__chip--custom[b-1pu8q96ab0] {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .dashboard-period-filters[b-1pu8q96ab0] {
        margin-bottom: 16px;
    }

    .dashboard-period-filters__presets[b-1pu8q96ab0] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .dashboard-period-filters__preset-row[b-1pu8q96ab0] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .dashboard-period-filters__custom-row[b-1pu8q96ab0] {
        width: auto;
        display: block;
    }

    .dashboard-period-filters__custom-trigger[b-1pu8q96ab0],
    .dashboard-period-filters__custom-trigger[b-1pu8q96ab0]  > * {
        display: inline-block;
        width: auto;
        max-width: none;
    }

    .dashboard-period-filters__chip[b-1pu8q96ab0] {
        display: inline-flex;
    }

    .dashboard-period-filters__chip--preset[b-1pu8q96ab0],
    .dashboard-period-filters__chip--custom[b-1pu8q96ab0] {
        width: auto;
    }

    .dashboard-period-filters__chip:hover[b-1pu8q96ab0] {
        border-color: #1f2733;
    }

    .dashboard-period-filters__chip--active:hover[b-1pu8q96ab0] {
        background: #1f2733;
    }

    .dashboard-period-filters__popover-body[b-1pu8q96ab0] {
        min-width: 300px;
    }

    .dashboard-period-filters[b-1pu8q96ab0]  .dashboard-period-filters__picker,
    .dashboard-period-filters[b-1pu8q96ab0]  .ant-picker {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .dashboard-period-filters__presets[b-1pu8q96ab0] {
        justify-content: flex-start;
    }
}
/* _content/GranulaOps/Components/Dashboard/DashboardQuickActions.razor.rz.scp.css */
@media (max-width: 767px) {
    .dashboard-quick-actions[b-mqo4h7nzde] {
        display: none;
    }
}

.dashboard-quick-actions[b-mqo4h7nzde] {
    margin-bottom: 14px;
}

.dashboard-quick-actions[b-mqo4h7nzde]  .action-tile-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-quick-actions[b-mqo4h7nzde]  .action-tile-grid__tile {
    min-height: 72px;
    border-radius: 14px;
}

.dashboard-quick-actions[b-mqo4h7nzde]  .action-tile-grid__icon {
    font-size: 24px;
}

.dashboard-quick-actions[b-mqo4h7nzde]  .action-tile-grid__tile:not(.action-tile-grid__tile--primary) .action-tile-grid__icon {
    color: #3B6FB6;
}

@media (min-width: 768px) {
    .dashboard-quick-actions[b-mqo4h7nzde] {
        display: flex;
        justify-content: center;
        margin-bottom: 16px;
    }

    .dashboard-quick-actions[b-mqo4h7nzde]  .action-tile-grid {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
        width: 100%;
        max-width: 760px;
        margin: 0 auto;
    }

    .dashboard-quick-actions[b-mqo4h7nzde]  .action-tile-grid__tile {
        min-height: 80px;
    }
}

@media (min-width: 992px) {
    .dashboard-quick-actions[b-mqo4h7nzde] {
        display: block;
    }

    .dashboard-quick-actions[b-mqo4h7nzde]  .action-tile-grid {
        max-width: none;
        margin: 0;
    }
}
/* _content/GranulaOps/Components/Dashboard/DashboardRecentActionsSection.razor.rz.scp.css */
.dashboard-recent-actions__list[b-deebtgwfp6] {
    max-height: 360px;
    overflow-y: auto;
    padding: 2px 4px 2px 0;
}

.dashboard-recent-actions__day + .dashboard-recent-actions__day[b-deebtgwfp6] {
    margin-top: 16px;
}

.dashboard-recent-actions__day[b-deebtgwfp6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dashboard-recent-actions__day-header[b-deebtgwfp6] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--granula-muted-text);
    margin-bottom: 0;
    padding: 0 6px;
}

.dashboard-recent-actions__item[b-deebtgwfp6] {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .dashboard-recent-actions__list[b-deebtgwfp6] {
        max-height: 640px;
    }
}
/* _content/GranulaOps/Components/Dashboard/DashboardSection.razor.rz.scp.css */
.dashboard-section[b-cw32u8z22b] {
    padding: 14px 16px 16px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

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

.dashboard-section__title-row[b-cw32u8z22b] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.dashboard-section__title-block[b-cw32u8z22b] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dashboard-section__icon-wrap[b-cw32u8z22b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    flex-shrink: 0;
    font-size: 16px;
}

.dashboard-section__icon-wrap--blue[b-cw32u8z22b] {
    background: #E8F1FB;
    color: #3B6FB6;
}

.dashboard-section__icon-wrap--orange[b-cw32u8z22b] {
    background: #FFF0E5;
    color: #E8590C;
}

.dashboard-section__icon-wrap--violet[b-cw32u8z22b] {
    background: #F0EBFA;
    color: #6B4FBB;
}

.dashboard-section__title[b-cw32u8z22b] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.2px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-section__stat[b-cw32u8z22b] {
    font-size: 12px;
    font-weight: 600;
    color: var(--granula-muted-text);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-section__nav[b-cw32u8z22b] {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

.dashboard-section__link[b-cw32u8z22b] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding: 0;
    height: auto;
    max-width: 100%;
    line-height: 1.2;
    white-space: nowrap;
}

.dashboard-section__link-text[b-cw32u8z22b] {
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-section__body[b-cw32u8z22b] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 767px) {
    .dashboard-section__scrollable[b-cw32u8z22b] {
        max-height: 360px;
        overflow-y: auto;
        padding-right: 2px;
    }
}

@media (min-width: 1200px) {
    .dashboard-section__scrollable[b-cw32u8z22b] {
        max-height: 420px;
        overflow-y: auto;
        padding-right: 2px;
    }
}

.dashboard-section__state[b-cw32u8z22b] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 0;
    text-align: center;
}

.dashboard-section__state--empty[b-cw32u8z22b] {
    min-height: 160px;
}

@media (min-width: 768px) {
    .dashboard-section__title[b-cw32u8z22b] {
        font-size: 17px;
    }

    .dashboard-section__link-text[b-cw32u8z22b] {
        font-size: 13px;
    }

    .dashboard-section__stat[b-cw32u8z22b] {
        font-size: 13px;
    }
}

@media (max-width: 1199px) {
    .dashboard-section__head[b-cw32u8z22b] {
        gap: 8px;
    }

    .dashboard-section__link-text[b-cw32u8z22b] {
        display: none;
    }

    .dashboard-section__stat[b-cw32u8z22b] {
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* _content/GranulaOps/Components/Dashboard/DashboardStockWarehouseGroup.razor.rz.scp.css */
.dashboard-stock-warehouse[b-x9lh8tohc5] {
    background: var(--granula-subtle-surface);
    border: 1px solid var(--granula-surface-border);
    border-radius: 12px;
    overflow: hidden;
}

.dashboard-stock-warehouse + .dashboard-stock-warehouse[b-x9lh8tohc5] {
    margin-top: 8px;
}

.dashboard-stock-warehouse__header[b-x9lh8tohc5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--granula-surface-border);
    min-width: 0;
}

.dashboard-stock-warehouse__icon[b-x9lh8tohc5] {
    flex-shrink: 0;
    font-size: 14px;
    color: #3B6FB6;
}

.dashboard-stock-warehouse__name[b-x9lh8tohc5] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-stock-warehouse__warning[b-x9lh8tohc5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding: 2px 8px;
    border-radius: 999px;
    background: #FFF0E5;
    color: #E8590C;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.dashboard-stock-warehouse__rows[b-x9lh8tohc5] {
    padding: 4px 14px;
}

.dashboard-stock-warehouse__row[b-x9lh8tohc5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    min-width: 0;
}

.dashboard-stock-warehouse__row + .dashboard-stock-warehouse__row[b-x9lh8tohc5] {
    border-top: 1px solid #F1EEE7;
}

.dashboard-stock-warehouse__type[b-x9lh8tohc5] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    color: #3d434c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-stock-warehouse__quantity[b-x9lh8tohc5] {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #1f2733;
}

.dashboard-stock-warehouse__unit[b-x9lh8tohc5] {
    margin-left: 3px;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--granula-muted-text);
}
/* _content/GranulaOps/Components/Dashboard/LastActionsItem.razor.rz.scp.css */
.last-actions-item[b-7pp5064fiu] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    padding: 15px 16px;
    background: var(--granula-subtle-surface);
    border: 1px solid var(--granula-surface-border);
    border-radius: 14px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.last-actions-item:hover[b-7pp5064fiu] {
    background-color: #fff;
    border-color: var(--ant-color-border, #d9d9d9);
    box-shadow: 0 4px 14px rgba(20, 30, 50, 0.06);
}

.last-actions-item:active[b-7pp5064fiu] {
    background-color: var(--granula-active-surface);
}

.last-actions-item__marker[b-7pp5064fiu] {
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    margin-top: 6px;
    border-radius: 999px;
    background: #E8590C;
    box-shadow: 0 0 0 4px #FFF0E5;
}

.last-actions-item__body[b-7pp5064fiu] {
    flex: 1 1 auto;
    min-width: 0;
}

.last-actions-item__top[b-7pp5064fiu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.last-actions-item__title[b-7pp5064fiu] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
    color: #1f2733;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.last-actions-item__time[b-7pp5064fiu] {
    flex-shrink: 0;
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--granula-hover-surface);
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #3B6FB6;
    line-height: 1.4;
}

.last-actions-item__recipe[b-7pp5064fiu] {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.35;
    color: #3d434c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.last-actions-item__tags[b-7pp5064fiu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 11px;
    min-width: 0;
}

.last-actions-item[b-7pp5064fiu]  .last-actions-item__user {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    margin: 0;
}

.last-actions-item__user-icon[b-7pp5064fiu] {
    font-size: 13px;
    margin-right: 4px;
    color: #8c8c8c;
}

.last-actions-item[b-7pp5064fiu]  .last-actions-item__user span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .last-actions-item[b-7pp5064fiu] {
        padding: 14px;
        gap: 10px;
    }

    .last-actions-item__title[b-7pp5064fiu] {
        font-size: 14px;
    }

    .last-actions-item__recipe[b-7pp5064fiu] {
        font-size: 12.5px;
    }

    .last-actions-item__tags[b-7pp5064fiu] {
        margin-top: 10px;
    }
}
/* _content/GranulaOps/Components/Equipment/EquipmentDetailPanel.razor.rz.scp.css */
.equipment-detail-panel[b-qcoast1m99] {
    display: flex;
    flex-direction: column;
}

.equipment-detail-panel[b-qcoast1m99]  .batch-detail-info__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.equipment-detail-panel[b-qcoast1m99]  .batch-detail-info__item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.equipment-detail-panel[b-qcoast1m99]  .batch-detail-info__label {
    font-size: 11px;
    font-weight: 600;
    color: #9DA2AA;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.equipment-detail-panel[b-qcoast1m99]  .batch-detail-info__value {
    font-size: 13.5px;
    color: #17191E;
    overflow-wrap: anywhere;
}

.equipment-detail-header[b-qcoast1m99] {
    margin-top: 10px;
    background: #fff;
    border: 1px solid var(--granula-surface-border);
    border-radius: 14px;
    overflow: hidden;
}

.equipment-detail-header__body[b-qcoast1m99] {
    padding: 12px 14px 11px;
}

.equipment-detail-header__name[b-qcoast1m99] {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
    word-break: break-word;
}

.equipment-detail-header__meta[b-qcoast1m99] {
    margin-top: 8px;
}

.equipment-detail-header__sub[b-qcoast1m99] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-top: 8px;
}

.equipment-detail-header__sub-row[b-qcoast1m99] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--granula-muted-text);
    min-width: 0;
    max-width: 100%;
}

.equipment-detail-header__sub-icon[b-qcoast1m99] {
    flex-shrink: 0;
    font-size: 14px;
    color: #9DA2AA;
}

.equipment-detail-header__sub-text[b-qcoast1m99] {
    overflow-wrap: anywhere;
    min-width: 0;
}

.equipment-detail-panel__section-action[b-qcoast1m99] {
    flex-shrink: 0;
    padding: 0;
    height: auto;
    font-weight: 600;
}

.equipment-detail-list[b-qcoast1m99] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.equipment-detail-list__date[b-qcoast1m99] {
    font-size: 13px;
    font-weight: 600;
    color: #17191E;
}

.equipment-detail-list__primary[b-qcoast1m99] {
    font-size: 13.5px;
    font-weight: 600;
    color: #17191E;
    overflow-wrap: anywhere;
}

.equipment-detail-list__secondary[b-qcoast1m99] {
    font-size: 12.5px;
    color: var(--granula-muted-text);
    overflow-wrap: anywhere;
}

.equipment-detail-list__footer[b-qcoast1m99] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin-top: 4px;
}

.equipment-detail-list__row .equipment-detail-list__primary + .equipment-detail-list__secondary[b-qcoast1m99],
.equipment-detail-list__row .equipment-detail-list__date + .equipment-detail-list__primary[b-qcoast1m99] {
    margin-top: 4px;
}

.equipment-detail-list__person[b-qcoast1m99] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.equipment-detail-list__person-icon[b-qcoast1m99] {
    flex-shrink: 0;
    font-size: 14px;
    color: #9DA2AA;
}

.equipment-detail-list__tag[b-qcoast1m99] {
    flex-shrink: 0;
}

.equipment-detail-list__toggle[b-qcoast1m99] {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 767px) {
    .equipment-detail-panel[b-qcoast1m99]  .batch-detail-info__grid {
        grid-template-columns: 1fr;
    }
}
/* _content/GranulaOps/Components/Equipment/EquipmentSelectionActionBar.razor.rz.scp.css */
.equipment-selection-bar[b-4ccv7rjvg7] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(var(--mobile-nav-height, 64px) + env(safe-area-inset-bottom));
    z-index: 901;
    background: #fff;
    border-top: 1px solid var(--granula-surface-border);
    box-shadow: 0 -4px 16px rgba(20, 30, 50, 0.08);
    padding: 12px 16px;
}

.equipment-selection-bar__inner[b-4ccv7rjvg7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 100%;
}

.equipment-selection-bar__top[b-4ccv7rjvg7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.equipment-selection-bar__count[b-4ccv7rjvg7] {
    font-size: 14px;
    font-weight: 600;
    color: #1f2933;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.equipment-selection-bar[b-4ccv7rjvg7]  .equipment-selection-bar__clear {
    color: var(--granula-muted-text);
    flex: 0 0 auto;
}

.equipment-selection-bar[b-4ccv7rjvg7]  .equipment-selection-bar__print {
    width: 100%;
}

@media (min-width: 768px) {
    .equipment-selection-bar[b-4ccv7rjvg7] {
        position: static;
        border: 1px solid var(--granula-surface-border);
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(20, 30, 50, 0.04);
        padding: 10px 14px;
        margin-bottom: 12px;
    }

    .equipment-selection-bar__inner[b-4ccv7rjvg7] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .equipment-selection-bar__top[b-4ccv7rjvg7] {
        gap: 8px;
    }

    .equipment-selection-bar[b-4ccv7rjvg7]  .equipment-selection-bar__print {
        width: auto;
    }
}
/* _content/GranulaOps/Components/Equipment/EquipmentStickerSheet.razor.rz.scp.css */
.equipment-print-sheet[b-jkr793y76p] {
    display: none;
}

@media print {
    .equipment-print-sheet[b-jkr793y76p] {
        display: block !important;
    }
}
/* _content/GranulaOps/Components/Equipment/EquipmentStickerView.razor.rz.scp.css */
.equipment-sticker-name[b-5sjyrgzgfr] {
    font-size: 16pt;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.equipment-sticker-type[b-5sjyrgzgfr] {
    font-size: 11pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.equipment-sticker-shop[b-5sjyrgzgfr] {
    font-size: 11pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.equipment-sticker-serial[b-5sjyrgzgfr] {
    font-size: 12pt;
    font-weight: 600;
    font-family: 'Courier New', Consolas, monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/GranulaOps/Components/Equipment/EquipmentUnitListItemCard.razor.rz.scp.css */
.equipment-unit-card__check[b-cu3a5efva5] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.equipment-unit-card[b-cu3a5efva5]  .equipment-unit-card__status {
    margin: 0;
    flex: 0 0 auto;
}
/* _content/GranulaOps/Components/Equipment/EquipmentUnitsDesktopTable.razor.rz.scp.css */
.equipment-units-desktop-table__check-cell[b-b4jyi2q451] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.equipment-units-desktop-table__name-text[b-b4jyi2q451] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.equipment-units-desktop-table__actions[b-b4jyi2q451] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 4px 0;
}

.equipment-units-desktop-table[b-b4jyi2q451]  .ant-table-tbody > tr {
    cursor: pointer;
}
/* _content/GranulaOps/Components/MobileBottomNavigation.razor.rz.scp.css */
@media (min-width: 768px) {
    .mobile-bottom-nav[b-3b870xper4] {
        display: none !important;
    }
}

.mobile-bottom-nav[b-3b870xper4] {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--mobile-nav-height);
    background: var(--ant-color-bg-container, #fff);
    border-top: 1px solid var(--ant-color-border-secondary, #f0f0f0);
    z-index: 900;
    justify-content: space-around;
    align-items: center;
    padding-bottom: env(safe-area-inset-bottom);
}

.mobile-bottom-nav-item[b-3b870xper4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    flex: 1;
    height: 100%;
    cursor: pointer;
    color: var(--ant-color-text-secondary, rgba(0, 0, 0, 0.45));
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.mobile-bottom-nav-item:active[b-3b870xper4] {
    background: var(--ant-color-fill-quaternary, rgba(0, 0, 0, 0.02));
}

.mobile-bottom-nav-item[b-3b870xper4]  .anticon {
    line-height: 1;
}

.mobile-bottom-nav-label[b-3b870xper4] {
    font-size: 11px;
    line-height: 1;
    text-align: center;
    max-width: 100%;
    padding: 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-fullscreen-menu-header[b-3b870xper4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px 12px;
    flex-shrink: 0;
}

.mobile-menu-logo[b-3b870xper4] {
    width: 28px;
    height: 28px;
}

.mobile-menu-app-title[b-3b870xper4] {
    font-size: 16px;
    font-weight: 500;
    color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
}

.mobile-fullscreen-menu-scroll[b-3b870xper4] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 4px 0;
    overscroll-behavior: contain;
}

.mobile-fullscreen-menu-scroll[b-3b870xper4]  .ant-menu {
    flex: 1 0 0;
}

.mobile-fullscreen-menu-scroll[b-3b870xper4]  .ant-menu-root {
    display: flex;
    flex-direction: column;
}

.mobile-fullscreen-menu-scroll[b-3b870xper4]  .ant-menu-root > .mobile-menu-spacer {
    flex: 1 0 16px;
}

.mobile-fullscreen-menu-scroll[b-3b870xper4]  .ant-menu-submenu .ant-menu-item {
    padding-inline-start: 20px;
}

.mobile-fullscreen-menu-scroll[b-3b870xper4]  .ant-menu-inline .ant-menu-item,
.mobile-fullscreen-menu-scroll[b-3b870xper4]  .ant-menu-inline .ant-menu-submenu-title {
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.mobile-fullscreen-menu-scroll[b-3b870xper4]  .ant-menu-inline .ant-menu-item:not(:last-child) {
    margin-bottom: 4px;
}

.mobile-fullscreen-menu-scroll[b-3b870xper4]  .ant-menu-sub.ant-menu-inline {
    background: var(--ant-color-bg-container, #fff);
}

.mobile-fullscreen-menu-footer[b-3b870xper4] {
    background: var(--ant-color-fill-quaternary, rgba(0, 0, 0, 0.04));
    padding-bottom: env(safe-area-inset-bottom);
    flex-shrink: 0;
}
/* _content/GranulaOps/Components/Operations/OperationInputList.razor.rz.scp.css */
.operation-input-list__cards[b-1ho9tohylr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.operation-input-list__qty-inline[b-1ho9tohylr] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.operation-input-list__qty-row[b-1ho9tohylr] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.operation-input-list__qty-input[b-1ho9tohylr] {
    width: 110px;
}

.operation-input-list__qty-input[b-1ho9tohylr]  .ant-input-number-input {
    text-align: center;
}

.operation-input-list__warn[b-1ho9tohylr] {
    font-size: 12px;
    color: #ff4d4f;
    line-height: 1.3;
}

.operation-input-list__available[b-1ho9tohylr] {
    font-size: 12px;
    color: #1677ff;
    line-height: 1.3;
    margin-top: 4px;
}

.edit-thing-btn[b-1ho9tohylr] {
    margin-left: 4px;
}
/* _content/GranulaOps/Components/Operations/OperationListItemCard.razor.rz.scp.css */
.operation-card[b-lk3tpi5c47] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.operation-card__header[b-lk3tpi5c47] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.operation-card__header-top[b-lk3tpi5c47] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.operation-card__equipment[b-lk3tpi5c47] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: calc(100% - 40px);
}

.operation-card__equipment-text[b-lk3tpi5c47] {
    font-size: 16px;
    font-weight: 600;
    color: #1f2933;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.operation-card[b-lk3tpi5c47]  .operation-card__menu-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    color: var(--granula-muted-text);
}

.operation-card[b-lk3tpi5c47]  .operation-card__menu-trigger:hover {
    background: var(--granula-hover-surface);
    color: #1677ff;
}

.operation-card__sections[b-lk3tpi5c47] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid var(--granula-surface-border);
    padding-top: 10px;
}

.operation-card__section[b-lk3tpi5c47] {
    min-width: 0;
}

.operation-card__section-title[b-lk3tpi5c47] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8c8c8c;
    margin: 0 0 5px;
}

.operation-card[b-lk3tpi5c47]  .operation-card__section-icon {
    font-size: 13px;
    flex: 0 0 auto;
}

.operation-card[b-lk3tpi5c47]  .operation-card__section-icon--input {
    color: #1677ff;
}

.operation-card[b-lk3tpi5c47]  .operation-card__section-icon--output {
    color: #f5222d;
}

.operation-card__panel[b-lk3tpi5c47] {
    border: 1px solid var(--granula-surface-border);
    background: var(--granula-subtle-surface);
    border-radius: 10px;
    padding: 10px 12px;
    min-width: 0;
}

.operation-card__recipe[b-lk3tpi5c47] {
    font-size: 13.5px;
    line-height: 1.4;
    color: #1f2933;
    word-break: break-word;
}

.operation-card__items[b-lk3tpi5c47] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.operation-card__item[b-lk3tpi5c47] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.operation-card__item-name[b-lk3tpi5c47] {
    font-size: 13.5px;
    line-height: 1.3;
    color: #1f2933;
    word-break: break-word;
}

.operation-card__item-qty[b-lk3tpi5c47] {
    font-size: 12.5px;
    line-height: 1.3;
    color: var(--granula-muted-text);
}

.operation-card__footer[b-lk3tpi5c47] {
    border-top: 1px solid var(--granula-surface-border);
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.operation-card__footer-user[b-lk3tpi5c47] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
}

.operation-card__footer-title[b-lk3tpi5c47] {
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8c8c8c;
}

.operation-card__user[b-lk3tpi5c47] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
}

.operation-card__user-icon[b-lk3tpi5c47] {
    font-size: 13px;
    margin-right: 4px;
    color: #8c8c8c;
}

.operation-card__user span[b-lk3tpi5c47] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/GranulaOps/Components/Operations/OperationNew/EquipmentStep.razor.rz.scp.css */
.operation-step-fields[b-x1ru7xoi4w] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    align-items: flex-end;
    margin-bottom: 12px;
}

.operation-step-fields__field[b-x1ru7xoi4w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1 1 220px;
    max-width: 320px;
}

.operation-step-fields__field--full[b-x1ru7xoi4w] {
    flex: 1 1 100%;
    max-width: 100%;
}

.operation-step-fields__label[b-x1ru7xoi4w] {
    font-size: 12px;
    color: var(--granula-muted-text);
    line-height: 1.2;
}

.operation-step-fields__req[b-x1ru7xoi4w] {
    color: #ff4d4f;
}

.operation-step-fields[b-x1ru7xoi4w]  .operation-step-fields__control {
    width: 100%;
}

[b-x1ru7xoi4w] .add-notes-btn {
    color: #1890ff;
    padding: 0;
}

.hide-notes-icon[b-x1ru7xoi4w] {
    color: #bbb;
    cursor: pointer;
    font-size: 14px;
}

.hide-notes-icon:hover[b-x1ru7xoi4w] {
    color: #ff4d4f;
}

@media (max-width: 767px) {
    .operation-step-fields[b-x1ru7xoi4w] {
        gap: 16px;
    }

    .operation-step-fields__field[b-x1ru7xoi4w] {
        flex-basis: 100%;
        max-width: 100%;
    }
}
/* _content/GranulaOps/Components/Operations/OperationNew/InputsAddModal.razor.rz.scp.css */
.inputs-add-modal__filters[b-mxcvaizjx8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    align-items: flex-end;
    margin-bottom: 16px;
}

.inputs-add-modal__field[b-mxcvaizjx8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1 1 220px;
    max-width: 280px;
}

.inputs-add-modal__label[b-mxcvaizjx8] {
    font-size: 12px;
    color: var(--granula-muted-text);
    line-height: 1.2;
}

.inputs-add-modal__req[b-mxcvaizjx8] {
    color: #ff4d4f;
}

.inputs-add-modal__filters[b-mxcvaizjx8]  .inputs-add-modal__control {
    width: 100%;
}

.inputs-add-modal__added-divider[b-mxcvaizjx8] {
    margin-top: 8px;
}

@media (max-width: 767px) {
    .inputs-add-modal__field[b-mxcvaizjx8] {
        flex-basis: 100%;
        max-width: 100%;
    }
}
/* _content/GranulaOps/Components/Operations/OperationNew/InputsStep.razor.rz.scp.css */
.operation-input-add[b-q1j3h6s7gk] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 16px;
}

.operation-plan-input-snapshot[b-q1j3h6s7gk] {
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid var(--granula-surface-border);
    border-left: 4px solid var(--granula-info);
    border-radius: 8px;
    background: var(--granula-subtle-surface);
}

.operation-plan-input-snapshot__title[b-q1j3h6s7gk] {
    margin-bottom: 8px;
    color: var(--granula-text, #1f2933);
    font-size: 13px;
    font-weight: 600;
}

.operation-plan-input-snapshot__items[b-q1j3h6s7gk] {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.operation-plan-input-snapshot__item[b-q1j3h6s7gk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
}

.operation-plan-input-snapshot__thing[b-q1j3h6s7gk] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.operation-plan-input-snapshot__quantity[b-q1j3h6s7gk] {
    color: var(--granula-info-strong, #096dd9);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.operation-plan-input-snapshot__note[b-q1j3h6s7gk] {
    margin: 8px 0 0;
    color: var(--granula-muted-text);
    font-size: 12px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .operation-input-add[b-q1j3h6s7gk] {
        display: block;
    }

    .operation-input-add[b-q1j3h6s7gk]  .operation-input-add__btn {
        width: 100%;
    }
}
/* _content/GranulaOps/Components/Operations/OperationNew/InputStockPicker.razor.rz.scp.css */
.input-stock-picker__table[b-yu92c9xk7c] {
    width: 100%;
}

.input-stock-picker__cards[b-yu92c9xk7c] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
}

.input-stock-picker__use-btn[b-yu92c9xk7c] {
    flex-shrink: 0;
}

.input-stock-picker[b-yu92c9xk7c]  .input-stock-picker__pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 16px;
}
/* _content/GranulaOps/Components/Operations/OperationNew/OutputsStep.razor.rz.scp.css */
.operation-output-actions[b-vbscw0y91a] {
    margin-bottom: 16px;
}

.operation-output-actions-mobile[b-vbscw0y91a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.operation-output-actions-mobile[b-vbscw0y91a]  .ant-btn {
    width: 100%;
}
/* _content/GranulaOps/Components/Operations/OperationNew/QuantityPromptModal.razor.rz.scp.css */
.qty-prompt-modal__card[b-4tlg8b2hn3] {
    margin-bottom: 16px;
}

.qty-prompt-modal__available[b-4tlg8b2hn3] {
    font-size: 13px;
    color: #1677ff;
    line-height: 1.3;
}

.qty-prompt-modal__field-label[b-4tlg8b2hn3] {
    font-size: 13px;
    color: var(--granula-muted-text);
    margin-bottom: 8px;
}

.qty-prompt-modal__stepper[b-4tlg8b2hn3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.qty-prompt-modal__input[b-4tlg8b2hn3] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.qty-prompt-modal__input[b-4tlg8b2hn3]  .ant-input-number {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.qty-prompt-modal__input[b-4tlg8b2hn3]  .ant-input-number-input {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.qty-prompt-modal__input[b-4tlg8b2hn3]  .ant-input-number-handler-wrap {
    display: none;
}

.qty-prompt-modal__step-btn[b-4tlg8b2hn3] {
    flex-shrink: 0;
}

.qty-prompt-modal__warn[b-4tlg8b2hn3] {
    margin-top: 10px;
    font-size: 12px;
    color: #ff4d4f;
    line-height: 1.3;
}

@media (max-width: 767px) {
    .qty-prompt-modal__stepper[b-4tlg8b2hn3] {
        gap: 12px;
    }
}
/* _content/GranulaOps/Components/Operations/OperationNew/RecipeIoAlert.razor.rz.scp.css */
.recipe-io-note[b-7vzgnmkkkg] {
    margin-bottom: 8px;
}

.recipe-io-chips[b-7vzgnmkkkg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.recipe-io-chip[b-7vzgnmkkkg] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 2px 10px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #d6e4ff;
    font-size: 12px;
    line-height: 1.5;
}

.recipe-io-chip__name[b-7vzgnmkkkg] {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
}

.recipe-io-chip__value[b-7vzgnmkkkg] {
    color: #1890ff;
    font-variant-numeric: tabular-nums;
}
/* _content/GranulaOps/Components/Operations/OperationNew/RecipeStep.razor.rz.scp.css */
/* === Command buttons (choice view) === */
.recipe-command[b-5u11iyy8tt] {
    display: grid;
    gap: 12px;
    margin-bottom: 4px;
}

.recipe-command__btn[b-5u11iyy8tt] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 64px;
    padding: 12px 18px;
    border-radius: 14px;
    border: 1px solid transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: box-shadow 0.2s, transform 0.05s, border-color 0.2s, background-color 0.2s;
}

.recipe-command__btn:active[b-5u11iyy8tt] {
    transform: scale(0.995);
}

.recipe-command__btn--primary[b-5u11iyy8tt] {
    background: #1677ff;
    color: #fff;
    box-shadow: 0 6px 16px rgba(22, 119, 255, 0.25);
}

.recipe-command__btn--primary:hover[b-5u11iyy8tt] {
    box-shadow: 0 8px 22px rgba(22, 119, 255, 0.32);
}

.recipe-command__btn--outline[b-5u11iyy8tt] {
    background: #fff;
    border-color: #d4dbe4;
    color: #1f2933;
}

.recipe-command__btn--outline:hover[b-5u11iyy8tt] {
    border-color: #91caff;
    background: #fafcff;
}

.recipe-command__btn:focus-visible[b-5u11iyy8tt] {
    outline: 3px solid #69b1ff;
    outline-offset: 2px;
}

.recipe-command[b-5u11iyy8tt]  .recipe-command__icon {
    flex: none;
    font-size: 24px;
    line-height: 1;
}

.recipe-command__text[b-5u11iyy8tt] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.recipe-command__main[b-5u11iyy8tt] {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
}

.recipe-command__sub[b-5u11iyy8tt] {
    font-size: 12px;
    opacity: 0.82;
    line-height: 1.3;
}

.recipe-command[b-5u11iyy8tt]  .recipe-command__chev {
    flex: none;
    font-size: 20px;
    opacity: 0.85;
}

/* === Filter select === */
.recipe-step[b-5u11iyy8tt]  .recipe-step__equipment-select {
    width: 100%;
}

.recipe-step__empty[b-5u11iyy8tt] {
    margin-top: 16px;
}

@media (max-width: 575px) {
    .recipe-command__btn[b-5u11iyy8tt] {
        min-height: 60px;
        padding: 12px 14px;
        gap: 12px;
    }

    .recipe-command[b-5u11iyy8tt]  .recipe-command__icon {
        font-size: 22px;
    }

    .recipe-command__main[b-5u11iyy8tt] {
        font-size: 14px;
    }
}
/* _content/GranulaOps/Components/Operations/OperationNew/StepNavigation.razor.rz.scp.css */
.step-nav-bar[b-fwjj1vafnq] {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.step-nav-bar__side[b-fwjj1vafnq] {
    flex: 0 0 auto;
    display: flex;
}

.step-nav-bar__side--end[b-fwjj1vafnq] {
    justify-content: flex-end;
}

.step-nav-bar__btn[b-fwjj1vafnq] {
    min-height: 40px;
}

.step-nav-bar__btn--primary[b-fwjj1vafnq] {
    min-width: 120px;
}

@media (max-width: 767px) {
    .step-nav-bar[b-fwjj1vafnq] {
        margin-top: 16px;
    }

    .step-nav-bar__btn[b-fwjj1vafnq] {
        flex: 1;
        min-height: 44px;
    }

    .step-nav-bar__btn--primary[b-fwjj1vafnq],
    .step-nav-bar__btn--submit[b-fwjj1vafnq] {
        flex: 1;
        min-width: 0;
        width: 100%;
    }
}
/* _content/GranulaOps/Components/Operations/OperationNew/WeightConfirmationModal.razor.rz.scp.css */
.weight-confirmation-modal__text[b-x7dob2ukpj] {
    margin: 16px 0 0;
    color: rgba(0, 0, 0, 0.65);
}

.weight-confirmation-modal__footer[b-x7dob2ukpj] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.weight-confirmation-modal[b-x7dob2ukpj]  .ant-alert-message {
    overflow-wrap: anywhere;
}

@media (max-width: 575px) {
    .weight-confirmation-modal__footer[b-x7dob2ukpj] {
        flex-direction: column;
        align-items: stretch;
    }

    .weight-confirmation-modal__footer[b-x7dob2ukpj]  .ant-btn {
        width: 100%;
        margin: 0;
        margin-inline-start: 0 !important;
    }

    .weight-confirmation-modal__text[b-x7dob2ukpj] {
        margin-top: 12px;
    }
}
/* _content/GranulaOps/Components/Operations/OperationsListDesktopTable.razor.rz.scp.css */
.operations-desktop-table__summary[b-9kcbiclzib] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.operations-desktop-table__composite[b-9kcbiclzib] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 220px;
}

.operations-desktop-table__part[b-9kcbiclzib] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.operations-desktop-table__part-label[b-9kcbiclzib] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8c8c8c;
}

.operations-desktop-table__composite[b-9kcbiclzib]  .operations-desktop-table__part-icon {
    font-size: 12px;
    flex: 0 0 auto;
}

.operations-desktop-table__composite[b-9kcbiclzib]  .operations-desktop-table__part-icon--input {
    color: #1677ff;
}

.operations-desktop-table__composite[b-9kcbiclzib]  .operations-desktop-table__part-icon--output {
    color: #f5222d;
}

.operations-desktop-table__actions[b-9kcbiclzib] {
    display: flex;
    align-items: center;
    gap: 4px;
}
/* _content/GranulaOps/Components/Operations/OperationsListFilters.razor.rz.scp.css */
.operations-filters[b-ahe8cur0vs] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: flex-end;
    margin-bottom: 0;
}

.operations-filters__date-row[b-ahe8cur0vs] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    flex: 0 0 auto;
    min-width: 0;
}

.operations-filters__field[b-ahe8cur0vs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.operations-filters__field--date[b-ahe8cur0vs] {
    flex: 0 0 150px;
    min-width: 130px;
}

.operations-filters__field:not(.operations-filters__field--date)[b-ahe8cur0vs] {
    flex: 1 1 180px;
    max-width: 260px;
}

.operations-filters__label[b-ahe8cur0vs] {
    font-size: 12px;
    color: var(--granula-muted-text);
    line-height: 1.2;
}

.operations-filters[b-ahe8cur0vs]  .operations-filters__control {
    width: 100%;
}

@media (max-width: 767px) {
    .operations-filters__date-row[b-ahe8cur0vs] {
        flex: 1 1 100%;
    }

    .operations-filters__field--date[b-ahe8cur0vs] {
        flex: 1 1 0;
        min-width: 0;
    }

    .operations-filters__field:not(.operations-filters__field--date)[b-ahe8cur0vs] {
        flex-basis: 100%;
        max-width: 100%;
    }

    .operations-filters__field:not(.operations-filters__field--date) .operations-filters__label[b-ahe8cur0vs] {
        display: none;
    }
}
/* _content/GranulaOps/Components/Operations/OutputItemsList.razor.rz.scp.css */
.qty-inline-row[b-gvhwsfh75s] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

[b-gvhwsfh75s] .edit-thing-btn {
    color: #8c8c8c;
}

.output-thing-select-wrapper[b-gvhwsfh75s] {
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-gvhwsfh75s] .output-thing-select,
[b-gvhwsfh75s] .output-warehouse-select {
    min-width: 0;
}

[b-gvhwsfh75s] .output-standard-select {
    width: 150px;
}

.output-items-mobile[b-gvhwsfh75s] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.output-item-card[b-gvhwsfh75s] {
    position: relative;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    padding: 12px 16px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.2s;
}

.output-item-card__accent[b-gvhwsfh75s] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background: #ffa39e;
    border-radius: 12px 0 0 12px;
}

.output-item-card__header[b-gvhwsfh75s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.output-item-card__name[b-gvhwsfh75s] {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.88);
    word-break: break-word;
    min-width: 0;
}

.output-item-card__header[b-gvhwsfh75s]  .ant-btn {
    min-width: 36px;
    min-height: 36px;
}

.output-item-card__field[b-gvhwsfh75s] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.output-item-card__label[b-gvhwsfh75s] {
    color: #8c8c8c;
    font-size: 12px;
    font-weight: 500;
}

.output-item-card__control-row[b-gvhwsfh75s] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.output-item-card__control-row[b-gvhwsfh75s]  .ant-btn {
    min-width: 36px;
    min-height: 36px;
}

.output-item-card__qty-row[b-gvhwsfh75s] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

[b-gvhwsfh75s] .output-item-card__qty-input {
    flex: 1 1 auto;
    min-width: 80px;
}

[b-gvhwsfh75s] .output-item-card__select {
    width: 100%;
    min-width: 0;
}
/* _content/GranulaOps/Components/Operations/QtySuffix.razor.rz.scp.css */
.qty-unit[b-xr7j9881qe] {
    color: #8c8c8c;
    font-size: 14px;
    white-space: nowrap;
    flex-shrink: 0;
}

.weight-separator[b-xr7j9881qe] {
    margin: 0 4px;
    color: #d9d9d9;
    flex-shrink: 0;
}

.weight-display[b-xr7j9881qe] {
    color: #8c8c8c;
    font-size: 14px;
    white-space: nowrap;
    flex-shrink: 0;
}
/* _content/GranulaOps/Components/Operations/RecipeDetailsModal.razor.rz.scp.css */
.recipe-modal-header[b-jz7khrpmxx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.recipe-modal-name[b-jz7khrpmxx] {
    font-size: 16px;
    font-weight: 600;
}

.equipment-type-line[b-jz7khrpmxx] {
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 12px;
}

.equipment-type-label[b-jz7khrpmxx] {
    font-weight: 500;
}

.recipe-description[b-jz7khrpmxx] {
    margin-bottom: 16px;
}

[b-jz7khrpmxx] .section-divider {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.65);
    margin: 12px 0;
}
/* _content/GranulaOps/Components/Operations/RecipeSelectList.razor.rz.scp.css */
.recipe-list[b-lqz5lmmbkq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.recipe-list-empty[b-lqz5lmmbkq] {
    margin-top: 16px;
}

.recipe-item[b-lqz5lmmbkq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
    min-height: 56px;
}

.recipe-item:hover[b-lqz5lmmbkq] {
    border-color: #91caff;
    background: #fafcff;
    box-shadow: 0 2px 10px rgba(20, 30, 50, 0.08);
}

.recipe-item:focus-visible[b-lqz5lmmbkq] {
    outline: 3px solid #1677ff;
    outline-offset: -2px;
}

.recipe-item--selected[b-lqz5lmmbkq] {
    border-color: #91caff;
    background: var(--ant-color-primary-bg, #e6f4ff);
}

.recipe-item--selected:hover[b-lqz5lmmbkq] {
    border-color: #69b1ff;
    background: var(--ant-color-primary-bg-hover, #bae0ff);
}

.recipe-item-indicator[b-lqz5lmmbkq] {
    flex: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #d9d9d9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    background: transparent;
    transition: all 0.2s;
    font-size: 12px;
}

.recipe-item--selected .recipe-item-indicator[b-lqz5lmmbkq] {
    border-color: #1677ff;
    background: #1677ff;
    color: #fff;
}

.recipe-item-content[b-lqz5lmmbkq] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.recipe-item-name[b-lqz5lmmbkq] {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1f2933;
}

.recipe-item--selected .recipe-item-name[b-lqz5lmmbkq] {
    color: #096dd9;
}

.recipe-item-meta[b-lqz5lmmbkq] {
    font-size: 12px;
    color: #8c8c8c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
}

.recipe-item-actions[b-lqz5lmmbkq] {
    flex: none;
    display: flex;
    align-items: center;
}

.recipe-item-actions[b-lqz5lmmbkq]  .ant-btn {
    min-width: 36px;
    min-height: 36px;
}

.recipe-item-actions[b-lqz5lmmbkq]  .ant-btn-sm {
    font-size: 15px;
}

@media (max-width: 575px) {
    .recipe-item[b-lqz5lmmbkq] {
        gap: 8px;
        padding: 12px 14px;
        min-height: 52px;
    }

    .recipe-item-name[b-lqz5lmmbkq] {
        font-size: 14px;
    }

    .recipe-item-details-text[b-lqz5lmmbkq] {
        display: none;
    }

    .recipe-item-actions[b-lqz5lmmbkq]  .ant-btn {
        min-width: 40px;
        min-height: 40px;
        padding: 0;
    }
}
/* _content/GranulaOps/Components/Operations/WeightComparison.razor.rz.scp.css */
.weight-comparison[b-dpv8k0msg7]  .ant-card {
    border-radius: 8px;
    overflow: hidden;
}

.weight-comparison[b-dpv8k0msg7]  .ant-card-body {
    padding: 16px;
}

.weight-comparison-equation[b-dpv8k0msg7] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 16px;
    align-items: center;
}

.weight-comparison-input[b-dpv8k0msg7] {
    text-align: left;
}

.weight-comparison-output[b-dpv8k0msg7] {
    text-align: right;
}

.weight-comparison-stat-title[b-dpv8k0msg7] {
    margin-bottom: 4px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.weight-comparison-stat-value[b-dpv8k0msg7] {
    color: rgba(0, 0, 0, 0.85);
    font-size: 24px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.weight-comparison-stat-suffix[b-dpv8k0msg7] {
    margin-left: 4px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 16px;
}

.weight-comparison-center[b-dpv8k0msg7] {
    text-align: center;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.weight-comparison-sign[b-dpv8k0msg7] {
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
}

.weight-comparison-sign--ok[b-dpv8k0msg7] {
    color: #3f8600;
}

.weight-comparison-sign--warning[b-dpv8k0msg7] {
    color: #d48806;
}

.weight-comparison-sign--error[b-dpv8k0msg7] {
    color: #cf1322;
}

.weight-comparison-delta[b-dpv8k0msg7] {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.55);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.weight-comparison-divider[b-dpv8k0msg7] {
    margin: 16px 0 12px 0;
}

@media (max-width: 575px) {
    .weight-comparison[b-dpv8k0msg7] {
        margin-top: 16px;
    }

    .weight-comparison-equation[b-dpv8k0msg7] {
        grid-template-columns: 1fr auto 1fr;
        gap: 6px;
    }

    .weight-comparison-input[b-dpv8k0msg7],
    .weight-comparison-output[b-dpv8k0msg7] {
        text-align: center;
        min-width: 0;
    }

    .weight-comparison-stat-title[b-dpv8k0msg7] {
        font-size: 11px;
        margin-bottom: 2px;
    }

    .weight-comparison-stat-value[b-dpv8k0msg7] {
        font-size: 16px;
        line-height: 1.1;
    }

    .weight-comparison-stat-suffix[b-dpv8k0msg7] {
        font-size: 11px;
        margin-left: 2px;
    }

    .weight-comparison-center[b-dpv8k0msg7] {
        gap: 2px;
    }

    .weight-comparison-sign[b-dpv8k0msg7] {
        font-size: 20px;
    }

    .weight-comparison-delta[b-dpv8k0msg7] {
        font-size: 10px;
    }

    .weight-comparison-divider[b-dpv8k0msg7] {
        margin: 12px 0 10px 0;
    }
}

@media (max-width: 380px) {
    .weight-comparison-stat-title[b-dpv8k0msg7] {
        display: none;
    }
}
/* _content/GranulaOps/Components/Orders/OrderNoPricesBanner.razor.rz.scp.css */
.order-editor-no-prices[b-12jwk6hkni] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    min-width: 0;
    padding: 28px;
    border: 1px solid #cfe1fb;
    border-radius: 16px;
    background: linear-gradient(135deg, #f0f6ff 0%, #fafcff 100%);
    overflow-wrap: anywhere;
}

.order-editor-no-prices__icon[b-12jwk6hkni] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border: 1px solid #cfe1fb;
    border-radius: 16px;
    background: #fff;
    color: var(--granula-info, #1677ff);
    font-size: 26px;
}

.order-editor-no-prices__content[b-12jwk6hkni] {
    min-width: 0;
}

.order-editor-no-prices h3[b-12jwk6hkni] {
    margin: 0 0 10px;
    color: #18365b;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    text-wrap: balance;
}

.order-editor-no-prices p[b-12jwk6hkni] {
    margin: 0;
    color: #465b73;
    line-height: 1.6;
    text-wrap: pretty;
}

.order-editor-no-prices p + p[b-12jwk6hkni] {
    margin-top: 8px;
}

.order-editor-no-prices__action[b-12jwk6hkni] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    max-width: 100%;
    min-height: 48px;
    margin-top: 22px;
    padding: 12px 18px;
    border-radius: 10px;
    background: #1668dc;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    box-shadow: 0 4px 10px rgb(22 104 220 / 16%);
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgb(22 104 220 / 18%);
}

.order-editor-no-prices__action:hover[b-12jwk6hkni] {
    background: #1256b8;
    color: #fff;
    text-decoration: none;
}

.order-editor-no-prices__action:active[b-12jwk6hkni] {
    background: #104b9e;
    color: #fff;
}

.order-editor-no-prices__action:focus-visible[b-12jwk6hkni] {
    outline: 3px solid var(--granula-focus, #1677ff);
    outline-offset: 4px;
}

.order-editor-no-prices__action > span:first-child[b-12jwk6hkni] {
    min-width: 0;
}

.order-editor-no-prices__arrow[b-12jwk6hkni] {
    flex: 0 0 auto;
}

@media (max-width: 767px) {
    .order-editor-no-prices[b-12jwk6hkni] {
        flex-direction: column;
        gap: 16px;
        padding: 22px 18px;
    }

    .order-editor-no-prices__icon[b-12jwk6hkni] {
        flex-basis: auto;
        width: 48px;
        height: 48px;
        border-radius: 14px;
        font-size: 24px;
    }

    .order-editor-no-prices__content[b-12jwk6hkni],
    .order-editor-no-prices__action[b-12jwk6hkni] {
        width: 100%;
    }

    .order-editor-no-prices h3[b-12jwk6hkni] {
        font-size: 18px;
    }
}
/* _content/GranulaOps/Components/Orders/ThingPriceModal.razor.rz.scp.css */
.thing-price-modal-hint[b-q1bfd6ss5d] {
    margin-bottom: 16px;
    color: #8c8c8c;
    font-size: 13px;
    line-height: 1.45;
}

.thing-price-modal-unit[b-q1bfd6ss5d] {
    margin-top: 4px;
    color: #8c8c8c;
    font-size: 13px;
}

.thing-price-modal-warning[b-q1bfd6ss5d] {
    margin-left: 8px;
    color: #d46b08;
}

.thing-price-modal-input[b-q1bfd6ss5d] {
    width: 100%;
}

.thing-price-modal-rate[b-q1bfd6ss5d] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: -4px 0 16px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #f5f5f5;
    color: #595959;
}

.thing-price-modal-vat[b-q1bfd6ss5d] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: -4px 0 16px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #f5f5f5;
    color: #595959;
}

.thing-price-modal-actions[b-q1bfd6ss5d] {
    display: flex;
    gap: 12px;
    padding: 16px 0 0;
}
/* _content/GranulaOps/Components/ProductionPlans/ProductionPlanDetailPanel.razor.rz.scp.css */
.production-plan-detail-panel[b-j36llbvl6l] {
    display: flex;
    flex-direction: column;
}

/* === Hero (шапка плана) === */
.production-plan-detail-mobile-actions[b-j36llbvl6l] {
    display: none;
}

.production-plan-detail-hero[b-j36llbvl6l] {
    padding: 0;
}

.production-plan-detail-hero__body[b-j36llbvl6l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    min-width: 0;
}

.production-plan-detail-hero__header[b-j36llbvl6l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.production-plan-detail-hero__actions[b-j36llbvl6l]  .production-plan-detail-hero__edit {
    min-height: 36px;
}

.production-plan-detail-hero__name[b-j36llbvl6l] {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
    word-break: break-word;
    min-width: 0;
}

/* === Секции === */
.production-plan-detail-section__text[b-j36llbvl6l] {
    font-size: 13.5px;
    color: #17191e;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    line-height: 1.45;
}

/* === Список задач === */
.production-plan-detail-tasks[b-j36llbvl6l] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.production-plan-detail-task[b-j36llbvl6l] {
    --task-icon-column-width: 28px;
    display: grid;
    grid-template-areas:
        "header"
        "body"
        "chains";
    gap: 8px;
    padding: 12px 14px;
    background: var(--granula-subtle-surface);
    border: 1px solid var(--granula-surface-border);
    border-radius: 12px;
    scroll-margin-top: 16px;
}

.production-plan-detail-task__header[b-j36llbvl6l] {
    grid-area: header;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    cursor: pointer;
}

.production-plan-detail-task__header:focus-visible[b-j36llbvl6l] {
    outline: 2px solid var(--granula-focus);
    outline-offset: 2px;
    border-radius: 4px;
}

.production-plan-detail-task__number[b-j36llbvl6l] {
    flex: 0 0 var(--task-icon-column-width);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: var(--granula-info);
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.production-plan-detail-task__title[b-j36llbvl6l] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 15px;
    font-weight: 600;
    color: #17191e;
    overflow-wrap: anywhere;
    line-height: 1.3;
}

.production-plan-detail-task__chevron[b-j36llbvl6l] {
    flex: 0 0 auto;
    font-size: 14px;
    color: #9da2aa;
}

.production-plan-detail-task__body[b-j36llbvl6l] {
    grid-area: body;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.production-plan-detail-task__key-info[b-j36llbvl6l] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.production-plan-detail-task__key-info-item[b-j36llbvl6l] {
    display: grid;
    grid-template-columns: var(--task-icon-column-width) minmax(0, 1fr);
    align-items: center;
    column-gap: 10px;
    min-width: 0;
    min-height: 22px;
}

.production-plan-detail-task__key-info-item--due[b-j36llbvl6l] {
    font-variant-numeric: tabular-nums;
}

.production-plan-detail-task__key-info-value[b-j36llbvl6l] {
    min-width: 0;
    font-size: 13px;
    font-weight: 400;
    color: #1f2933;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.production-plan-detail-task__key-info-icon[b-j36llbvl6l] {
    font-size: 11px;
    line-height: 1;
}

.production-plan-detail-task__key-info-icon-wrap[b-j36llbvl6l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 20px;
    color: var(--granula-info);
}

.production-plan-detail-task__notes[b-j36llbvl6l] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 8px 10px;
    background: #fff8e6;
    border: 1px solid #f5e9c3;
    border-radius: 8px;
    font-size: 12.5px;
    color: #6a5d2a;
    overflow-wrap: anywhere;
}

.production-plan-detail-task__notes-icon[b-j36llbvl6l] {
    flex-shrink: 0;
    font-size: 14px;
    color: #c8a44d;
    margin-top: 1px;
}

/* === Цепочки === */
.production-plan-detail-task__chains[b-j36llbvl6l] {
    grid-area: chains;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.production-plan-detail-chain[b-j36llbvl6l] {
    padding: 10px 12px 0px;
    background: var(--ant-color-bg-container, #fff);
    border: 1px solid var(--granula-surface-border);
    border-radius: 10px;
}

.production-plan-detail-chain__header[b-j36llbvl6l] {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 24px;
    margin-bottom: 16px;
    min-height: 20px;
}

.production-plan-detail-chain__icon[b-j36llbvl6l] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--granula-info);
    flex-shrink: 0;
}

.production-plan-detail-chain__title[b-j36llbvl6l] {
    font-size: 13px;
    font-weight: 600;
    color: #1f2933;
    overflow-wrap: anywhere;
}

.production-plan-detail-chain__notes[b-j36llbvl6l] {
    margin: 0 0 6px 26px;
    font-size: 12.5px;
    color: var(--granula-muted-text);
    overflow-wrap: anywhere;
}

/* === Шаги внутри цепочки (Timeline) === */
.production-plan-detail-chain[b-j36llbvl6l]  .ant-timeline-item {
    padding-bottom: 12px;
}

.production-plan-detail-step[b-j36llbvl6l] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.production-plan-detail-step--highlighted[b-j36llbvl6l] {
    animation: production-plan-step-highlight-b-j36llbvl6l 2.8s ease-out;
    border-radius: 8px;
    padding: 6px 8px;
    margin: -6px -8px;
}

@keyframes production-plan-step-highlight-b-j36llbvl6l {
    0%, 65% { background: rgba(250, 173, 20, 0.24); }
    100% { background: transparent; }
}

.production-plan-detail-step__head[b-j36llbvl6l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 10px;
    margin-bottom: 2px;
}

.production-plan-detail-step__title[b-j36llbvl6l] {
    font-size: 13.5px;
    font-weight: 600;
    color: #17191e;
    overflow-wrap: anywhere;
    min-width: 0;
}

.production-plan-detail-step__planned[b-j36llbvl6l] {
    margin: 0;
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
}

.production-plan-detail-step__row[b-j36llbvl6l] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 12.5px;
    color: var(--granula-muted-text);
    overflow-wrap: anywhere;
}

.production-plan-detail-step__row-icon[b-j36llbvl6l] {
    flex-shrink: 0;
    font-size: 13px;
    color: #9da2aa;
    margin-top: 1px;
}

.production-plan-detail-step__row[b-j36llbvl6l]  .production-plan-detail-step__row-icon--input {
    color: #1677ff;
}

.production-plan-detail-step__row[b-j36llbvl6l]  .production-plan-detail-step__row-icon--output {
    color: #f5222d;
}

.production-plan-detail-step__notes[b-j36llbvl6l] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 4px;
    padding: 6px 8px;
    background: var(--granula-subtle-surface);
    border-radius: 6px;
    font-size: 12.5px;
    color: var(--granula-muted-text);
    overflow-wrap: anywhere;
}

.production-plan-detail-step__notes-icon[b-j36llbvl6l] {
    flex-shrink: 0;
    font-size: 13px;
    color: #9da2aa;
    margin-top: 1px;
}

.production-plan-detail-step[b-j36llbvl6l]  .production-plan-detail-step__execute {
    margin-top: 8px;
    align-self: flex-start;
}

.production-plan-detail-step__action[b-j36llbvl6l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 12px;
    margin-top: 8px;
    padding: 6px 10px;
    background: var(--granula-subtle-surface);
    border: 1px solid var(--granula-surface-border);
    border-radius: 8px;
    min-width: 0;
}

.production-plan-detail-step__action[b-j36llbvl6l]  .production-plan-detail-step__action-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    height: auto;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
}

.production-plan-detail-step__action[b-j36llbvl6l]  .production-plan-detail-step__action-link > span + span {
    margin-left: 0;
}

.production-plan-detail-step__action[b-j36llbvl6l]  .anticon {
    flex: 0 0 16px;
    width: 16px;
    font-size: 12px;
}

.production-plan-detail-step__action-date[b-j36llbvl6l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--granula-muted-text);
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* === Empty states === */
.production-plan-detail-empty[b-j36llbvl6l] {
    padding: 14px;
    text-align: center;
    font-size: 13px;
    color: var(--granula-muted-text);
    background: var(--granula-subtle-surface);
    border: 1px dashed var(--granula-surface-border);
    border-radius: 10px;
}

.production-plan-detail-empty--small[b-j36llbvl6l] {
    padding: 8px 10px;
    font-size: 12.5px;
    background: transparent;
    border: none;
}

@media (max-width: 767px) {
    .production-plan-detail-step__action[b-j36llbvl6l] {
        row-gap: 0;
    }

    .production-plan-detail-step__action[b-j36llbvl6l]  .production-plan-detail-step__action-link,
    .production-plan-detail-step__action-date[b-j36llbvl6l] {
        min-height: 24px;
    }

    .production-plan-detail-mobile-actions[b-j36llbvl6l] {
        display: block;
        margin-bottom: 10px;
    }

    .production-plan-detail-hero__actions[b-j36llbvl6l] {
        display: none;
    }

    .production-plan-detail-hero__header[b-j36llbvl6l] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 479px) {
    .production-plan-detail-task[b-j36llbvl6l] {
        --task-icon-column-width: 24px;
        padding: 11px 12px;
    }

    .production-plan-detail-task__number[b-j36llbvl6l] {
        font-size: 18px;
    }

    .production-plan-detail-hero__name[b-j36llbvl6l] {
        font-size: 17px;
    }
}
/* _content/GranulaOps/Components/ProductionPlans/ProductionPlanEditor.razor.rz.scp.css */
.production-plan-new__loading[b-zuu2y4g48p] {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px 20px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--granula-surface-border);
    border-radius: 16px;
}

.production-plan-new__loading strong[b-zuu2y4g48p] {
    margin-top: 8px;
    color: #1f2733;
    font-size: 16px;
}

.production-plan-new__loading > span[b-zuu2y4g48p] {
    color: var(--granula-muted-text);
    font-size: 13px;
}

.production-plan-new.production-plan-new--preparing[b-zuu2y4g48p] {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    padding: 0;
}

.production-plan-new[b-zuu2y4g48p] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 4px 0 32px;
    box-sizing: border-box;
}

.production-plan-new__success[b-zuu2y4g48p] {
    max-width: 720px;
    margin: 32px auto;
    padding: 28px 20px;
    border: 1px solid var(--granula-surface-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 30, 50, 0.06);
}

.production-plan-new__hero[b-zuu2y4g48p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin: 0 4px 20px;
}

.production-plan-new__hero-copy[b-zuu2y4g48p] {
    min-width: 0;
}

.production-plan-new__eyebrow[b-zuu2y4g48p] {
    display: block;
    margin-bottom: 5px;
    color: var(--granula-muted-text);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.production-plan-new__hero h1[b-zuu2y4g48p] {
    margin: 0;
    color: #1f2733;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 1.2;
    text-wrap: balance;
}

.production-plan-new__hero p[b-zuu2y4g48p] {
    max-width: 680px;
    margin: 7px 0 0;
    color: var(--granula-muted-text);
    font-size: 14px;
    line-height: 1.5;
}

.production-plan-new__status[b-zuu2y4g48p] {
    flex: 0 0 auto;
    padding: 6px 12px;
    border: 1px solid #d6e4ff;
    border-radius: 999px;
    background: #f0f5ff;
    color: #1d5dbf;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.production-plan-new__surface[b-zuu2y4g48p] {
    width: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.production-plan-new__surface[b-zuu2y4g48p]  .ant-card-body {
    padding: 0;
}

.production-plan-new__section-heading[b-zuu2y4g48p],
.production-plan-new__subsection-heading[b-zuu2y4g48p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.production-plan-new__section-heading h2[b-zuu2y4g48p],
.production-plan-new__subsection-heading h3[b-zuu2y4g48p] {
    margin: 0;
    color: #1f2733;
    font-weight: 700;
    line-height: 1.3;
}

.production-plan-new__section-heading h2[b-zuu2y4g48p] {
    font-size: 18px;
}

.production-plan-new__subsection-heading h3[b-zuu2y4g48p] {
    font-size: 15px;
}

.production-plan-new__section-heading p[b-zuu2y4g48p],
.production-plan-new__subsection-heading p[b-zuu2y4g48p] {
    margin: 4px 0 0;
    color: var(--granula-muted-text);
    font-size: 12.5px;
    line-height: 1.45;
}

.production-plan-new__section-divider[b-zuu2y4g48p] {
    height: 1px;
    margin: 28px 0 24px;
    background: var(--granula-surface-border);
}

.production-plan-new__overview-form[b-zuu2y4g48p],
.production-plan-new__task-form[b-zuu2y4g48p],
.production-plan-new__chain-form[b-zuu2y4g48p],
.production-plan-new__step-form[b-zuu2y4g48p] {
    margin-top: 20px;
}

.production-plan-new__overview-form[b-zuu2y4g48p]  .ant-form,
.production-plan-new__task-form[b-zuu2y4g48p]  .ant-form,
.production-plan-new__step-form[b-zuu2y4g48p]  .ant-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 20px;
    align-items: start;
}

.production-plan-new__chain-form[b-zuu2y4g48p]  .ant-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
    row-gap: 20px;
    align-items: start;
}

.production-plan-new__field[b-zuu2y4g48p] {
    min-width: 0;
}

.production-plan-new__field--wide[b-zuu2y4g48p] {
    grid-column: 1 / -1;
}

.production-plan-new__field[b-zuu2y4g48p]  .ant-form-item {
    margin-bottom: 0;
}

.production-plan-new__field[b-zuu2y4g48p]  .ant-input,
.production-plan-new__field[b-zuu2y4g48p]  .ant-input-affix-wrapper,
.production-plan-new__field[b-zuu2y4g48p]  .ant-input-number,
.production-plan-new__field[b-zuu2y4g48p]  .ant-picker,
.production-plan-new__field[b-zuu2y4g48p]  .ant-select {
    width: 100%;
}

.production-plan-new__tasks-section[b-zuu2y4g48p] {
    min-width: 0;
}

.production-plan-new__tasks-list[b-zuu2y4g48p],
.production-plan-new__chains-list[b-zuu2y4g48p],
.production-plan-new__steps-list[b-zuu2y4g48p] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.production-plan-new__tasks-list[b-zuu2y4g48p] {
    gap: 18px;
    margin-top: 20px;
}

.production-plan-new__task-card[b-zuu2y4g48p],
.production-plan-new__chain-card[b-zuu2y4g48p],
.production-plan-new__step-card[b-zuu2y4g48p] {
    overflow: hidden;
    border-radius: 14px;
}

.production-plan-new__task-card[b-zuu2y4g48p] {
    border-color: #d9e2f0;
    box-shadow: 0 3px 12px rgba(20, 30, 50, 0.04);
}

.production-plan-new__task-card[b-zuu2y4g48p]  .ant-card-head {
    min-height: 52px;
    padding: 0 20px;
    background: #f7faff;
    border-bottom-color: #e5edf8;
}

.production-plan-new__task-card[b-zuu2y4g48p]  .ant-card-head-title,
.production-plan-new__chain-card[b-zuu2y4g48p]  .ant-card-head-title,
.production-plan-new__step-card[b-zuu2y4g48p]  .ant-card-head-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.production-plan-new__task-card[b-zuu2y4g48p]  .ant-card-head-title,
.production-plan-new__chain-card[b-zuu2y4g48p]  .ant-card-head-title,
.production-plan-new__step-card[b-zuu2y4g48p]  .ant-card-head-title {
    display: flex;
    align-items: center;
}

.production-plan-new__collapse-toggle[b-zuu2y4g48p] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    min-height: 32px;
    margin: 0;
    padding: 4px 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    touch-action: manipulation;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.production-plan-new__collapse-toggle > span:first-child[b-zuu2y4g48p] {
    display: inline-flex;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    color: #8c98a8;
    font-size: 12px;
}

.production-plan-new__collapse-toggle > span:last-child[b-zuu2y4g48p] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.production-plan-new__collapse-toggle:hover[b-zuu2y4g48p] {
    color: #1d5dbf;
}

.production-plan-new__collapse-toggle:focus-visible[b-zuu2y4g48p] {
    outline: 2px solid var(--granula-focus, #1677ff);
    outline-offset: 2px;
}

.production-plan-new__task-card[b-zuu2y4g48p]  .ant-card-body {
    padding: 22px 20px 20px;
}

.production-plan-new__task-card--collapsed[b-zuu2y4g48p]  .ant-card-body,
.production-plan-new__chain-card--collapsed[b-zuu2y4g48p]  .ant-card-body,
.production-plan-new__step-card--collapsed[b-zuu2y4g48p]  .ant-card-body {
    display: none;
}

.production-plan-new__task-card[b-zuu2y4g48p]  .ant-card-extra,
.production-plan-new__chain-card[b-zuu2y4g48p]  .ant-card-extra,
.production-plan-new__step-card[b-zuu2y4g48p]  .ant-card-extra {
    margin-left: 12px;
}

.production-plan-new__subsection-heading[b-zuu2y4g48p] {
    margin: 28px 0 14px;
    padding-top: 2px;
}

.production-plan-new__chains-list[b-zuu2y4g48p] {
    gap: 14px;
    margin-bottom: 16px;
}

.production-plan-new__add-task-bottom[b-zuu2y4g48p] {
    display: flex;
    justify-content: flex-start;
    margin-top: 14px;
}

.production-plan-new__chain-card[b-zuu2y4g48p] {
    border-color: #e5e5e5;
    background: #fff;
}

.production-plan-new__chain-card[b-zuu2y4g48p]  .ant-card-head {
    min-height: 46px;
    padding: 0 16px;
    background: #fcfcfc;
    border-bottom-color: #f0f0f0;
}

.production-plan-new__chain-card[b-zuu2y4g48p]  .ant-card-body {
    padding: 18px 16px 16px;
}

.production-plan-new__steps-list[b-zuu2y4g48p] {
    gap: 12px;
    margin: 14px 0 16px;
}

.production-plan-new__step-card[b-zuu2y4g48p] {
    border-color: #edf0f3;
    background: #fafafa;
}

.production-plan-new__step-card[b-zuu2y4g48p]  .ant-card-head {
    min-height: 42px;
    padding: 0 14px;
    background: #f5f6f7;
    border-bottom-color: #eceff2;
}

.production-plan-new__step-card[b-zuu2y4g48p]  .ant-card-head-title {
    color: #4e5968;
    font-size: 13px;
    font-weight: 600;
}

.production-plan-new__step-card[b-zuu2y4g48p]  .ant-card-body {
    padding: 16px 14px 14px;
}

.production-plan-step-io[b-zuu2y4g48p] {
    padding: 14px;
    border: 1px solid #e7eaee;
    border-radius: 10px;
    background: #fff;
}

.production-plan-step-io__header[b-zuu2y4g48p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.production-plan-step-io__header--outputs[b-zuu2y4g48p] {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #edf0f3;
}

.production-plan-step-io__header > div[b-zuu2y4g48p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.production-plan-step-io__header strong[b-zuu2y4g48p] {
    color: #1f2733;
    font-size: 13px;
}

.production-plan-step-io__header span[b-zuu2y4g48p] {
    color: var(--granula-muted-text);
    font-size: 11.5px;
}

.production-plan-step-io__hint[b-zuu2y4g48p] {
    margin: -2px 0 6px;
    color: var(--granula-muted-text);
    font-size: 12px;
    line-height: 1.45;
}

.production-plan-step-io__row[b-zuu2y4g48p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px auto 32px;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 9px 0;
}

.production-plan-step-io__row + .production-plan-step-io__row[b-zuu2y4g48p] {
    border-top: 1px solid #f0f2f5;
}

.production-plan-step-io__thing[b-zuu2y4g48p],
.production-plan-step-io__quantity[b-zuu2y4g48p] {
    min-width: 0;
}

.production-plan-step-io__unit[b-zuu2y4g48p] {
    min-width: 28px;
    color: var(--granula-muted-text);
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
}

.production-plan-new__footer[b-zuu2y4g48p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--granula-surface-border);
}

.production-plan-new__footer-hint[b-zuu2y4g48p] {
    color: var(--granula-muted-text);
    font-size: 12px;
}

.production-plan-new__footer[b-zuu2y4g48p]  .ant-btn {
    min-width: 150px;
}

@media (max-width: 767px) {
    .production-plan-new[b-zuu2y4g48p] {
        padding-bottom: 24px;
    }

    .production-plan-new__hero[b-zuu2y4g48p] {
        flex-direction: column;
        gap: 10px;
        margin: 0 0 14px;
    }

    .production-plan-new__hero h1[b-zuu2y4g48p] {
        font-size: 22px;
    }

    .production-plan-new__status[b-zuu2y4g48p] {
        align-self: flex-start;
    }

    .production-plan-new__surface[b-zuu2y4g48p]  .ant-card-body {
        padding: 20px 14px;
    }

    .production-plan-new__section-heading[b-zuu2y4g48p],
    .production-plan-new__subsection-heading[b-zuu2y4g48p],
    .production-plan-new__footer[b-zuu2y4g48p] {
        align-items: stretch;
        flex-direction: column;
    }

    .production-plan-new__section-heading--with-action[b-zuu2y4g48p]  .ant-btn,
    .production-plan-new__subsection-heading[b-zuu2y4g48p]  .ant-btn,
    .production-plan-new__add-task-bottom[b-zuu2y4g48p]  .ant-btn,
    .production-plan-new__footer[b-zuu2y4g48p]  .ant-btn {
        width: 100%;
    }

    .production-plan-new__overview-form[b-zuu2y4g48p],
    .production-plan-new__task-form[b-zuu2y4g48p],
    .production-plan-new__chain-form[b-zuu2y4g48p],
    .production-plan-new__step-form[b-zuu2y4g48p] {
        margin-top: 16px;
    }

    .production-plan-new__overview-form[b-zuu2y4g48p]  .ant-form,
    .production-plan-new__task-form[b-zuu2y4g48p]  .ant-form,
    .production-plan-new__chain-form[b-zuu2y4g48p]  .ant-form,
    .production-plan-new__step-form[b-zuu2y4g48p]  .ant-form {
        grid-template-columns: minmax(0, 1fr);
        column-gap: 0;
        row-gap: 16px;
    }

    .production-plan-new__task-card[b-zuu2y4g48p]  .ant-card-head,
    .production-plan-new__chain-card[b-zuu2y4g48p]  .ant-card-head,
    .production-plan-new__step-card[b-zuu2y4g48p]  .ant-card-head {
        padding-inline: 12px;
    }

    .production-plan-new__task-card[b-zuu2y4g48p]  .ant-card-body {
        padding: 18px 12px 14px;
    }

    .production-plan-new__chain-card[b-zuu2y4g48p]  .ant-card-body {
        padding: 16px 10px 12px;
    }

    .production-plan-new__step-card[b-zuu2y4g48p]  .ant-card-body {
        padding: 14px 10px 10px;
    }

    .production-plan-step-io[b-zuu2y4g48p] {
        padding: 10px;
    }

    .production-plan-step-io__row[b-zuu2y4g48p] {
        grid-template-columns: minmax(0, 1fr) auto 32px;
        grid-template-areas:
            "thing thing thing"
            "quantity unit action";
        column-gap: 8px;
        row-gap: 8px;
        padding: 8px 0;
    }

    .production-plan-step-io__thing[b-zuu2y4g48p] {
        grid-area: thing;
    }

    .production-plan-step-io__quantity[b-zuu2y4g48p] {
        grid-area: quantity;
        width: 100%;
        max-width: 180px;
    }

    .production-plan-step-io__unit[b-zuu2y4g48p] {
        grid-area: unit;
        align-self: center;
    }

    .production-plan-step-io__row[b-zuu2y4g48p]  .ant-btn {
        grid-area: action;
        justify-self: end;
    }

    .production-plan-step-io__header[b-zuu2y4g48p] {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .production-plan-step-io__header[b-zuu2y4g48p]  .ant-btn {
        align-self: flex-start;
    }

    .production-plan-new__footer-hint[b-zuu2y4g48p] {
        order: 2;
    }
}

@media (max-width: 420px) {
    .production-plan-step-io__unit[b-zuu2y4g48p] {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* _content/GranulaOps/Components/ProductionPlans/ProductionPlanListItemCard.razor.rz.scp.css */
.production-plan-card[b-d2kxc2r8uo] {
    padding: 0;
}

.production-plan-card__body[b-d2kxc2r8uo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    min-width: 0;
}

.production-plan-card__row-status[b-d2kxc2r8uo] {
    align-items: center;
}
/* _content/GranulaOps/Components/ProductionPlans/ProductionPlanMyTaskCard.razor.rz.scp.css */
.production-plan-my-task-card[b-yedjjkzgvf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid var(--granula-surface-border);
    border-radius: 12px;
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

a.production-plan-my-task-card:hover[b-yedjjkzgvf] {
    border-color: var(--granula-info);
    color: inherit;
    text-decoration: none;
}

a.production-plan-my-task-card:focus-visible[b-yedjjkzgvf] {
    outline: 2px solid var(--granula-focus);
    outline-offset: 2px;
}

.production-plan-my-task-card__heading[b-yedjjkzgvf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.production-plan-my-task-card__name[b-yedjjkzgvf] {
    min-width: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.production-plan-my-task-card__plan[b-yedjjkzgvf],
.production-plan-my-task-card__detail[b-yedjjkzgvf] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--granula-muted-text);
    font-size: 13px;
    line-height: 1.35;
}

.production-plan-my-task-card__plan > span:not(.production-plan-my-task-card__icon)[b-yedjjkzgvf],
.production-plan-my-task-card__detail > span:not(.production-plan-my-task-card__icon)[b-yedjjkzgvf] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.production-plan-my-task-card__icon[b-yedjjkzgvf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    color: var(--granula-info);
}

.production-plan-my-task-card__icon .anticon[b-yedjjkzgvf] {
    font-size: 14px;
}

.production-plan-my-task-card__details[b-yedjjkzgvf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.production-plan-my-task-card__detail--overdue[b-yedjjkzgvf],
.production-plan-my-task-card__detail--overdue > .production-plan-my-task-card__icon[b-yedjjkzgvf] {
    color: var(--granula-danger, #cf1322);
}

@media (prefers-reduced-motion: no-preference) {
    a.production-plan-my-task-card[b-yedjjkzgvf] {
        transition: border-color 120ms ease;
    }
}
/* _content/GranulaOps/Components/ProductionPlans/ProductionPlanMyTasksDesktopTable.razor.rz.scp.css */
.production-plan-my-tasks-table__task-name[b-sqd6sdt2dn] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-sqd6sdt2dn] .production-plan-my-tasks-table__clickable-row {
    cursor: pointer;
}

[b-sqd6sdt2dn] .production-plan-my-tasks-table__clickable-row:hover > td {
    background: var(--granula-subtle-surface);
}

[b-sqd6sdt2dn] .production-plan-my-tasks-table__clickable-row:focus-visible {
    outline: 2px solid var(--granula-focus);
    outline-offset: -2px;
}

.production-plan-my-tasks-table__plan-name[b-sqd6sdt2dn],
.production-plan-my-tasks-table__thing-name[b-sqd6sdt2dn] {
    display: block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.production-plan-my-tasks-table__quantity[b-sqd6sdt2dn] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* _content/GranulaOps/Components/ProductionPlans/ProductionPlanMyTasksFilters.razor.rz.scp.css */
.production-plan-my-tasks-filters[b-9k638fgz8p] {
    display: block;
}

.production-plan-my-tasks-filters__primary[b-9k638fgz8p] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) 190px;
    align-items: center;
    gap: 12px;
}

.production-plan-my-tasks-filters__secondary[b-9k638fgz8p] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.production-plan-my-tasks-filters__dates[b-9k638fgz8p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 180px));
    align-items: center;
    gap: 12px;
}

@media (min-width: 992px) {
    .production-plan-my-tasks-filters__dates[b-9k638fgz8p] {
        grid-template-columns: repeat(2, minmax(180px, 220px));
    }
}

.production-plan-my-tasks-filters__primary > .granula-filters-toolbar__search[b-9k638fgz8p],
.production-plan-my-tasks-filters__primary > .granula-filters-toolbar__control[b-9k638fgz8p],
.production-plan-my-tasks-filters__secondary > .granula-filters-toolbar__control[b-9k638fgz8p],
.production-plan-my-tasks-filters__dates > .granula-filters-toolbar__control[b-9k638fgz8p] {
    width: auto;
    max-width: none;
    min-width: 0;
}

@media (max-width: 767px) {
    .production-plan-my-tasks-filters__primary[b-9k638fgz8p],
    .production-plan-my-tasks-filters__secondary[b-9k638fgz8p] {
        grid-template-columns: 1fr;
    }

    .production-plan-my-tasks-filters__dates[b-9k638fgz8p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/GranulaOps/Components/ProductionPlans/ProductionPlansDesktopTable.razor.rz.scp.css */
.production-plans-desktop-table__name-text[b-vohg6ej1wb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.production-plans-desktop-table--clickable[b-vohg6ej1wb]  .ant-table-tbody > tr {
    cursor: pointer;
}
/* _content/GranulaOps/Components/ProductionPlans/ProductionPlansFilters.razor.rz.scp.css */
.production-plans-filters[b-xjmusi25ao] {
    display: block;
}

.production-plans-filters__primary[b-xjmusi25ao] {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) 190px;
    align-items: center;
    gap: 12px;
}

.production-plans-filters__secondary[b-xjmusi25ao] {
    display: grid;
    grid-template-columns: minmax(240px, 360px) auto;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.production-plans-filters__dates[b-xjmusi25ao] {
    display: grid;
    grid-template-columns: 180px 180px;
    align-items: center;
    gap: 12px;
}

.production-plans-filters__primary > .granula-filters-toolbar__search[b-xjmusi25ao],
.production-plans-filters__primary > .granula-filters-toolbar__control[b-xjmusi25ao],
.production-plans-filters__secondary > .granula-filters-toolbar__control[b-xjmusi25ao],
.production-plans-filters__dates > .granula-filters-toolbar__control[b-xjmusi25ao] {
    flex: none;
    width: auto;
    max-width: none;
    min-width: 0;
}

@media (max-width: 1100px) {
    .production-plans-filters__primary[b-xjmusi25ao] {
        grid-template-columns: minmax(0, 1fr) 190px;
        max-width: none;
    }

    .production-plans-filters__secondary[b-xjmusi25ao] {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

@media (max-width: 767px) {
    .production-plans-filters__primary[b-xjmusi25ao] {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .production-plans-filters__secondary[b-xjmusi25ao] {
        grid-template-columns: 1fr;
    }

    .production-plans-filters__dates[b-xjmusi25ao] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/GranulaOps/Components/Qc/QcProtocolDetailOverlay.razor.rz.scp.css */
.qc-protocol-detail-overlay__loading[b-claz5sequ7] {
    min-height: 220px;
}
/* _content/GranulaOps/Components/Qc/QcProtocolDetailPanel.razor.rz.scp.css */
.qc-protocol-detail[b-ltyk5wgnks] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 0 2px 8px;
}

.qc-protocol-detail__header[b-ltyk5wgnks] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.qc-protocol-detail__heading[b-ltyk5wgnks] {
    min-width: 0;
}

.qc-protocol-detail__eyebrow[b-ltyk5wgnks] {
    display: block;
    color: #8c8c8c;
    font-size: 12px;
}

.qc-protocol-detail__title[b-ltyk5wgnks] {
    margin: 1px 0 0;
    color: #1f2933;
    font-size: 22px;
    line-height: 1.2;
}

.qc-protocol-detail__section[b-ltyk5wgnks] {
    margin-top: 0;
}

.qc-protocol-detail__comment[b-ltyk5wgnks] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 12px;
    color: #1f2933;
    border-radius: 10px;
    overflow-wrap: anywhere;
}

.qc-protocol-detail__values-mobile[b-ltyk5wgnks] {
    display: none;
}

.qc-protocol-detail__photos[b-ltyk5wgnks] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.qc-protocol-detail__photo[b-ltyk5wgnks] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    color: #595959;
    font-size: 12px;
}

.qc-protocol-detail__photo[b-ltyk5wgnks]  .ant-image {
    display: block;
    width: 100%;
}

.qc-protocol-detail__photo[b-ltyk5wgnks]  .ant-image-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: #f5f5f5;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
}

.qc-protocol-detail__photo[b-ltyk5wgnks]  .ant-image:focus-within {
    outline: 2px solid var(--granula-focus);
    outline-offset: 2px;
}

.qc-protocol-detail__photo span[b-ltyk5wgnks] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .qc-protocol-detail[b-ltyk5wgnks] {
        gap: 8px;
    }

    .qc-protocol-detail__title[b-ltyk5wgnks] {
        font-size: 20px;
    }

    .qc-protocol-detail__values-desktop[b-ltyk5wgnks] {
        display: none;
    }

    .qc-protocol-detail__values-mobile[b-ltyk5wgnks] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .qc-protocol-detail__value-card[b-ltyk5wgnks] {
        padding: 10px 12px;
        background: var(--granula-subtle-surface);
        border-radius: 10px;
    }

    .qc-protocol-detail__value-header[b-ltyk5wgnks],
    .qc-protocol-detail__value-result[b-ltyk5wgnks] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
    }

    .qc-protocol-detail__value-header strong[b-ltyk5wgnks] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .qc-protocol-detail__value-result[b-ltyk5wgnks] {
        margin-top: 7px;
        color: #1f2933;
        font-size: 16px;
    }

    .qc-protocol-detail__unit[b-ltyk5wgnks] {
        flex: 0 0 auto;
        color: #8c8c8c;
        font-size: 13px;
    }

    .qc-protocol-detail__photos[b-ltyk5wgnks] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 359px) {
    .qc-protocol-detail__photos[b-ltyk5wgnks] {
        grid-template-columns: 1fr;
    }
}
/* _content/GranulaOps/Components/Qc/QcProtocolSummaryCard.razor.rz.scp.css */
.qc-protocol-card[b-2ha9rhjiz3] {
    gap: 9px;
}

.qc-protocol-card__header[b-2ha9rhjiz3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.qc-protocol-card__header .granula-list-card__name[b-2ha9rhjiz3] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.qc-protocol-card__menu[b-2ha9rhjiz3] {
    flex: 0 0 auto;
}

.qc-protocol-card[b-2ha9rhjiz3]  .qc-protocol-card__menu-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    color: var(--granula-muted-text);
}

.qc-protocol-card[b-2ha9rhjiz3]  .qc-protocol-card__menu-trigger:hover {
    color: #1677ff;
    background: var(--granula-hover-surface);
}

.qc-protocol-card__protocol-row[b-2ha9rhjiz3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.qc-protocol-card__protocol[b-2ha9rhjiz3] {
    min-width: 0;
}

.qc-protocol-card__status[b-2ha9rhjiz3] {
    flex: 0 0 auto;
}
/* _content/GranulaOps/Components/Recipes/RecipeDetailsOverlay.razor.rz.scp.css */
.recipe-details-overlay__bottom-sheet-body[b-s4r8ps0mts] {
    padding-bottom: 24px;
}
/* _content/GranulaOps/Components/Recipes/RecipesListFilters.razor.rz.scp.css */
.recipes-list-filters[b-0hqe46f5dm] {
    margin-bottom: 14px;
}

.recipes-list-filters[b-0hqe46f5dm]  .recipes-list-filters__selects {
    margin-top: 8px;
}
/* _content/GranulaOps/Components/Shared/ActionTileGrid.razor.rz.scp.css */
.action-tile-grid[b-8hx2zac97f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    gap: 10px;
}

.action-tile-grid__tooltip-target[b-8hx2zac97f] {
    display: block;
}

.action-tile-grid[b-8hx2zac97f]  .action-tile-grid__tile {
    width: 100%;
    height: auto;
    min-height: 64px;
    padding: 10px 8px;
    border-radius: 15px;
    white-space: normal;
}

.action-tile-grid[b-8hx2zac97f]  .action-tile-grid__tile--primary {
    box-shadow: 0 4px 12px rgba(232, 89, 12, 0.22);
}

.action-tile-grid__content[b-8hx2zac97f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}

.action-tile-grid[b-8hx2zac97f]  .action-tile-grid__icon {
    font-size: 22px;
}

.action-tile-grid__label[b-8hx2zac97f] {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}
/* _content/GranulaOps/Components/Shared/BottomSheet.razor.rz.scp.css */
.bottom-sheet[b-g7u70gl38c] {
    position: fixed;
    inset: 0;
    z-index: 950;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
}

.bottom-sheet--open[b-g7u70gl38c] {
    pointer-events: auto;
}

.bottom-sheet__mask[b-g7u70gl38c] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity 0.35s ease;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.bottom-sheet--open .bottom-sheet__mask[b-g7u70gl38c] {
    opacity: 1;
}

.bottom-sheet--closing .bottom-sheet__mask[b-g7u70gl38c] {
    opacity: 0;
}

.bottom-sheet__panel[b-g7u70gl38c] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--granula-page-background);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(100%);
    transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1);
    overflow: hidden;
    max-height: var(--bottom-sheet-height, 92vh);
    touch-action: pan-y;
}

.bottom-sheet--open .bottom-sheet__panel[b-g7u70gl38c] {
    transform: translateY(0);
}

.bottom-sheet--closing .bottom-sheet__panel[b-g7u70gl38c] {
    transform: translateY(100%);
}

.bottom-sheet--closing-swipe .bottom-sheet__panel[b-g7u70gl38c] {
    transform: translateY(100%);
    transition: none;
}

.bottom-sheet--closing-swipe .bottom-sheet__mask[b-g7u70gl38c] {
    transition-duration: 0.15s;
}

.bottom-sheet__handle[b-g7u70gl38c] {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 56px;
    padding: 16px 0 12px;
    cursor: grab;
    touch-action: none;
}

.bottom-sheet__grip[b-g7u70gl38c] {
    width: 38px;
    height: 4px;
    border-radius: 3px;
    background: #DCD8CF;
}

.bottom-sheet__content[b-g7u70gl38c] {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 12px env(safe-area-inset-bottom);
    -webkit-overflow-scrolling: touch;
}
/* _content/GranulaOps/Components/Shared/GranulaPageHeader.razor.rz.scp.css */
.granula-page-header[b-lxdb4i9bnf] {
    margin-bottom: 12px;
}

.granula-page-heading[b-lxdb4i9bnf] {
    min-width: 0;
}

.granula-page-title-row[b-lxdb4i9bnf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.granula-page-title-content[b-lxdb4i9bnf] {
    flex: 1 1 auto;
    min-width: 0;
}

.granula-page-title[b-lxdb4i9bnf] {
    margin: 0 0 2px;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.3px;
    flex: 0 1 auto;
    min-width: 0;
}

.granula-page-title--standalone[b-lxdb4i9bnf] {
    margin-top: 6px;
}

.granula-page-subtitle[b-lxdb4i9bnf] {
    color: var(--granula-muted-text);
    font-size: 12.5px;
}

.granula-page-header-action[b-lxdb4i9bnf] {
    flex: 0 0 auto;
}

.granula-page-header-action:not(:has(*))[b-lxdb4i9bnf],
.granula-page-header-filters:not(:has(*))[b-lxdb4i9bnf] {
    display: none;
}

.granula-page-header-filters[b-lxdb4i9bnf] {
    min-width: 0;
    margin-top: 12px;
}

.granula-page-header-filters[b-lxdb4i9bnf]  .granula-filters-toolbar {
    margin-bottom: 0;
}

.granula-page-header-action[b-lxdb4i9bnf]  .granula-page-new-button.ant-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.granula-page-header-action[b-lxdb4i9bnf]  .granula-page-new-button.ant-btn > .anticon {
    margin: 0;
    flex: 0 0 auto;
}

@media (max-width: 359px) {
    .granula-page-header-action[b-lxdb4i9bnf]  .granula-page-new-button.ant-btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 0;
    }

    .granula-page-header-action[b-lxdb4i9bnf]  .granula-page-new-button.ant-btn > .anticon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
    }

    .granula-page-header-action[b-lxdb4i9bnf]  .granula-page-new-button-text {
        display: none;
    }
}
/* _content/GranulaOps/Components/Shared/GranulaSelect.razor.rz.scp.css */
.granula-select[b-jv0t2wmi5u] {
    width: 100%;
    min-width: 0;
}

.granula-select[b-jv0t2wmi5u]  .ant-select {
    width: 100%;
}

.granula-select__trigger[b-jv0t2wmi5u] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 32px;
    padding: 5px 11px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    background: #fff;
    color: rgba(0, 0, 0, 0.88);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.granula-select__trigger:hover[b-jv0t2wmi5u] {
    border-color: #4096ff;
}

.granula-select__trigger:disabled[b-jv0t2wmi5u] {
    color: rgba(0, 0, 0, 0.25);
    background: rgba(0, 0, 0, 0.04);
    cursor: not-allowed;
}

.granula-select__prefix[b-jv0t2wmi5u] {
    display: inline-flex;
    flex: 0 0 auto;
}

.granula-select__value[b-jv0t2wmi5u] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.granula-select__sheet[b-jv0t2wmi5u] {
    padding: 16px;
}

.granula-select__option[b-jv0t2wmi5u] {
    display: block;
    width: 100%;
    padding: 12px 8px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    background: transparent;
    color: #262626;
    font: inherit;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
}

.granula-select__option:active[b-jv0t2wmi5u] {
    background: #f5f5f5;
}

.granula-select__option:disabled[b-jv0t2wmi5u] {
    color: rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

.granula-select__option--clear[b-jv0t2wmi5u] {
    color: #8c8c8c;
}

.granula-select__option:last-child[b-jv0t2wmi5u] {
    border-bottom: 0;
}
/* _content/GranulaOps/Components/Shared/InfiniteScrollList.razor.rz.scp.css */
.infinite-scroll-list[b-bppeokh079] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}
/* _content/GranulaOps/Components/Shared/MobileCardList.razor.rz.scp.css */
.mobile-card-list[b-lh5boowm6i]  .mobile-card-list__collapse {
    background: transparent;
}

.mobile-card-list[b-lh5boowm6i]  .mobile-card-list__panel {
    margin-bottom: 12px;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

    .mobile-card-list[b-lh5boowm6i]  .mobile-card-list__panel:last-child {
        margin-bottom: 0;
    }

.mobile-card-list[b-lh5boowm6i]  .ant-collapse-header {
    align-items: center;
    padding: 12px 12px 12px 16px;
}

.mobile-card-list[b-lh5boowm6i]  .ant-collapse-item-disabled > .ant-collapse-header {
    color: inherit;
    cursor: default;
}

.mobile-card-list[b-lh5boowm6i]  .ant-collapse-content {
    border-top: 1px solid #f0f0f0;
}

.mobile-card-list[b-lh5boowm6i]  .ant-collapse-content-box {
    padding: 0 16px 16px;
}

.mobile-card-list[b-lh5boowm6i]  .ant-collapse-header-text {
    min-width: 0;
    overflow: hidden;
}

.mobile-card-list[b-lh5boowm6i]  .mobile-card-list__header {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 0%;
    min-width: 0;
    padding-right: 8px;
    overflow-wrap: break-word;
}

.mobile-card-list[b-lh5boowm6i]  .mobile-card-list__extra {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-shrink: 0;
    gap: 4px;
    margin-left: 12px;
}

.mobile-card-list[b-lh5boowm6i]  .mobile-card-list__body {
    display: flex;
    flex-direction: column;
}

    .mobile-card-list[b-lh5boowm6i]  .mobile-card-list__body > * {
        padding: 12px 0;
    }

        .mobile-card-list[b-lh5boowm6i]  .mobile-card-list__body > *:first-child {
            padding-top: 0;
        }

        .mobile-card-list[b-lh5boowm6i]  .mobile-card-list__body > * + * {
            border-top: 1px solid #f0f0f0;
        }

.mobile-card-list[b-lh5boowm6i]  .mobile-card-list__pagination {
    margin-top: 16px;
    text-align: center;
}
/* _content/GranulaOps/Components/Shared/OperationItemCard.razor.rz.scp.css */
.operation-item-card[b-8fezgsl9iq] {
    position: relative;
    display: flex;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.operation-item-card--success[b-8fezgsl9iq] {
    background: #f6ffed;
    border-color: #b7eb8f;
}

.operation-item-card--muted[b-8fezgsl9iq] {
    background: #fafafa;
    border-color: #d9d9d9;
}

.operation-item-card__accent[b-8fezgsl9iq] {
    flex: 0 0 4px;
    background: #1677ff;
}

.operation-item-card__accent--success[b-8fezgsl9iq] {
    background: #52c41a;
}

.operation-item-card__accent--muted[b-8fezgsl9iq] {
    background: #8c8c8c;
}

.operation-item-card__content[b-8fezgsl9iq] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 6px 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.operation-item-card__title-row[b-8fezgsl9iq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.operation-item-card__titles[b-8fezgsl9iq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.operation-item-card__title[b-8fezgsl9iq] {
    font-weight: 600;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 1.3;
    word-break: break-word;
}

.operation-item-card__subtitle[b-8fezgsl9iq] {
    font-size: 12px;
    color: #8c8c8c;
    line-height: 1.3;
    word-break: break-word;
}

.operation-item-card__status[b-8fezgsl9iq] {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
}

.operation-item-card__status--info[b-8fezgsl9iq] {
    color: #1677ff;
}

.operation-item-card__status--success[b-8fezgsl9iq] {
    color: #52c41a;
}

.operation-item-card__status--muted[b-8fezgsl9iq] {
    color: #8c8c8c;
}

.operation-item-card__actions[b-8fezgsl9iq] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.operation-item-card__body[b-8fezgsl9iq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.operation-item-card__meta[b-8fezgsl9iq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.operation-item-card__meta-item[b-8fezgsl9iq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.65);
    word-break: break-word;
}

.operation-item-card__meta-item[b-8fezgsl9iq]  .anticon {
    flex-shrink: 0;
}
/* _content/GranulaOps/Components/Shared/SimpleCollapse.razor.rz.scp.css */
.simple-collapse[b-aax8hsy3n6] {
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.simple-collapse__header[b-aax8hsy3n6] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 16px;
    background: #fafafa;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.88);
    transition: background 0.2s;
}

.simple-collapse__header:hover[b-aax8hsy3n6] {
    background: #f0f0f0;
}

.simple-collapse__header:focus-visible[b-aax8hsy3n6] {
    outline: 2px solid #91caff;
    outline-offset: -2px;
}

.simple-collapse__arrow[b-aax8hsy3n6] {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.45);
    transition: transform 0.2s;
}

.simple-collapse__arrow--expanded[b-aax8hsy3n6] {
    transform: rotate(90deg);
}

.simple-collapse__title[b-aax8hsy3n6] {
    flex: 1 1 auto;
    min-width: 0;
}

.simple-collapse__content[b-aax8hsy3n6] {
    padding: 12px 16px;
    border-top: 1px solid #f0f0f0;
    background: #fff;
}
/* _content/GranulaOps/Components/Tasks/EmployeeTaskModal.razor.rz.scp.css */
.employee-task-modal-loading[b-acn4yrd5en] {
    min-height: 180px;
    display: grid;
    place-items: center;
}

.employee-task-modal-error[b-acn4yrd5en] {
    display: grid;
    gap: 12px;
    padding-bottom: 20px;
}

.employee-task-modal-header[b-acn4yrd5en] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.employee-task-modal-header__title[b-acn4yrd5en] {
    min-width: 0;
    overflow: hidden;
    color: #26364d;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.employee-task-modal-header__actions[b-acn4yrd5en] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 4px;
}

.employee-task-modal-header[b-acn4yrd5en]  .ant-btn {
    flex: 0 0 auto;
}

@media (max-width: 767px) {
    .employee-task-modal-header[b-acn4yrd5en] {
        display: grid;
        align-items: stretch;
        gap: 8px;
    }

    .employee-task-modal-header__title[b-acn4yrd5en] {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }

    .employee-task-modal-header__actions[b-acn4yrd5en] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

.employee-task-details[b-acn4yrd5en] { padding-bottom: 20px; }

.employee-task-details__intro[b-acn4yrd5en] {
    margin-bottom: 20px;
}

.employee-task-details__title[b-acn4yrd5en] {
    margin: 0 0 14px;
    color: #172b4d;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.employee-task-details__facts[b-acn4yrd5en] {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
    padding: 13px;
    border-radius: 10px;
    background: #f7f9fc;
}

.employee-task-details__facts div[b-acn4yrd5en] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.employee-task-details__status-fact[b-acn4yrd5en]  .employee-task-details__status-select {
    display: none;
    width: 190px;
    max-width: 100%;
}

.employee-task-details__facts span[b-acn4yrd5en] { color: #7a869b; font-size: 12px; }
.employee-task-details__facts strong[b-acn4yrd5en] {
    min-width: 0;
    color: #26364d;
    font-size: 13px;
    overflow-wrap: anywhere;
    text-align: right;
}
.employee-task-details__overdue[b-acn4yrd5en] { color: #cf1322 !important; }

.employee-task-details__description[b-acn4yrd5en] {
    padding: 15px 17px 16px;
    border: 1px solid #d6e8ff;
    border-left: 4px solid #1677ff;
    border-radius: 5px 12px 12px 5px;
    background: linear-gradient(135deg, #f5faff 0%, #fbfdff 100%);
}

.employee-task-details__description-label[b-acn4yrd5en] {
    margin-bottom: 6px;
    color: #526079;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.employee-task-details__description-text[b-acn4yrd5en] {
    color: #26364d;
    font-size: 15px;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.employee-task-details__comment-input[b-acn4yrd5en] {
    display: grid;
    gap: 7px;
    margin-bottom: 18px;
}

.employee-task-details__comment-input label[b-acn4yrd5en] {
    color: #526079;
    font-size: 12px;
    font-weight: 600;
}

.employee-task-details__comment-input[b-acn4yrd5en]  .employee-task-details__comment-submit {
    width: auto;
}

.employee-tasks-modal-actions[b-acn4yrd5en] {
    display: flex;
    gap: 8px;
    margin-top: 18px;
}

.employee-task-timeline[b-acn4yrd5en] {
    display: grid;
    gap: 13px;
}

.employee-task-timeline__item[b-acn4yrd5en] {
    position: relative;
    padding: 0 0 13px 28px;
    border-left: 2px solid #e3e8f1;
}

.employee-task-timeline__marker[b-acn4yrd5en] {
    position: absolute;
    top: -1px;
    left: -15px;
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #1677ff;
    background: #e6f4ff;
    box-shadow: 0 0 0 1px #91caff;
    font-size: 13px;
}

.employee-task-timeline__marker--created[b-acn4yrd5en],
.employee-task-timeline__marker--status[b-acn4yrd5en] {
    color: #1677ff;
    background: #e6f4ff;
    box-shadow: 0 0 0 1px #91caff;
}

.employee-task-timeline__marker--updated[b-acn4yrd5en] {
    color: #722ed1;
    background: #f9f0ff;
    box-shadow: 0 0 0 1px #d3adf7;
}

.employee-task-timeline__marker--comment[b-acn4yrd5en] {
    color: #526079;
    background: #f0f2f5;
    box-shadow: 0 0 0 1px #d9dfe8;
}

.employee-task-timeline__marker--completed[b-acn4yrd5en],
.employee-task-timeline__marker--restored[b-acn4yrd5en] {
    color: #389e0d;
    background: #f6ffed;
    box-shadow: 0 0 0 1px #b7eb8f;
}

.employee-task-timeline__marker--returned[b-acn4yrd5en] {
    color: #d46b08;
    background: #fff7e6;
    box-shadow: 0 0 0 1px #ffd591;
}

.employee-task-timeline__marker--archived[b-acn4yrd5en] {
    color: #8c8c8c;
    background: #f5f5f5;
    box-shadow: 0 0 0 1px #d9d9d9;
}

.employee-task-timeline__head[b-acn4yrd5en] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.employee-task-timeline__head strong[b-acn4yrd5en] { color: #26364d; font-size: 13px; }
.employee-task-timeline__head time[b-acn4yrd5en],
.employee-task-timeline__author[b-acn4yrd5en] { color: #8c99ad; font-size: 11px; }
.employee-task-timeline__author[b-acn4yrd5en] { margin-top: 3px; }
.employee-task-timeline__text[b-acn4yrd5en] {
    margin-top: 7px;
    color: #526079;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.employee-task-details[b-acn4yrd5en]  .employee-task-timeline__toggle {
    display: block;
    margin: 10px auto 0;
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 768px) {
    .employee-task-details__comment-input[b-acn4yrd5en]  .employee-task-details__comment-submit {
        justify-self: end;
        min-width: 0;
        height: 32px;
        padding: 0 14px;
        font-size: 13px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    .employee-task-details__facts div[b-acn4yrd5en] { align-items: flex-start; }
    .employee-task-details__status-fact[b-acn4yrd5en] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        width: 100%;
    }

    .employee-task-details__status-fact[b-acn4yrd5en]  .employee-task-details__status-select {
        display: block;
        width: 100% !important;
    }

    .employee-task-details__status-value[b-acn4yrd5en] { display: none; }

    .employee-task-timeline__head[b-acn4yrd5en] { display: grid; gap: 2px; }
}
/* _content/GranulaOps/Components/Tasks/TaskBoard.razor.rz.scp.css */
.employee-tasks-board[b-cyq15ljhhn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(260px, 1fr));
    gap: 14px;
    align-items: start;
    overflow-x: auto;
    padding: 2px 2px 18px;
}

.employee-tasks-board__empty-filtered[b-cyq15ljhhn] {
    display: grid;
    min-height: 190px;
    place-items: center;
    margin-bottom: 18px;
    padding: 24px;
    border: 1px dashed #d8deea;
    border-radius: 14px;
    color: #7a869b;
    background: #f7f9fc;
}

.employee-tasks-column[b-cyq15ljhhn] {
    min-height: 430px;
    border: 1px solid #e9edf4;
    border-radius: 16px;
    background: #f7f9fc;
}

.employee-tasks-column--drag-target[b-cyq15ljhhn] {
    border-color: #91caff;
    background: #f0f7ff;
    box-shadow: 0 0 0 2px rgba(22, 119, 255, .12);
}

.employee-tasks-column__header[b-cyq15ljhhn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 16px 12px;
    border-bottom: 1px solid #e9edf4;
}

.employee-tasks-column__header h2[b-cyq15ljhhn] {
    margin: 0 0 3px;
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
}

.employee-tasks-column__header span:not(.employee-tasks-column__marker)[b-cyq15ljhhn] {
    color: #7a869b;
    font-size: 12px;
}

.employee-tasks-column__marker[b-cyq15ljhhn] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #94a3b8;
}

.employee-tasks-column__marker--progress[b-cyq15ljhhn] { background: #1677ff; }
.employee-tasks-column__marker--review[b-cyq15ljhhn] { background: #d89614; }
.employee-tasks-column__marker--done[b-cyq15ljhhn] { background: #389e0d; }

.employee-tasks-column__body[b-cyq15ljhhn] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 360px;
    padding: 12px;
}

.employee-tasks-column__empty[b-cyq15ljhhn] {
    display: grid;
    flex: 1;
    min-height: 140px;
    place-items: center;
    border: 1px dashed #d8deea;
    border-radius: 10px;
    color: #9aa5b8;
    font-size: 13px;
}

.employee-task-card[b-cyq15ljhhn] {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 14px;
    border: 1px solid #e7ebf2;
    border-left: 3px solid #94a3b8;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(30, 46, 80, .05);
    cursor: grab;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.employee-task-card:hover[b-cyq15ljhhn],
.employee-task-card:focus-visible[b-cyq15ljhhn] {
    border-color: #91caff;
    box-shadow: 0 8px 20px rgba(30, 46, 80, .1);
    outline: none;
    transform: translateY(-1px);
}

.employee-task-card:active[b-cyq15ljhhn] { cursor: grabbing; }
.employee-task-card[draggable="false"][b-cyq15ljhhn] { cursor: pointer; }
.employee-task-card--dragging[b-cyq15ljhhn] {
    opacity: .48;
    transform: rotate(1deg) scale(.99);
}
.employee-task-card--archived[b-cyq15ljhhn] { opacity: .72; }

/* Левая граница показывает приоритет и остаётся заметной при наведении. */
.employee-task-card--priority-high[b-cyq15ljhhn] { border-left-color: #ff4d4f; }
.employee-task-card--priority-normal[b-cyq15ljhhn] { border-left-color: #1677ff; }
.employee-task-card--priority-low[b-cyq15ljhhn] { border-left-color: #52c41a; }

.employee-task-card__topline[b-cyq15ljhhn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}

.employee-task-card__title[b-cyq15ljhhn] {
    min-width: 0;
    color: #1f2937;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.employee-task-card__description[b-cyq15ljhhn] {
    display: -webkit-box;
    margin: -2px 0 0;
    overflow: hidden;
    color: #526079;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.employee-task-card__badges[b-cyq15ljhhn] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

.employee-task-card__archive-badge[b-cyq15ljhhn] {
    padding: 3px 7px;
    border-radius: 999px;
    color: #596579;
    background: #eef1f5;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.employee-task-card__meta[b-cyq15ljhhn] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #68758b;
    font-size: 12px;
}

.employee-task-card__meta + .employee-task-card__meta[b-cyq15ljhhn] {
    margin-top: -6px;
}

.employee-task-card__meta .anticon[b-cyq15ljhhn] { color: #8c99ad; }
.employee-task-card__meta--overdue[b-cyq15ljhhn] { color: #cf1322; font-weight: 600; }

.employee-tasks-board__mobile-tabs[b-cyq15ljhhn] { display: none; }

@media (max-width: 1100px) {
    .employee-tasks-board[b-cyq15ljhhn] { grid-template-columns: repeat(4, minmax(235px, 1fr)); }
}

@media (max-width: 767px) {
    .employee-tasks-board__mobile-tabs[b-cyq15ljhhn] {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 14px;
        padding: 0 1px 8px;
        overflow-x: auto;
        border-bottom: 1px solid #e6ebf2;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }

    .employee-tasks-board__mobile-tabs[b-cyq15ljhhn]::-webkit-scrollbar {
        display: none;
    }

    .employee-tasks-board__mobile-tab[b-cyq15ljhhn] {
        --tab-accent: #8290a3;
        --tab-active-background: #f3f5f8;
        --tab-active-border: #cbd5e1;
        --tab-active-color: #334155;
        --tab-count-background: #edf1f5;
        --tab-count-color: #475569;
        position: relative;
        display: inline-flex;
        flex: 0 0 auto;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 0 11px;
        border: 1px solid #e2e8f0;
        border-radius: 999px;
        color: #66748a;
        background: #fff;
        font: inherit;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        white-space: nowrap;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(22, 119, 255, .12);
        transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    }

    .employee-tasks-board__mobile-tab[b-cyq15ljhhn]::before {
        width: 6px;
        height: 6px;
        flex: 0 0 auto;
        border-radius: 50%;
        background: var(--tab-accent);
        content: "";
    }

    .employee-tasks-board__mobile-tab > span:first-child[b-cyq15ljhhn] {
        min-width: 0;
        white-space: nowrap;
    }

    .employee-tasks-board__mobile-tab:hover[b-cyq15ljhhn] {
        border-color: #cbd5e1;
        background: #f8fafc;
    }

    .employee-tasks-board__mobile-tab:focus-visible[b-cyq15ljhhn] {
        outline: 2px solid #91caff;
        outline-offset: 1px;
    }

    .employee-tasks-board__mobile-tab.is-active[b-cyq15ljhhn] {
        color: var(--tab-active-color);
        background: var(--tab-active-background);
        border-color: var(--tab-active-border);
        box-shadow: 0 2px 7px rgba(30, 46, 80, .08);
    }

    .employee-tasks-board__mobile-count[b-cyq15ljhhn] {
        display: grid;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        place-items: center;
        border-radius: 999px;
        color: var(--tab-count-color);
        background: var(--tab-count-background);
        font-size: 11px;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
    }

    .employee-tasks-board__mobile-tab--todo[b-cyq15ljhhn] {
        --tab-active-background: #f3f5f8;
        --tab-active-border: #cbd5e1;
        --tab-active-color: #334155;
    }

    .employee-tasks-board__mobile-tab--progress[b-cyq15ljhhn] {
        --tab-accent: #1677ff;
        --tab-active-background: #f0f7ff;
        --tab-active-border: #91caff;
        --tab-active-color: #0958d9;
        --tab-count-background: #e6f4ff;
        --tab-count-color: #0958d9;
    }

    .employee-tasks-board__mobile-tab--review[b-cyq15ljhhn] {
        --tab-accent: #d89614;
        --tab-active-background: #fff9e6;
        --tab-active-border: #ffd666;
        --tab-active-color: #ad6800;
        --tab-count-background: #fff3d6;
        --tab-count-color: #ad6800;
    }

    .employee-tasks-board__mobile-tab--done[b-cyq15ljhhn] {
        --tab-accent: #389e0d;
        --tab-active-background: #f6ffed;
        --tab-active-border: #b7eb8f;
        --tab-active-color: #237804;
        --tab-count-background: #e9f7e5;
        --tab-count-color: #237804;
    }

    .employee-tasks-board[b-cyq15ljhhn] { display: block; padding-bottom: 7px; }
    .employee-tasks-column[b-cyq15ljhhn] { min-height: 0; }
    .employee-tasks-column--mobile-hidden[b-cyq15ljhhn] { display: none; }
    .employee-tasks-column__body[b-cyq15ljhhn] { min-height: 210px; }
    .employee-task-card[b-cyq15ljhhn] { cursor: pointer; }
}

.employee-tasks-board--dragging[b-cyq15ljhhn] { user-select: none; }

@media (prefers-reduced-motion: reduce) {
    .employee-tasks-board__mobile-tab[b-cyq15ljhhn] { transition: none; }
}
/* _content/GranulaOps/Components/Tasks/TaskBoardFilters.razor.rz.scp.css */
.employee-tasks-toolbar[b-4iedoq6die] {
    display: grid;
    gap: 14px;
    margin: 0;
}

.employee-tasks-toolbar__top[b-4iedoq6die] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.employee-tasks-toolbar__search[b-4iedoq6die] {
    flex: 1 1 auto;
    min-width: 220px;
}

.employee-tasks-toolbar__actions[b-4iedoq6die] {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.employee-tasks-toolbar__actions--single[b-4iedoq6die] {
    min-width: 144px;
}

.employee-tasks-toolbar[b-4iedoq6die]  .employee-tasks-filter-collapse {
    margin: 0;
    border: 1px solid #edf0f5;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.employee-tasks-toolbar[b-4iedoq6die]  .employee-tasks-filter-collapse .ant-collapse-item {
    border-bottom: 0;
}

.employee-tasks-toolbar[b-4iedoq6die]  .employee-tasks-filter-collapse .ant-collapse-header {
    padding: 10px 12px !important;
    color: #526079;
    font-size: 13px;
    font-weight: 650;
}

.employee-tasks-toolbar[b-4iedoq6die]  .employee-tasks-filter-collapse .ant-collapse-content {
    background: transparent;
    border-top: 0;
}

.employee-tasks-toolbar[b-4iedoq6die]  .employee-tasks-filter-collapse .ant-collapse-content-box {
    padding: 8px 12px 12px !important;
}

.employee-tasks-filter-grid[b-4iedoq6die] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px 12px;
}

.employee-tasks-filter-field[b-4iedoq6die] {
    display: grid;
    grid-column: span 4;
    min-width: 0;
    gap: 6px;
}

.employee-tasks-filter-field--half[b-4iedoq6die] {
    grid-column: span 6;
}

.employee-tasks-filter-field__label[b-4iedoq6die] {
    color: #69768c;
    font-size: 12px;
    font-weight: 600;
}

.employee-tasks-filter-checks[b-4iedoq6die] {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    padding-top: 2px;
}

.employee-tasks-filter-checks[b-4iedoq6die]  .ant-checkbox-wrapper {
    color: #526079;
    font-size: 12px;
    margin-inline-start: 0;
}

@media (max-width: 767px) {
    .employee-tasks-toolbar[b-4iedoq6die] {
        gap: 10px;
    }

    .employee-tasks-toolbar__top[b-4iedoq6die] {
        align-items: stretch;
        flex-direction: column;
    }

    .employee-tasks-toolbar__search[b-4iedoq6die] {
        min-width: 0;
    }

    .employee-tasks-toolbar__actions[b-4iedoq6die] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .employee-tasks-toolbar__actions--single[b-4iedoq6die] {
        grid-template-columns: minmax(0, 1fr);
    }

    .employee-tasks-toolbar__actions .ant-btn[b-4iedoq6die] {
        width: 100%;
    }

    .employee-tasks-filter-grid[b-4iedoq6die] {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .employee-tasks-filter-field[b-4iedoq6die],
    .employee-tasks-filter-field--half[b-4iedoq6die] {
        grid-column: 1;
    }

    .employee-tasks-filter-checks[b-4iedoq6die] {
        display: grid;
        gap: 10px;
    }

    /* Ant Design добавляет левый отступ всем чекбоксам, кроме первого.
       В мобильной одноколоночной раскладке из-за этого строки начинаются
       на разных позициях, поэтому отступами управляет сама сетка. */
    .employee-tasks-filter-checks[b-4iedoq6die]  .ant-checkbox-wrapper + .ant-checkbox-wrapper {
        margin-inline-start: 0;
    }
}

@media (max-width: 420px) {
    .employee-tasks-toolbar__actions[b-4iedoq6die] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/GranulaOps/Components/Things/RefThingsFilters.razor.rz.scp.css */
.ref-things-filters[b-qgskte3hu3] {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* _content/GranulaOps/Components/Things/ThingPhotoModal.razor.rz.scp.css */
/* _content/GranulaOps/Components/Things/ThingThumbnail.razor.rz.scp.css */
.thing-thumbnail[b-8qoqm3gu82] {
    display: block;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    background: #fafafa;
    cursor: pointer;
}

.thing-thumbnail img[b-8qoqm3gu82] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.thing-thumbnail:hover[b-8qoqm3gu82] {
    border-color: #1677ff;
}

.thing-thumbnail:focus-visible[b-8qoqm3gu82] {
    outline: 2px solid #1677ff;
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .thing-thumbnail[b-8qoqm3gu82] {
        width: 64px;
        height: 64px;
    }
}
/* _content/GranulaOps/Components/UserProfilePanel.razor.rz.scp.css */
.user-panel--expanded[b-ve9h1emvil] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    gap: 10px;
}

.user-panel-expanded-wrapper[b-ve9h1emvil] {
    width: 100%;
}

.user-panel-impersonation-card[b-ve9h1emvil] {
    margin: 8px 8px 4px;
    overflow: hidden;
    border: 1px solid rgba(250, 173, 20, 0.32);
    border-radius: 8px;
    background: rgba(250, 173, 20, 0.08);
    color: #ffc53d;
}

.user-panel-impersonation-card--popover[b-ve9h1emvil] {
    margin: 0;
    border-color: rgba(212, 136, 6, 0.28);
    background: #fffbe6;
    color: #ad6800;
}

.user-panel-impersonation-status[b-ve9h1emvil],
.user-panel-impersonation-action[b-ve9h1emvil] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    line-height: 1.35;
}

.user-panel-impersonation-status[b-ve9h1emvil] {
    align-items: flex-start;
    padding: 8px 9px 7px;
    font-weight: 600;
}

.user-panel-impersonation-copy[b-ve9h1emvil] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 2px;
}

.user-panel-impersonation-label[b-ve9h1emvil],
.user-panel-impersonation-user[b-ve9h1emvil] {
    display: block;
}

.user-panel-impersonation-user[b-ve9h1emvil] {
    overflow: hidden;
    color: #fff1b8;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-panel-impersonation-card--popover .user-panel-impersonation-user[b-ve9h1emvil] {
    color: #874d00;
}

.user-panel-impersonation-icon[b-ve9h1emvil] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    background: rgba(250, 173, 20, 0.16);
}

.user-panel-impersonation-action[b-ve9h1emvil] {
    width: 100%;
    min-height: 38px;
    padding: 7px 9px;
    border: 0;
    border-top: 1px solid rgba(250, 173, 20, 0.18);
    background: rgba(250, 173, 20, 0.06);
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.user-panel-impersonation-action:hover[b-ve9h1emvil] {
    background: rgba(250, 173, 20, 0.16);
    color: #ffe58f;
}

.user-panel-impersonation-card--popover .user-panel-impersonation-action:hover[b-ve9h1emvil] {
    background: #fff1b8;
    color: #874d00;
}

.user-panel-impersonation-action:focus-visible[b-ve9h1emvil] {
    outline: 2px solid #faad14;
    outline-offset: -2px;
}

.user-panel--collapsed[b-ve9h1emvil] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    gap: 8px;
}

[b-ve9h1emvil] .user-panel-avatar {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.user-panel-info[b-ve9h1emvil] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.user-panel-name[b-ve9h1emvil] {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.user-panel-position[b-ve9h1emvil] {
    font-size: 11px;
    opacity: 0.65;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-panel-actions[b-ve9h1emvil] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
    flex-shrink: 0;
}

.user-panel-action[b-ve9h1emvil] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.65;
    transition: opacity 0.2s;
}

.user-panel-action:hover[b-ve9h1emvil] {
    opacity: 1;
}

.user-panel-action--logout:hover[b-ve9h1emvil] {
    opacity: 1;
    color: var(--ant-color-error, #ff4d4f);
}

.user-panel-action-divider[b-ve9h1emvil] {
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
}

.user-panel-toggle[b-ve9h1emvil] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.65;
    transition: opacity 0.2s;
}

.user-panel-toggle:hover[b-ve9h1emvil] {
    opacity: 1;
}

@media (max-width: 767px) {
    .user-panel-impersonation-card[b-ve9h1emvil] {
        border-color: #ffc069;
        background: #fff7e6;
        color: #873800;
    }

    .user-panel-impersonation-icon[b-ve9h1emvil] {
        background: #ffe7ba;
        color: #d46b08;
    }

    .user-panel-impersonation-user[b-ve9h1emvil] {
        color: #612500;
    }

    .user-panel-impersonation-action[b-ve9h1emvil] {
        border-top-color: #ffd591;
        background: #fff1d6;
        color: #ad4e00;
    }

    .user-panel-impersonation-action:hover[b-ve9h1emvil] {
        background: #ffe7ba;
        color: #873800;
    }

    .user-panel-action--logout[b-ve9h1emvil] {
        color: var(--ant-color-error, #ff4d4f);
        opacity: 1;
    }
}
/* _content/GranulaOps/Components/Warehouse/WarehouseHistoryFilters.razor.rz.scp.css */
.warehouse-history-filters[b-6d779k6pse] {
	margin-bottom: 14px;
}

.warehouse-history-filters__row[b-6d779k6pse] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	flex-wrap: wrap;
}

.warehouse-history-filters__dates-row[b-6d779k6pse] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	flex-wrap: wrap;
}

.warehouse-history-filters__mobile-row[b-6d779k6pse] {
	display: flex;
	flex-direction: row;
	gap: 8px;
	margin-top: 8px;
}

.warehouse-history-filters__mobile-row .select-button[b-6d779k6pse] {
	flex: 1;
	min-width: 0;
}

.select-button__prefix[b-6d779k6pse] {
	display: inline-flex;
	align-items: center;
	margin-right: 6px;
	flex-shrink: 0;
}

.select-button__text[b-6d779k6pse] {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.warehouse-history-filters__mobile-date[b-6d779k6pse] {
	margin-top: 8px;
}

.select-button[b-6d779k6pse] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 4px 11px;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	height: 32px;
	font-size: 14px;
	color: rgba(0,0,0,0.88);
	box-sizing: border-box;
}

.select-button:hover[b-6d779k6pse] {
	border-color: #4096ff;
}

.picker-item[b-6d779k6pse] {
	padding: 10px 12px;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	font-size: 14px;
	color: #262626;
	transition: background 0.15s;
}

.picker-item:active[b-6d779k6pse] {
	background: #f5f5f5;
}

.picker-item:last-child[b-6d779k6pse] {
	border-bottom: none;
}

.warehouse-history-filters[b-6d779k6pse]  .ant-input-affix-wrapper {
	border-radius: 8px 0 0 8px !important;
}

.warehouse-history-filters[b-6d779k6pse]  .ant-input-search-button {
	border-radius: 0 8px 8px 0 !important;
}
/* _content/GranulaOps/Components/Warehouse/WarehouseHistoryListItem.razor.rz.scp.css */
.warehouse-history-list-item[b-2i9gvbxjyq] {
	display: flex;
	align-items: stretch;
	background: #fff;
	border: 1px solid var(--granula-surface-border);
	border-radius: 14px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(20, 30, 50, 0.04);
}

.warehouse-history-list-item:active[b-2i9gvbxjyq] {
	background: var(--granula-active-surface);
}

.warehouse-history-list-item__ribbon[b-2i9gvbxjyq] {
	width: 5px;
	flex: 0 0 auto;
}

.warehouse-history-list-item__body[b-2i9gvbxjyq] {
	flex: 1;
	min-width: 0;
	padding: 12px 14px 11px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"thing values"
		"code values"
		"action action"
		"warehouse warehouse";
	column-gap: 14px;
	row-gap: 0;
	align-items: start;
}

.warehouse-history-list-item__thing[b-2i9gvbxjyq] {
	grid-area: thing;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	word-break: break-word;
}

.warehouse-history-list-item__code[b-2i9gvbxjyq] {
	grid-area: code;
	margin-top: 1px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 4px;
	font-size: 11.5px;
	line-height: 1.25;
	color: #9DA2AA;
	font-weight: 400;
	word-break: break-word;
}

.warehouse-history-list-item__code-separator[b-2i9gvbxjyq] {
	color: inherit;
	white-space: pre;
}

.warehouse-history-list-item__code-date[b-2i9gvbxjyq] {
	color: inherit;
	white-space: nowrap;
}

.warehouse-history-list-item__action[b-2i9gvbxjyq] {
	grid-area: action;
	margin-top: 9px;
	min-width: 0;
	align-self: center;
}

.warehouse-history-list-item__action .ant-tag[b-2i9gvbxjyq] {
	margin: 0;
}

.warehouse-history-list-item__values[b-2i9gvbxjyq] {
	grid-area: values;
	align-self: start;
	justify-self: end;
	text-align: right;
	min-width: 76px;
	line-height: 1.2;
	word-break: break-word;
}

.wh-qty__current[b-2i9gvbxjyq] {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.4px;
	font-variant-numeric: tabular-nums;
}

.wh-qty__unit[b-2i9gvbxjyq] {
	margin-left: 2px;
	font-size: 12px;
	font-weight: 500;
	color: #9DA2AA;
}

.warehouse-history-list-item__warehouse[b-2i9gvbxjyq] {
	grid-area: warehouse;
	margin-top: 8px;
	min-width: 0;
	max-width: 100%;
}

.warehouse-history-list-item__warehouse[b-2i9gvbxjyq]  .warehouse-name-tag.ant-tag {
	max-width: 100%;
	width: fit-content;
	height: auto;
	border-radius: 999px;
}
/* _content/GranulaOps/Components/Warehouse/WarehouseStockListItem.razor.rz.scp.css */
.warehouse-stock-list-item[b-9syrgyqbu5] {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    cursor: pointer;
}

.warehouse-stock-list-item:active[b-9syrgyqbu5] {
    background: var(--granula-active-surface);
}
/* _content/GranulaOps/Components/Warehouse/WarehouseStocksDesktopTable.razor.rz.scp.css */
.warehouse-stocks-desktop-table__balance[b-xqgjfgqvmi] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 120px;
}

.warehouse-stocks-desktop-table__balance-text[b-xqgjfgqvmi] {
    font-weight: 600;
    white-space: nowrap;
}

.warehouse-stocks-desktop-table__balance-text--zero[b-xqgjfgqvmi] {
    color: #9DA2AA;
}

.warehouse-stocks-desktop-table__balance-text--low[b-xqgjfgqvmi] {
    color: #B8770A;
}

.warehouse-stocks-desktop-table__balance[b-xqgjfgqvmi]  .warehouse-stocks-desktop-table__balance-bar {
    margin: 0;
    max-width: 120px;
}

.warehouse-stocks-desktop-table__actions[b-xqgjfgqvmi] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
}

.warehouse-stocks-desktop-table__batch-code[b-xqgjfgqvmi] {
    word-break: break-word;
}

.warehouse-stocks-desktop-table__batch-date-separator[b-xqgjfgqvmi] {
    color: inherit;
}

.warehouse-stocks-desktop-table__batch-date[b-xqgjfgqvmi] {
    color: inherit;
    white-space: nowrap;
}
/* _content/GranulaOps/Components/Warehouse/WarehouseStocksFilters.razor.rz.scp.css */
.warehouse-stocks-filters[b-08nzjh43t9] {
    margin-bottom: 0;
}

.warehouse-stocks-filters[b-08nzjh43t9]  .warehouse-stocks-filters__selects {
    margin-top: 8px;
}
/* _content/GranulaOps/Components/Warehouse/WarehouseStocksToolbar.razor.rz.scp.css */
.warehouse-stocks-toolbar[b-09os5ofp40] {
    margin-bottom: 14px;
}

.warehouse-stocks-toolbar__actions[b-09os5ofp40] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.warehouse-stocks-toolbar[b-09os5ofp40]  .warehouse-stocks-toolbar__button {
    width: 100%;
    min-height: 32px;
    height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 1.2;
}

.warehouse-stocks-toolbar[b-09os5ofp40]  .warehouse-stocks-toolbar__button .anticon {
    font-size: 14px;
}

.warehouse-stocks-toolbar[b-09os5ofp40]  .warehouse-stocks-toolbar__transfer {
    grid-column: 1 / -1;
}

@media (min-width: 768px) {
    .warehouse-stocks-toolbar__actions[b-09os5ofp40] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }

    .warehouse-stocks-toolbar[b-09os5ofp40]  .warehouse-stocks-toolbar__transfer {
        grid-column: auto;
    }

    .warehouse-stocks-toolbar[b-09os5ofp40]  .warehouse-stocks-toolbar__button {
        width: auto;
        min-height: 32px;
    }
}
/* _content/GranulaOps/Components/WorkSchedules/MonthlyScheduleGrid.razor.rz.scp.css */
.schedule-grid-header[b-n1wepn6mtk] {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fafafa;
}

.schedule-grid-corner[b-n1wepn6mtk] {
    min-width: 140px;
    max-width: 140px;
    flex-shrink: 0;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.45);
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.schedule-grid-day-header[b-n1wepn6mtk] {
    flex: 1;
    min-width: 0;
    padding: 4px 2px;
    text-align: center;
    font-size: 11px;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.schedule-grid-day-header.weekend[b-n1wepn6mtk] {
    background: #fef2f2;
}

.schedule-grid-day-header.today[b-n1wepn6mtk] {
    background: #e6f7ff;
}

.schedule-grid-day-header .day-number[b-n1wepn6mtk] {
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.2;
}

.schedule-grid-day-header .day-name[b-n1wepn6mtk] {
    display: block;
    color: rgba(0, 0, 0, 0.45);
    font-size: 10px;
    line-height: 1.2;
}

.schedule-grid-row[b-n1wepn6mtk] {
    display: flex;
}

.schedule-grid-employee[b-n1wepn6mtk] {
    min-width: 140px;
    max-width: 140px;
    flex-shrink: 0;
    padding: 4px 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    background: #fff;
}

.schedule-grid-employee .employee-name[b-n1wepn6mtk] {
    font-size: 12px;
    font-weight: 500;
    white-space: normal;
    word-break: break-word;
}

.schedule-grid-employee .employee-position[b-n1wepn6mtk] {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.45);
    white-space: normal;
    word-break: break-word;
}

.schedule-grid-cell[b-n1wepn6mtk] {
    flex: 1;
    min-width: 0;
    min-height: 72px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 5px 3px;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
}

.schedule-grid-cell:hover[b-n1wepn6mtk] {
    background: #e6f7ff;
}

.schedule-grid-cell.weekend[b-n1wepn6mtk] {
    background: #fef2f2;
}

.schedule-grid-cell.weekend:hover[b-n1wepn6mtk] {
    background: #e6f7ff;
}

.schedule-grid-cell.today[b-n1wepn6mtk] {
    background: #f0f9ff;
}

.schedule-grid-cell.has-shifts[b-n1wepn6mtk] {
    background: var(--cell-status-bg, #1890ff);
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.schedule-grid-cell.has-shifts.weekend[b-n1wepn6mtk],
.schedule-grid-cell.has-shifts.today[b-n1wepn6mtk] {
    background: var(--cell-status-bg, #1890ff);
}

.schedule-grid-cell.has-shifts:hover[b-n1wepn6mtk] {
    background:
        linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.07)),
        var(--cell-status-bg, #1890ff);
}

.schedule-grid-cell.status-upcoming[b-n1wepn6mtk] { --cell-status-bg: #69b1ff; }
.schedule-grid-cell.status-complete[b-n1wepn6mtk] { --cell-status-bg: #95de64; }
.schedule-grid-cell.status-partial[b-n1wepn6mtk]  { --cell-status-bg: #ffd666; }
.schedule-grid-cell.status-missing[b-n1wepn6mtk]  { --cell-status-bg: #ff7875; }

.shift-block[b-n1wepn6mtk] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    min-height: 20px;
    background: transparent;
}

.shift-block.night-segment[b-n1wepn6mtk] {
    position: absolute;
    top: 5px;
    height: 22px;
    z-index: 1;
}

.shift-block.night-segment.centered[b-n1wepn6mtk] {
    top: 50%;
    transform: translateY(-50%);
}

.shift-block.night-segment.incoming[b-n1wepn6mtk] {
    left: -1px;
    right: 50%;
    border-radius: 0 11px 11px 0;
}

.shift-block.night-segment.outgoing[b-n1wepn6mtk] {
    left: 50%;
    right: -1px;
    border-radius: 11px 0 0 11px;
}

.schedule-grid-cell.has-night-track[b-n1wepn6mtk] {
    padding-top: 32px;
    overflow: visible;
}

.day-shift-list[b-n1wepn6mtk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    min-width: 0;
}

.shift-block.day-shift[b-n1wepn6mtk] {
    position: relative;
    flex-direction: column;
    min-width: 0;
    min-height: 26px;
    padding: 2px 1px;
    line-height: 1.15;
}

.shift-block.day-shift span[b-n1wepn6mtk] {
    max-width: 100%;
    font-size: 9px;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}

.night-transition-times[b-n1wepn6mtk] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.25;
    z-index: 1;
    pointer-events: none;
    white-space: nowrap;
}

.shift-block.night-segment.incoming .night-transition-times[b-n1wepn6mtk] {
    left: 0;
}

.shift-block.night-segment.incoming.source-outside .night-transition-times[b-n1wepn6mtk] {
    left: 2px;
    transform: translateY(-50%);
}

.shift-block.night-segment.outgoing.destination-outside .night-transition-times[b-n1wepn6mtk] {
    right: 2px;
    left: auto;
    transform: translateY(-50%);
}

.night-transition-times span[b-n1wepn6mtk] {
    font-size: 9px;
    color: #fff;
    font-weight: 500;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}

.schedule-week-nav[b-n1wepn6mtk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 0;
}

.schedule-week-title[b-n1wepn6mtk] {
    font-size: 14px;
    font-weight: 600;
    min-width: 120px;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
}

@media (max-width: 767px) {
    .schedule-grid-corner[b-n1wepn6mtk],
    .schedule-grid-employee[b-n1wepn6mtk] {
        min-width: 80px;
        max-width: 80px;
    }

    .schedule-grid-cell[b-n1wepn6mtk] {
        min-height: 60px;
        padding-right: 2px;
        padding-left: 2px;
    }

    .schedule-grid-day-header[b-n1wepn6mtk] {
        min-width: 0;
    }

    .schedule-week-title[b-n1wepn6mtk] {
        font-size: 16px;
    }

    .schedule-week-nav[b-n1wepn6mtk] {
        margin-bottom: 8px;
    }

    .schedule-week-nav[b-n1wepn6mtk]  .ant-btn .anticon {
        font-size: 16px;
    }
}
/* _content/GranulaOps/Components/WorkSchedules/ScheduleShiftEditor.razor.rz.scp.css */
.shift-editor-loading[b-2nhwuh4geg] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shift-editor[b-2nhwuh4geg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-2nhwuh4geg] .shift-editor-alert {
    width: 100%;
}

[b-2nhwuh4geg] .shift-editor-error {
    position: sticky;
    top: 0;
    z-index: 3;
}

[b-2nhwuh4geg] .shift-editor-empty {
    margin: 4px 0;
}

.shift-editor-incoming[b-2nhwuh4geg] {
    border: 1px solid #bae0ff;
    border-left: 3px solid #1677ff;
    border-radius: 8px;
    background: #f0f7ff;
    overflow: hidden;
}

.shift-editor-incoming-header[b-2nhwuh4geg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #0958d9;
    background: rgba(22, 119, 255, 0.06);
}

.shift-editor-incoming-header[b-2nhwuh4geg]  .anticon {
    font-size: 14px;
}

.shift-editor-incoming-list[b-2nhwuh4geg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
}

.shift-editor-incoming-row[b-2nhwuh4geg] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-size: 13px;
    line-height: 1.4;
}

.shift-editor-incoming-date[b-2nhwuh4geg] {
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;
    min-width: 36px;
}

.shift-editor-incoming-time[b-2nhwuh4geg] {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.shift-editor-list[b-2nhwuh4geg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.shift-editor-row[b-2nhwuh4geg] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 20px minmax(0, 1fr) 40px;
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 4px;
    align-items: center;
    padding: 12px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.shift-editor-row:has(.ant-picker-focused)[b-2nhwuh4geg] {
    border-color: #1677ff;
    box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.1);
}

.shift-editor-row:hover[b-2nhwuh4geg] {
    border-color: #d9d9d9;
}

.shift-editor-number[b-2nhwuh4geg] {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #1677ff;
    background: #e6f4ff;
    font-size: 12px;
    font-weight: 600;
}

.shift-editor-label[b-2nhwuh4geg] {
    color: rgba(0, 0, 0, 0.45);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1;
}

.shift-editor-label-start[b-2nhwuh4geg] {
    grid-column: 2;
    grid-row: 1;
}

.shift-editor-label-end[b-2nhwuh4geg] {
    grid-column: 4;
    grid-row: 1;
}

[b-2nhwuh4geg] .shift-editor-time {
    width: 100%;
}

[b-2nhwuh4geg] .shift-editor-time-start {
    grid-column: 2;
    grid-row: 2;
}

[b-2nhwuh4geg] .shift-editor-time-end {
    grid-column: 4;
    grid-row: 2;
}

[b-2nhwuh4geg] .shift-editor-separator {
    grid-column: 3;
    grid-row: 2;
    color: rgba(0, 0, 0, 0.25);
    font-size: 14px;
    justify-self: center;
}

.shift-editor-remove-cell[b-2nhwuh4geg] {
    grid-column: 5;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-2nhwuh4geg] .shift-editor-remove {
    width: 40px;
    height: 40px;
}

[b-2nhwuh4geg] .shift-editor-add {
    min-height: 40px;
}

@media (max-width: 480px) {
    .shift-editor[b-2nhwuh4geg] {
        gap: 12px;
    }

    .shift-editor-row[b-2nhwuh4geg] {
        grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 40px;
        padding: 10px;
        column-gap: 6px;
    }

    .shift-editor-number[b-2nhwuh4geg],
    .shift-editor-label-start[b-2nhwuh4geg],
    .shift-editor-label-end[b-2nhwuh4geg] {
        display: none;
    }

    .shift-editor-label-start[b-2nhwuh4geg] {
        grid-column: 1;
    }

    .shift-editor-label-end[b-2nhwuh4geg] {
        grid-column: 3;
    }

    [b-2nhwuh4geg] .shift-editor-time-start {
        grid-column: 1;
    }

    [b-2nhwuh4geg] .shift-editor-separator {
        grid-column: 2;
    }

    [b-2nhwuh4geg] .shift-editor-time-end {
        grid-column: 3;
    }

    .shift-editor-remove-cell[b-2nhwuh4geg] {
        grid-column: 4;
    }
}
/* _content/GranulaOps/Pages/Admin/AdminUsers.razor.rz.scp.css */
.impersonation-action-button[b-huvb092rj7] {
    min-height: 32px;
}

.mobile-impersonation-action[b-huvb092rj7] {
    margin-top: 0;
}

.mobile-user-actions[b-huvb092rj7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.admin-users-toolbar[b-huvb092rj7] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
}

.admin-users-toolbar__selector[b-huvb092rj7] {
    display: flex;
    width: min(48vw, 520px);
    flex: 0 1 520px;
    flex-direction: column;
    gap: 6px;
    min-width: 280px;
    max-width: 520px;
}

.admin-users-toolbar__label[b-huvb092rj7] {
    padding-left: 4px;
    color: var(--granula-muted-text, #6a7079);
    font-size: 12px;
    font-weight: 600;
}

.admin-users-toolbar__actions[b-huvb092rj7] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.admin-users-header-create-mobile[b-huvb092rj7] {
    display: flex;
    justify-content: flex-start;
    padding-top: 8px;
}

.admin-users-header-create-mobile[b-huvb092rj7]  .ant-btn {
    min-height: 36px;
    padding-inline: 16px;
}

.admin-users-toolbar__actions[b-huvb092rj7]  .ant-btn {
    min-height: var(--control-min-height, 40px);
    padding-inline: 18px;
}

@media (max-width: 899px) {
    .admin-users-toolbar[b-huvb092rj7] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-users-toolbar__selector[b-huvb092rj7] {
        width: 100%;
        flex-basis: auto;
        max-width: none;
    }

    .admin-users-toolbar__actions[b-huvb092rj7] {
        justify-content: flex-end;
    }
}

.impersonation-confirmation-backdrop[b-huvb092rj7] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(0, 0, 0, 0.45);
}

.impersonation-confirmation[b-huvb092rj7] {
    width: min(100%, 440px);
    padding: 24px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
}

.impersonation-confirmation__title[b-huvb092rj7] {
    margin: 0 0 12px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 18px;
    line-height: 1.4;
}

.impersonation-confirmation__text[b-huvb092rj7] {
    margin: 0;
    color: rgba(0, 0, 0, 0.65);
    line-height: 1.55;
}

.impersonation-confirmation__actions[b-huvb092rj7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px;
}

.impersonation-confirmation__button[b-huvb092rj7] {
    min-width: 88px;
    min-height: 40px;
    padding: 6px 16px;
    border: 1px solid #d9d9d9;
    border-radius: var(--button-border-radius, 9999px);
    background: #fff;
    cursor: pointer;
    font: inherit;
}

.impersonation-confirmation__button--confirm[b-huvb092rj7] {
    border-color: #1677ff;
    background: #1677ff;
    color: #fff;
}

.impersonation-confirmation__button:focus-visible[b-huvb092rj7] {
    outline: 3px solid rgba(22, 119, 255, 0.35);
    outline-offset: 2px;
}
/* _content/GranulaOps/Pages/Batches/BatchDetails.razor.rz.scp.css */
.batch-details-page[b-vdqiuqw0hl] {
    background: var(--granula-page-background);
    margin: -8px -24px 0;
    padding: 0 16px 24px;
}

.batch-details-page[b-vdqiuqw0hl]  .batch-details-page__header {
    margin: 0 -16px 8px;
    padding: 0 16px;
    background: var(--granula-page-background);
}

.batch-details-page[b-vdqiuqw0hl]  .batch-details-page__header .ant-page-header {
    padding: 8px 0 0;
}

.batch-details-page[b-vdqiuqw0hl]  .action-tile-grid {
    margin-top: 0;
}

.batch-details-page__spinner[b-vdqiuqw0hl] {
    min-height: 400px;
}

.batch-details-page[b-vdqiuqw0hl]  .batch-details-page__full-width-select {
    width: 100%;
}

@media (max-width: 767px) {
    .batch-details-page[b-vdqiuqw0hl] {
        margin: -8px -16px 0;
        padding: 0 16px 88px;
    }
}
/* _content/GranulaOps/Pages/Batches/BatchStickersPrint.razor.rz.scp.css */
.print-toolbar[b-wujgixcvz9] {
    margin-bottom: 16px;
    border-left: 3px solid #1890ff;
}

.batch-stickers-print__spinner[b-wujgixcvz9] {
    min-height: 240px;
}

.stickers-card[b-wujgixcvz9]  .ant-card-body {
    padding: 16px;
    background: #fafafa;
}

@media screen and (max-width: 767px) {
    .stickers-card[b-wujgixcvz9]  .ant-card-body {
        padding: 8px;
    }

    .stickers-sheet[b-wujgixcvz9] {
        grid-template-columns: min(95mm, 100%);
        gap: 8px;
    }
}

@media screen and (max-width: 600px) {
    [b-wujgixcvz9] .ant-page-header-heading {
        flex-wrap: wrap;
    }

    [b-wujgixcvz9] .ant-page-header-heading-title {
        font-size: 14px;
        white-space: normal;
        line-height: 1.3;
    }

    [b-wujgixcvz9] .ant-page-header-extra {
        margin-left: 0;
        width: 100%;
    }
}

@media print {
    .stickers-card[b-wujgixcvz9]  .ant-card {
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .stickers-card[b-wujgixcvz9]  .ant-card-body {
        padding: 0 !important;
        background: #fff !important;
    }
}
/* _content/GranulaOps/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page__widgets[b-w5ghtt2wes] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.dashboard-page__widget[b-w5ghtt2wes] {
    min-width: 0;
}

@media (min-width: 992px) {
    .dashboard-page__widgets[b-w5ghtt2wes] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 8px;
        row-gap: 8px;
        align-items: stretch;
    }

    .dashboard-page__widget[b-w5ghtt2wes] {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .dashboard-page__widget[b-w5ghtt2wes]  .dashboard-section {
        width: 100%;
        flex: 1 1 auto;
    }
}
/* _content/GranulaOps/Pages/Equipment/EquipmentTypes.razor.rz.scp.css */
.ref-toolbar[b-mw67r55tyc] {
    margin-bottom: 16px;
}
/* _content/GranulaOps/Pages/Equipment/EquipmentUnits.razor.rz.scp.css */
.equipment-units-page__cards-root[b-hxaf443s8w] {
    position: relative;
}

@media (max-width: 767px) {
    .equipment-units-page--selecting[b-hxaf443s8w] {
        padding-bottom: 56px;
    }
}
/* _content/GranulaOps/Pages/Operations/OperationNew.razor.rz.scp.css */
.operation-new-card[b-fi3cltu637] {
    margin-top: 24px;
}

.operation-new-plan-context__details[b-fi3cltu637] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 6px 24px;
}

.operation-new-plan-context__label[b-fi3cltu637] {
    color: rgba(0, 0, 0, 0.65);
    margin-right: 6px;
}

.operation-new-plan-context__note[b-fi3cltu637] {
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.65);
}

@media (max-width: 576px) {
    .operation-new-plan-context__details[b-fi3cltu637] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .operation-new-plan-context__details > div[b-fi3cltu637] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .operation-new-plan-context__label[b-fi3cltu637] {
        margin-right: 0;
    }
}
/* _content/GranulaOps/Pages/Operations/OperationsList.razor.rz.scp.css */
.operations-list-page__cards[b-5hgjijiydz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.operations-list-page__day[b-5hgjijiydz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.operations-list-page__day-header[b-5hgjijiydz] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--granula-muted-text);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 2px 0;
}

.operations-list-page__day-items[b-5hgjijiydz] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}
/* _content/GranulaOps/Pages/Orders/CustomerOrders.razor.rz.scp.css */
.orders-toolbar[b-79ker74h2d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

.orders-filter-row[b-79ker74h2d] {
    display: grid;
    gap: 12px;
    align-items: start;
}

.orders-filter-row--search[b-79ker74h2d] {
    grid-template-columns: minmax(0, 1fr);
}

.orders-filter-row--filters[b-79ker74h2d] {
    grid-template-columns: minmax(150px, 190px) minmax(170px, 220px) minmax(280px, 1fr);
}

.orders-filter-field[b-79ker74h2d] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.orders-filter-label[b-79ker74h2d] {
    color: var(--granula-muted-text, #6a7079);
    font-size: 12px;
    line-height: 1.2;
}

.orders-filter-control[b-79ker74h2d] {
    width: 100%;
}

.orders-list-surface[b-79ker74h2d] {
    min-width: 0;
}

.orders-loading[b-79ker74h2d] {
    display: flex;
    justify-content: center;
    padding: 48px 0;
}

.orders-loading--compact[b-79ker74h2d] {
    padding: 32px 0;
}

.orders-empty[b-79ker74h2d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 24px 0;
}

.orders-number-cell[b-79ker74h2d],
.order-editor-price[b-79ker74h2d],
.order-total-summary[b-79ker74h2d],
.order-card__total[b-79ker74h2d] {
    font-variant-numeric: tabular-nums;
}

.orders-mobile-list[b-79ker74h2d],
.order-details-items[b-79ker74h2d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order-card[b-79ker74h2d],
.order-details-item-card[b-79ker74h2d],
.order-editor-item[b-79ker74h2d] {
    min-width: 0;
    border: 1px solid var(--granula-surface-border, #f0f0f0);
    border-radius: 12px;
    background: #fff;
    padding: 14px 16px;
}

.order-card[b-79ker74h2d] {
    cursor: pointer;
}

.order-card__header[b-79ker74h2d],
.order-details-item-card__header[b-79ker74h2d],
.order-editor-item__header[b-79ker74h2d],
.order-details-head[b-79ker74h2d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.order-card__header strong[b-79ker74h2d],
.order-details-item-card__header strong[b-79ker74h2d] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.order-card__meta[b-79ker74h2d],
.order-editor-price[b-79ker74h2d],
.order-details-item-card__grid[b-79ker74h2d] {
    color: var(--granula-muted-text, #6a7079);
    font-size: 13px;
}

.order-card__meta[b-79ker74h2d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 8px;
}

.order-card__status[b-79ker74h2d] {
    margin-top: 10px;
}

.order-card__total[b-79ker74h2d] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    font-size: 14px;
}

.order-card__total strong[b-79ker74h2d],
.order-details-item-card__line-total[b-79ker74h2d],
.order-editor-price__total[b-79ker74h2d] {
    color: rgba(0, 0, 0, 0.88);
    font-size: 16px;
}

.order-card__actions[b-79ker74h2d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 14px;
}

.order-details-head[b-79ker74h2d] {
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 16px;
}

.order-details-head__badges[b-79ker74h2d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
}

.order-details-head__badges[b-79ker74h2d]  .ant-tag {
    margin-inline-end: 0;
}

.order-details-item-card__quantity[b-79ker74h2d] {
    margin-top: 10px;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
}

.order-details-item-card__line-total[b-79ker74h2d] {
    margin-top: 6px;
}

.order-details-item-card__grid[b-79ker74h2d] {
    display: grid;
    grid-template-columns: minmax(72px, auto) minmax(0, 1fr);
    gap: 6px 12px;
    margin-top: 12px;
}

.order-details-item-card__grid strong[b-79ker74h2d] {
    color: rgba(0, 0, 0, 0.88);
    text-align: right;
    overflow-wrap: anywhere;
}

.order-details-item-card__grid strong .order-details-muted[b-79ker74h2d] {
    display: block;
    color: var(--granula-muted-text, #6a7079);
    font-weight: 400;
}

.order-details-muted[b-79ker74h2d] {
    font-size: 12px;
    color: var(--granula-muted-text, #6a7079);
}

.order-total-summary[b-79ker74h2d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--granula-surface-border, #f0f0f0);
}

.order-total-summary > div[b-79ker74h2d] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.order-total-summary__grand[b-79ker74h2d] {
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid var(--granula-surface-border, #f0f0f0);
    font-size: 18px;
}

.order-editor-items[b-79ker74h2d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}

.order-editor-item__header[b-79ker74h2d] {
    align-items: center;
    margin-bottom: 12px;
}

.order-editor-item__header[b-79ker74h2d]  .ant-btn {
    padding-inline: 0;
}

.order-editor-quantity-input[b-79ker74h2d] {
    width: 100%;
}

.order-quantity-control[b-79ker74h2d] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.order-quantity-control > span[b-79ker74h2d] {
    flex: 0 0 auto;
    color: var(--granula-muted-text, #6a7079);
}

.order-editor-price[b-79ker74h2d] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 2px 0 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--granula-subtle-surface, #fafafa);
}

.order-editor-price > div:first-child[b-79ker74h2d] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.order-editor-price strong[b-79ker74h2d] {
    color: rgba(0, 0, 0, 0.88);
}

.order-editor-price__total[b-79ker74h2d] {
    margin-top: 4px;
}

.order-editor-price__unit[b-79ker74h2d] {
    color: var(--granula-muted-text, #6a7079);
    font-size: 12px;
}

.order-editor-stock[b-79ker74h2d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding-top: 4px;
    border-top: 1px solid var(--granula-surface-border, #f0f0f0);
}

.order-editor-error[b-79ker74h2d] {
    margin-top: 4px;
    color: var(--ant-color-error, #d4380d);
    font-size: 12px;
}

.order-editor-total[b-79ker74h2d] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--granula-surface-border, #f0f0f0);
    font-variant-numeric: tabular-nums;
}

.order-editor-total strong[b-79ker74h2d] {
    font-size: 18px;
}

.order-sheet[b-79ker74h2d] {
    padding-bottom: 8px;
}

.order-sheet__title[b-79ker74h2d] {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
}

.order-sheet__actions[b-79ker74h2d] {
    position: sticky;
    bottom: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    margin: 16px -12px -8px;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
    background: var(--granula-page-background, #f0f2f5);
    border-top: 1px solid var(--granula-surface-border, #f0f0f0);
}

.order-details-sheet[b-79ker74h2d]  .ant-btn {
    margin-top: 16px;
}

@media (max-width: 767px) {
    .order-card__header[b-79ker74h2d] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .orders-filter-row--filters[b-79ker74h2d] {
        grid-template-columns: 1fr;
    }

    .orders-filter-field--things[b-79ker74h2d] {
        order: 3;
    }

    .order-editor-price > div:first-child[b-79ker74h2d] {
        flex-direction: column;
        gap: 2px;
    }
}
/* _content/GranulaOps/Pages/ProductionPlans/MyProductionPlanTasks.razor.rz.scp.css */
.production-plan-my-tasks-page__cards[b-4gbtby0sh9] {
    position: relative;
}

.production-plan-my-tasks-page__cards[b-4gbtby0sh9]  .infinite-scroll-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.production-plan-my-tasks-page__cards[b-4gbtby0sh9]  .infinite-scroll-list__item {
    min-width: 0;
}
/* _content/GranulaOps/Pages/ProductionPlans/ProductionPlansList.razor.rz.scp.css */
.production-plans-page__cards-root[b-46261aoeh4] {
    position: relative;
}
/* _content/GranulaOps/Pages/Qc/QcProtocolDetails.razor.rz.scp.css */
.qc-protocol-details-page[b-id0qgfrtam] {
    max-width: 980px;
    margin-top: 16px;
}

.qc-protocol-details-page__loading[b-id0qgfrtam] {
    min-height: 300px;
}
/* _content/GranulaOps/Pages/Qc/QcProtocols.razor.rz.scp.css */
.qc-protocols-page[b-yc4y8qyowf] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.qc-protocols-page[b-yc4y8qyowf]  .granula-page-header {
    margin-bottom: 0;
}

.qc-protocols-page__filters[b-yc4y8qyowf] {
    background: transparent;
}

.qc-protocols-page__filter-grid[b-yc4y8qyowf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.qc-protocols-page__filter-grid[b-yc4y8qyowf]  .ant-form-item {
    margin-bottom: 0;
}

.qc-protocols-page__filter-grid[b-yc4y8qyowf]  .qc-protocols-page__select {
    width: 100%;
}

.qc-protocols-page__filter-actions[b-yc4y8qyowf] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.qc-protocols-page__loading[b-yc4y8qyowf] {
    min-height: 240px;
}

.qc-protocols-page__table[b-yc4y8qyowf] {
    padding: 1px;
    overflow: hidden;
}

.qc-protocols-page__table[b-yc4y8qyowf]  .qc-protocols-page__comment {
    display: block;
    max-width: 220px;
}

.qc-protocols-page__table[b-yc4y8qyowf]  .qc-protocols-page__clickable-row {
    cursor: pointer;
}

.qc-protocols-page__pagination[b-yc4y8qyowf] {
    display: flex;
    justify-content: center;
}

.qc-protocols-page__load-more-error[b-yc4y8qyowf] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

@media (max-width: 767px) {
    .qc-protocols-page[b-yc4y8qyowf] {
        gap: 12px;
    }

    .qc-protocols-page__filter-grid[b-yc4y8qyowf]  .ant-form-item-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .qc-protocols-page__filter-grid[b-yc4y8qyowf] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .qc-protocols-page__filter-actions[b-yc4y8qyowf] {
        flex-direction: column;
    }

    .qc-protocols-page__filter-actions[b-yc4y8qyowf]  .ant-btn {
        width: 100%;
        min-height: 42px;
    }
}
/* _content/GranulaOps/Pages/Ref/RefPrices.razor.rz.scp.css */
.ref-prices-loading[b-5ufgiw5ek2] {
    display: flex;
    justify-content: center;
    padding: 50px 0;
}

.price-list-number-cell[b-5ufgiw5ek2] {
    white-space: nowrap;
}

.price-list-muted[b-5ufgiw5ek2] {
    color: #8c8c8c;
    font-size: 12px;
}

.price-list-mobile[b-5ufgiw5ek2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.price-card[b-5ufgiw5ek2] {
    padding: 12px 16px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.price-card__header[b-5ufgiw5ek2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.price-card__prices[b-5ufgiw5ek2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.price-card__prices > div[b-5ufgiw5ek2] {
    min-width: 0;
}

.price-card__prices span[b-5ufgiw5ek2],
.price-card__prices strong[b-5ufgiw5ek2] {
    display: block;
}

.price-card__prices span[b-5ufgiw5ek2] {
    margin-bottom: 3px;
    color: #8c8c8c;
    font-size: 12px;
}

.price-card__prices strong[b-5ufgiw5ek2] {
    overflow-wrap: anywhere;
    color: #262626;
    font-size: 13px;
}

@media (max-width: 480px) {
    .price-card__prices[b-5ufgiw5ek2] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .price-card__prices > div[b-5ufgiw5ek2] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
    }

    .price-card__prices span[b-5ufgiw5ek2] {
        margin-bottom: 0;
    }
}
/* _content/GranulaOps/Pages/Ref/RefThings.razor.rz.scp.css */
.thing-name[b-agdnl8znvz] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.thing-name > span[b-agdnl8znvz] {
    min-width: 0;
    overflow-wrap: anywhere;
}
/* _content/GranulaOps/Pages/Tasks/TasksBoard.razor.rz.scp.css */
.employee-tasks-page[b-6vwlq4uylc] {
    padding-bottom: 32px;
}

.employee-tasks-filters--refreshing[b-6vwlq4uylc] {
    opacity: .62;
    pointer-events: none;
}

.employee-tasks-board-content[b-6vwlq4uylc] {
    position: relative;
    min-height: 240px;
}

.employee-tasks-board-content__body--refreshing[b-6vwlq4uylc] {
    opacity: .62;
    pointer-events: none;
    transition: opacity .15s ease;
}

.employee-tasks-refresh-overlay[b-6vwlq4uylc] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: start center;
    padding-top: 18px;
    background: rgba(255, 255, 255, .42);
}

.employee-tasks-loading[b-6vwlq4uylc] {
    min-height: 220px;
    display: grid;
    place-items: center;
}

@media (max-width: 767px) {
    .employee-tasks-page[b-6vwlq4uylc] { padding-bottom: 78px; }
}
/* _content/GranulaOps/Pages/Warehouse/BatchQrLabelPrint.razor.rz.scp.css */
.batch-qr-label-print[b-2igcrm9yu5] {
    max-width: 1180px;
    margin: 0 auto;
}

.batch-qr-label-print__controls[b-2igcrm9yu5] {
    margin-top: 16px;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(20, 30, 50, 0.05);
}

.batch-qr-label-print__controls[b-2igcrm9yu5]  .ant-card-body {
    padding: 0;
}

.batch-qr-label-print__controls-header[b-2igcrm9yu5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--granula-surface-border);
    background: linear-gradient(135deg, #f7fbff 0%, #fff 70%);
}

.batch-qr-label-print__title-group[b-2igcrm9yu5] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.batch-qr-label-print__title-icon[b-2igcrm9yu5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 12px;
    background: #e6f4ff;
    color: var(--granula-info);
    font-size: 21px;
}

.batch-qr-label-print__section-title[b-2igcrm9yu5] {
    font-size: 16px;
    font-weight: 650;
    line-height: 1.3;
}

.batch-qr-label-print__section-caption[b-2igcrm9yu5] {
    margin-top: 3px;
    color: var(--granula-muted-text);
    font-size: 13px;
}

.batch-qr-label-print__format-badge[b-2igcrm9yu5] {
    flex: 0 0 auto;
    padding: 5px 10px;
    border: 1px solid var(--granula-surface-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: var(--granula-muted-text);
    font-size: 12px;
    white-space: nowrap;
}

.batch-qr-label-print__form[b-2igcrm9yu5] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
}

.batch-qr-label-print__quantity[b-2igcrm9yu5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.batch-qr-label-print__quantity label[b-2igcrm9yu5] {
    color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
    font-size: 13px;
    font-weight: 600;
}

.batch-qr-label-print__quantity-control[b-2igcrm9yu5] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--granula-muted-text);
    font-size: 14px;
    font-weight: 600;
}

.batch-qr-label-print__actions[b-2igcrm9yu5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.batch-qr-label-print__status[b-2igcrm9yu5] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 20px 20px;
    padding: 11px 13px;
    border: 1px solid #d9e8f5;
    border-radius: 10px;
    background: #f7fbff;
    color: #476277;
    font-size: 13px;
    line-height: 1.45;
}

.batch-qr-label-print__status > .anticon[b-2igcrm9yu5] {
    margin-top: 2px;
    color: var(--granula-info);
    font-size: 16px;
    flex: 0 0 auto;
}

.batch-qr-label-print__status--ready[b-2igcrm9yu5] {
    border-color: #d7eed0;
    background: #f6ffed;
    color: #48723b;
}

.batch-qr-label-print__status--ready > .anticon[b-2igcrm9yu5] {
    color: var(--granula-success);
}

.batch-qr-label-print__status strong[b-2igcrm9yu5],
.batch-qr-label-print__status span[b-2igcrm9yu5] {
    display: block;
}

.batch-qr-label-print__status strong[b-2igcrm9yu5] {
    margin-bottom: 2px;
    color: inherit;
    font-weight: 650;
}

.batch-qr-label-print__status span[b-2igcrm9yu5] {
    color: inherit;
}

.batch-qr-label-print__controls[b-2igcrm9yu5]  .ant-alert {
    margin: 0 20px 20px;
}

.batch-qr-label-print__preview[b-2igcrm9yu5] {
    margin-top: 16px;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(20, 30, 50, 0.05);
}

.batch-qr-label-print__preview[b-2igcrm9yu5]  .ant-card-body {
    padding: 0;
    background: #fafafa;
}

.batch-qr-label-print__preview-header[b-2igcrm9yu5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--granula-surface-border);
    background: #fff;
}

.batch-qr-label-print__eyebrow[b-2igcrm9yu5] {
    display: block;
    margin-bottom: 2px;
    color: var(--granula-muted-text);
    font-size: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.batch-qr-label-print__preview-header strong[b-2igcrm9yu5] {
    font-size: 16px;
}




@media screen and (max-width: 767px) {
    .batch-qr-label-print[b-2igcrm9yu5]  .ant-page-header-heading-left {
        align-items: flex-start;
        flex: 1 1 100%;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        overflow: visible;
    }

    .batch-qr-label-print[b-2igcrm9yu5]  .ant-page-header-heading-title,
    .batch-qr-label-print[b-2igcrm9yu5]  .ant-page-header-heading-sub-title {
        max-width: 100%;
        margin-inline-start: 0;
        overflow: visible;
        line-height: 1.35;
        text-overflow: clip;
        white-space: normal;
    }

    .batch-qr-label-print__controls-header[b-2igcrm9yu5],
    .batch-qr-label-print__preview-header[b-2igcrm9yu5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .batch-qr-label-print__format-badge[b-2igcrm9yu5] {
        white-space: normal;
    }

    .batch-qr-label-print__form[b-2igcrm9yu5] {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .batch-qr-label-print__actions[b-2igcrm9yu5] {
        align-items: stretch;
        flex-direction: column;
        margin-left: 0;
    }

    .batch-qr-label-print__actions[b-2igcrm9yu5]  .ant-btn {
        width: 100%;
    }

    .batch-qr-label-print__preview[b-2igcrm9yu5]  .ant-card-body {
        padding: 0;
    }


}


.batch-qr-label-print__settings[b-2igcrm9yu5] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 12px;
    padding: 0 20px 20px;
}
.batch-qr-label-print__settings label[b-2igcrm9yu5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
}
.batch-qr-label-print__settings input[b-2igcrm9yu5] {
    width: 132px;
    padding: 7px 10px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
}
.batch-qr-label-print__settings p[b-2igcrm9yu5] {
    flex-basis: 100%;
    margin: 0;
    color: var(--granula-muted-text);
}
.batch-qr-label-print__sheet[b-2igcrm9yu5] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
    overflow: auto;
}
.batch-qr-label-print__label[b-2igcrm9yu5] {
    position: relative;
    flex: 0 0 var(--label-width);
    width: var(--label-width);
    height: var(--label-height);
    overflow: hidden;
    background: white;
    outline: 1px solid #ddd;
}
.batch-qr-label-print__qr[b-2igcrm9yu5] {
    position: absolute;
    display: block;
    width: var(--qr-size);
    height: var(--qr-size);
    left: calc((var(--label-width) - var(--qr-size)) / 2 + var(--offset-x));
    top: calc((var(--label-height) - var(--qr-size)) / 2 + var(--offset-y));
}
/* _content/GranulaOps/Pages/Warehouse/BatchQrLabelResolve.razor.rz.scp.css */
.batch-qr-label-resolve[b-zeborca552] {
    max-width: 860px;
    margin: 0 auto;
}

.batch-qr-label-resolve__state[b-zeborca552] {
    display: flex;
    min-height: 280px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    color: var(--granula-muted-text);
    text-align: center;
}

.batch-qr-label-resolve__state--error[b-zeborca552] {
    max-width: 520px;
    min-height: 240px;
    margin: 32px auto;
    padding: 32px 24px;
    border: 1px solid #ffd6d6;
    border-radius: 16px;
    background: #fff7f7;
}

.batch-qr-label-resolve__state-icon[b-zeborca552] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff1f0;
    color: var(--granula-danger);
    font-size: 26px;
}

.batch-qr-label-resolve__state strong[b-zeborca552] {
    color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
    font-size: 17px;
}

.batch-qr-label-resolve__state span[b-zeborca552] {
    max-width: 420px;
    line-height: 1.5;
}

.batch-qr-label-resolve__card[b-zeborca552] {
    max-width: 720px;
    margin-top: 16px;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(20, 30, 50, 0.05);
}

.batch-qr-label-resolve__card[b-zeborca552]  .ant-card-body {
    padding: 0;
}

.batch-qr-label-resolve__identity[b-zeborca552] {
    padding: 24px;
    border-bottom: 1px solid var(--granula-surface-border);
    background: linear-gradient(135deg, #f7fbff 0%, #fff 72%);
}

.batch-qr-label-resolve__status[b-zeborca552] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #fff7e6;
    color: #ad6800;
    font-size: 12px;
    font-weight: 600;
}

.batch-qr-label-resolve__identity p[b-zeborca552] {
    max-width: 560px;
    margin: 14px 0 0;
    color: var(--granula-muted-text);
    font-size: 13px;
    line-height: 1.5;
}

.batch-qr-label-resolve__form[b-zeborca552] {
    padding: 24px;
}

.batch-qr-label-resolve__form[b-zeborca552]  .ant-form-item {
    margin-bottom: 10px;
}

.batch-qr-label-resolve__select[b-zeborca552] {
    width: 100%;
}

.batch-qr-label-resolve__option[b-zeborca552] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
    line-height: 1.3;
}

.batch-qr-label-resolve__option strong[b-zeborca552] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-qr-label-resolve__option small[b-zeborca552] {
    overflow: hidden;
    color: var(--granula-muted-text);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-qr-label-resolve__available[b-zeborca552] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 14px;
    color: var(--granula-muted-text);
    font-size: 12px;
}

.batch-qr-label-resolve__available .anticon[b-zeborca552] {
    color: var(--granula-success);
}

.batch-qr-label-resolve__selection[b-zeborca552] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 16px;
    padding: 11px 13px;
    border: 1px solid #d7eed0;
    border-radius: 10px;
    background: #f6ffed;
    color: #48723b;
    font-size: 13px;
}

.batch-qr-label-resolve__selection strong[b-zeborca552] {
    overflow: hidden;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-qr-label-resolve__submit[b-zeborca552] {
    min-width: 220px;
}

.batch-qr-label-resolve__empty[b-zeborca552] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 34px 24px 40px;
    color: var(--granula-muted-text);
    text-align: center;
}

.batch-qr-label-resolve__empty-icon[b-zeborca552] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 4px;
    border-radius: 50%;
    background: var(--granula-subtle-surface);
    color: #8c8c8c;
    font-size: 22px;
}

.batch-qr-label-resolve__empty strong[b-zeborca552] {
    color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
    font-size: 15px;
}

.batch-qr-label-resolve__empty span[b-zeborca552] {
    max-width: 420px;
    font-size: 13px;
    line-height: 1.5;
}

.batch-qr-label-resolve__card[b-zeborca552]  .ant-alert {
    margin: 0 24px 24px;
}

.batch-qr-label-resolve__modal-copy[b-zeborca552] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0 5px;
    line-height: 1.65;
}

.batch-qr-label-resolve__modal-copy strong[b-zeborca552] {
    font-weight: 650;
}

.batch-qr-label-resolve__modal-copy small[b-zeborca552] {
    width: 100%;
    margin-top: 8px;
    color: var(--granula-muted-text);
    line-height: 1.45;
}

.batch-qr-label-resolve__spinner[b-zeborca552] {
}

@media screen and (max-width: 767px) {
    .batch-qr-label-resolve[b-zeborca552]  .ant-page-header-heading-left {
        align-items: flex-start;
        flex: 1 1 100%;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        overflow: visible;
    }

    .batch-qr-label-resolve[b-zeborca552]  .ant-page-header-heading-title,
    .batch-qr-label-resolve[b-zeborca552]  .ant-page-header-heading-sub-title {
        max-width: 100%;
        margin-inline-start: 0;
        overflow: visible;
        line-height: 1.35;
        text-overflow: clip;
        white-space: normal;
    }

    .batch-qr-label-resolve__identity[b-zeborca552],
    .batch-qr-label-resolve__form[b-zeborca552] {
        padding: 18px;
    }

    .batch-qr-label-resolve__selection[b-zeborca552] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .batch-qr-label-resolve__submit[b-zeborca552] {
        width: 100%;
    }

    .batch-qr-label-resolve__card[b-zeborca552]  .ant-alert {
        margin-right: 18px;
        margin-left: 18px;
    }
}
/* _content/GranulaOps/Pages/Warehouse/WarehouseIn.razor.rz.scp.css */
.warehouse-in-batch-source[b-6roif7wgyh] {
    display: inline-flex;
    max-width: 100%;
    border: 1px solid var(--granula-surface-border, #d9d9d9);
    border-radius: var(--control-border-radius, 8px);
    background: #f5f5f5;
    box-sizing: border-box;
    overflow: hidden;
}

.warehouse-in-batch-source[b-6roif7wgyh]  .warehouse-in-batch-source__control {
    display: flex;
    width: auto;
}

.warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper {
    box-sizing: border-box;
    flex: 0 1 auto;
    height: 32px;
    min-width: 0;
    padding: 0 8px;
    line-height: 30px;
    color: #595959;
    background: transparent;
    border: 1px solid transparent;
    border-radius: calc(var(--control-border-radius, 8px) - 1px);
    text-align: center;
    white-space: nowrap;
    transition: none !important;
}

.warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper:not(:first-child)::before {
    display: none;
}

.warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper:hover,
.warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper:active,
.warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper:focus-within {
    color: #595959;
    background: #f5f5f5;
    border-color: transparent;
    box-shadow: none;
}

.warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),
.warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
.warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active,
.warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
    color: var(--ant-color-primary, #1677ff);
    font-weight: 600;
    background: #fff;
    border-color: var(--ant-color-primary-border, #91caff);
    box-shadow: none;
}

@media (max-width: 767px) {
    .warehouse-in-batch-source[b-6roif7wgyh] {
        display: flex;
        width: 100%;
    }

    .warehouse-in-batch-source[b-6roif7wgyh]  .warehouse-in-batch-source__control {
        width: 100%;
    }

    .warehouse-in-batch-source[b-6roif7wgyh]  .ant-radio-button-wrapper {
        flex: 1 1 50%;
    }
}
/* _content/GranulaOps/Pages/WorkSchedules/MySchedule.razor.rz.scp.css */
[b-vncagtuift] .my-schedule-shift {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.3;
    white-space: nowrap;
}

[b-vncagtuift] .shift-plan,
[b-vncagtuift] .shift-fact {
    font-size: 11px;
}

[b-vncagtuift] .shift-plan {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selected-day-schedule[b-vncagtuift] {
    margin-top: 12px;
    padding: 14px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    background: #fff;
}

.selected-day-heading[b-vncagtuift] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    font-weight: 600;
}

.selected-day-shifts[b-vncagtuift] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selected-day-shift[b-vncagtuift] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    line-height: 1.35;
}

.selected-day-shift-marker[b-vncagtuift] {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    margin-top: 5px;
    border-radius: 50%;
    background: #1677ff;
}

.selected-day-shift-marker.night[b-vncagtuift] {
    background: #722ed1;
}

.selected-day-fact[b-vncagtuift] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
}

.selected-day-empty[b-vncagtuift] {
    color: rgba(0, 0, 0, 0.45);
    font-size: 13px;
}

@media (max-width: 1199px) {
    [b-vncagtuift] .shift-label {
        display: none;
    }
}

@media (max-width: 767px) {
    [b-vncagtuift] .my-schedule-shift {
        font-size: 10px;
        line-height: 1.2;
        gap: 1px;
    }

    [b-vncagtuift] .mobile-time {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-vncagtuift] .mobile-more {
        display: block;
        font-size: 9px;
        font-weight: 600;
    }
}
/* _content/GranulaOps/Pages/WorkSchedules/WorkSchedulesList.razor.rz.scp.css */
.schedule-month-nav[b-yj09ry6wnq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.schedule-month-title[b-yj09ry6wnq] {
    font-size: 14px;
    font-weight: 600;
    min-width: 120px;
    text-align: center;
}

.schedule-grid-wrapper[b-yj09ry6wnq] {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}

@media (max-width: 767px) {
    .schedule-grid-wrapper[b-yj09ry6wnq] {
        overflow-y: auto;
        margin-top: 8px;
        max-height: calc(100vh - 188px - var(--mobile-nav-height) - env(safe-area-inset-bottom));
    }

    .schedule-month-title[b-yj09ry6wnq] {
        font-size: 16px;
    }

    [b-yj09ry6wnq] .ant-page-header-heading-extra {
        margin: 0 auto !important;
    }

    [b-yj09ry6wnq] .schedule-month-nav .ant-btn .anticon {
        font-size: 16px;
    }
}