@media screen and (min-width: 768px) and (max-width: 1240px) {
    .course__header__modif {
        width: 35%;
        gap: 15px;
        display: flex;
        grid-template-columns: 25px 1fr auto;
        justify-content: start;
        align-items: center;
    }

    .course__modif {
        display: flex;
        flex-direction: row;
    }
}

.organizations__double_btns {
    display: flex;
    gap: 15px;
}

.disabled_btn {
    opacity: 0.2;
    color: var(--color-gray-secondary);
    border-color: var(--color-gray-secondary);
}

.cabinet_padding {
    padding-top: 25px;
}

.custom__checkboxes::after, .custom__checkboxes::before {
    top: 5px!important;
}



/*  СТИЛИ ДЛЯ СТИКЕРОВ  */

/* INPROCESS (В ПРОЦЕССЕ) */

.stickers__box-inprocess {
    border-color: rgb(252, 183, 192);
    fill: #DA7C8C!important;
    color: rgb(252, 183, 192);
}
.stickers__box-inprocess::before {
    background: -o-linear-gradient(353.87deg, #FCB7C0 -1.95%, #DA7C8C 106.85%);
    background: linear-gradient(96.13deg, #FCB7C0 -1.95%, #DA7C8C 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
}
.stickers__box-inprocess::after {
    background: rgba(252, 183, 192);
}
@media (hover: hover) {
    .stickers__box-inprocess:hover {
        color: rgba(252, 183, 192, 0.9);
        fill: rgb(252, 183, 192);
        background: rgba(252, 183, 192, 0.9);
        border-color: rgba(252, 183, 192, 0.9);
    }
    .stickers__box-inprocess:hover svg .--white {
        fill: rgba(252, 183, 192, 0.9);
    }
    .stickers__box-inprocess:hover::after {
        background: rgba(252, 183, 192, 0.9);
    }
}
.stickers__box-inprocess:focus-visible {
    color: rgba(252, 183, 192, 0.9);
    fill: rgba(252, 183, 192, 0.9);
    background: rgba(252, 183, 192, 0.9);
    border-color: rgba(252, 183, 192, 0.9);
}
.stickers__box-inprocess:focus-visible svg .--white {
    fill: rgba(252, 183, 192, 0.9);
}
.stickers__box-inprocess:focus-visible::after {
    background: rgba(252, 183, 192, 0.9);
}
.stickers__box-inprocess:active {
    color: rgba(252, 183, 192, 0.9);
    fill: rgb(252, 183, 192);
    background: rgba(252, 183, 192);
    border-color: rgba(252, 183, 192, 0.9);
}
.stickers__box-inprocess:active svg .--white {
    fill: rgba(252, 183, 192);
}
.stickers__box-inprocess:active::after {
    background: rgba(252, 183, 192, 0.9);
}

.education__cart-status.-is-inprocess {
    background: -o-linear-gradient(353.87deg, #FCB7C0 -1.95%, #DA7C8C 106.85%);
    background: linear-gradient(96.13deg, #FCB7C0 -1.95%, #DA7C8C 106.85%);
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4), inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: rgb(252, 183, 192);
    border: none;
    color: var(--color-light-blue-90);
    box-shadow: var(--grd-red-shw);
}


/* БЛОК ИСТЕЧЕНИЯ СРОКА */
.education__cart.-is-delay {
    border-color: var(--color-red-lignt);
}
.education__cart.-is-delay::after {
    content: "";
    background: url("../../assets/img/images/allert-red.svg") no-repeat center center/contain;
    position: absolute;
    left: -4px;
    top: -3px;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 767px) {
    .education__cart.-is-delay::after {
        left: -2px;
        width: 15px;
        height: 15px;
    }
}

/* БЛОК НЕТ ИНФОРМАЦИИ */
.education__cart.-is-noinfo {
    border-color: var(--color-green-light);
}
.education__cart.-is-noinfo::after {
    content: "";
    background: url("../../assets/img/images/status-empty.svg") no-repeat center center/contain;
    position: absolute;
    left: -4px;
    top: -3px;
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 767px) {
    .education__cart.-is-noinfo::after {
        left: -2px;
        width: 15px;
        height: 15px;
    }
}

.cabinet_padding__user {
    padding-left:120px;
}

.modal-background.--active {
    z-index: 999;
}

.fw-500 {
// font-weight: 500!important;
}

.cursor__pointer {
    cursor: pointer;
}

.html__docsbase {
    padding: 100px 60px 100px 60px;
}


.table--cols-10 {
    overflow-x: auto;
}

.table--cols-10 .table-row {
    display: grid;
    grid-template-columns:
        50px          /* № */
        minmax(320px, 1.6fr)  /* Фактор/место */
        150px         /* дата */
        minmax(260px, 1.4fr)  /* результат измерения */
        140px         /* факт */
        160px         /* норматив */
        140px         /* время % */
        120px         /* класс */
        140px         /* СИ/Персонал */
        90px;         /* НД */
}

@media (max-width: 1200px) {
    .table--cols-10 .table-row {
        grid-template-columns:
            50px
            1.4fr
            130px
            1.4fr
            120px
            140px
            120px
            110px
            120px
            80px;
    }
}

@media (max-width: 768px) {
    .table--cols-10 .table-row {
        grid-template-columns: 1fr;
    }
}

/* PREPARE_DOCS (ПОДГОТОВКА ДОКУМЕНТОВ) */

.stickers__box-prepare_docs {
    border-color: #2F6BFF;
    fill: #2F6BFF !important;
    color: #2F6BFF;
}

.stickers__box-prepare_docs::before {
    background: -o-repeating-linear-gradient(
            335deg,
            #D52B1E 0px,
            #D52B1E 36px,
            #2F6BFF 36px,
            #2F6BFF 72px,
            #D9D9D9 72px,
            #D9D9D9 108px
    );
    background: repeating-linear-gradient(
            115deg,
            #D52B1E 0px,
            #D52B1E 36px,
            #2F6BFF 36px,
            #2F6BFF 72px,
            #D9D9D9 72px,
            #D9D9D9 108px
    );
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4),
    inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4),
    inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
}

.stickers__box-prepare_docs::after {
    background: #2F6BFF;
}

@media (hover: hover) {
    .stickers__box-prepare_docs:hover {
        color: rgba(47, 107, 255, 0.9);
        fill: #2F6BFF;
        background: rgba(47, 107, 255, 0.9);
        border-color: rgba(47, 107, 255, 0.9);
    }

    .stickers__box-prepare_docs:hover svg .--white {
        fill: rgba(47, 107, 255, 0.9);
    }

    .stickers__box-prepare_docs:hover::after {
        background: rgba(47, 107, 255, 0.9);
    }
}

.stickers__box-prepare_docs:focus-visible {
    color: rgba(47, 107, 255, 0.9);
    fill: rgba(47, 107, 255, 0.9);
    background: rgba(47, 107, 255, 0.9);
    border-color: rgba(47, 107, 255, 0.9);
}

.stickers__box-prepare_docs:focus-visible svg .--white {
    fill: rgba(47, 107, 255, 0.9);
}

.stickers__box-prepare_docs:focus-visible::after {
    background: rgba(47, 107, 255, 0.9);
}

.stickers__box-prepare_docs:active {
    color: rgba(47, 107, 255, 0.9);
    fill: #2F6BFF;
    background: #2F6BFF;
    border-color: rgba(47, 107, 255, 0.9);
}

.stickers__box-prepare_docs:active svg .--white {
    fill: #2F6BFF;
}

.stickers__box-prepare_docs:active::after {
    background: rgba(47, 107, 255, 0.9);
}

.education__cart-status.-is-prepare_docs {
    background: -o-repeating-linear-gradient(
            335deg,
            #D52B1E 0px,
            #D52B1E 36px,
            #2F6BFF 36px,
            #2F6BFF 72px,
            #D9D9D9 72px,
            #D9D9D9 108px
    );
    background: repeating-linear-gradient(
            115deg,
            #D52B1E 0px,
            #D52B1E 36px,
            #2F6BFF 36px,
            #2F6BFF 72px,
            #D9D9D9 72px,
            #D9D9D9 108px
    );
    -webkit-box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4),
    inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    box-shadow: inset -0.8px -0.8px 1px rgba(21, 21, 21, 0.4),
    inset 1.2px 1.2px 1px rgba(255, 255, 255, 0.4);
    border: none;
    color: var(--color-light-blue-90);
    box-shadow: var(--grd-red-shw);
}

mark.search-result {
    background-color: #ffeb3b;
    transition: background-color 0.15s ease;
}

mark.search-result.current {
    background-color: #ff9800;
}

.news-section__title--highlighted {
    background-color: #ffeb3b;
    transition: background-color 0.3s ease;
}

@media (min-width: 320px) and (max-width: 1680px) {
    .select__body-wrapp__for_a {
        max-height: calc(420px + 50 * ((100vw - 320px) / (1360)));
    }
}

@media (min-width: 1680px) {
    .select__body-wrapp__for_a {
        max-height: calc(370px + 50 * ((100vw - 320px) / (1360)));
    }
}

.modal__education-info-text {
    word-break: break-word;
}
@media screen and (min-width: 1680px) {
    .org__grid1 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

.input_wrapp_org {
    width: 50%;
}

@media (max-width: 1200px) {
    .input_wrapp_org {
        width: 70%;
    }
}

@media (max-width: 768px) or (max-width: 360px) {
    .input_wrapp_org {
        width: 80%;
    }
}

@media screen and (max-width: 1240px) {
    .org__grid.org_grid1,
    .org__grid[class*="org_grid"] {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media screen and (max-width: 767px) {
    .org__grid.org_grid1,
    .org__grid[class*="org_grid"] {
        grid-template-columns: 100% !important;
    }
}

.org__add-item {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    padding-bottom: 15px;
}

.modal__editing1 {
    max-width:800px;
}

.append-header-top__master {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/* EXP */


/* ==========================================================
   ORANGE GRADIENT BANNER BAR
   Аналог tailwind-классов:
   bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50
   border-b border-orange-100 px-8 py-2.5
   flex items-center justify-between gap-4 flex-wrap
   ========================================================== */

.banner-bar {
    background: linear-gradient(to right, #FFEDF1, #FFEDF1, #FFEDF1);

    border-bottom: 1px solid #FFDFE6;

    padding: 10px 32px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px; /* gap-4 */
    flex-wrap: wrap;
    justify-content: center;

    width: 100%;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.banner-bar__group {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.banner-bar__text {
    color: #db889b;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
}

.banner-bar__badge {
   // background: #F5CD71;
    color: #db889b;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 9999px;
    white-space: nowrap;
}




.header__company-left { min-width: 0; }

.header__chips {
    --chip-h: 44px;
    --chip-radius: 12px;
    --chip-bg: #f3f6fb;
    --chip-font: 15px;
    gap: 12px;
}
@media screen and (max-width: 1680px) {
    .header__chips { --chip-h: 40px; --chip-font: 14px; gap: 10px; }
}
@media screen and (max-width: 1240px) {
    .header__chips { gap: 8px; }
}

@media screen and (max-width: 460px) {
    .header__company-user-wrapp { display: none; }
    .header__company-img { display: none; }
}

.header__chip {
    display: flex;
    align-items: center;
    gap: 8px;
    height: var(--chip-h);
    padding: 0 14px;
    border-radius: var(--chip-radius);
    background: var(--chip-bg);
    font-family: "Gilroy";
    font-weight: var(--font-weight-medium);
    font-size: var(--chip-font);
    line-height: 1.1;
    white-space: nowrap;
    transition: 0.3s;
}


.header__chip--accent {
    background: rgba(107, 110, 232, 0.1);
    color: var(--color-blue-primary);
}
@media (hover: hover) {
    .header__chip--accent:hover { background: rgba(107, 110, 232, 0.18); }
}
.header__chip--accent:focus-visible { background: rgba(107, 110, 232, 0.18); }
.header__chip--accent:active { background: rgba(107, 110, 232, 0.25); }
.header__chips .button-favourites svg,
.header__chips .button-favourites img {
    width: 18px;
    height: 18px;
}

/* время */
.header__chip.header__company-time { color: var(--color-dark-blue); }
.header__chip.header__company-time .time-container { font-weight: var(--font-weight-semibold); }
.header__chip.header__company-time .date-container {
    padding-left: 6px;
    margin-left: 6px;
    border-left: 1px solid #d9e2ec;
    color: var(--color-steel-blue);
    font-weight: var(--font-weight-medium);
}
@media screen and (max-width: 1240px) {
    .header__chip.header__company-time { display: none; }
}

.header__chip.header__org.select {
    position: relative;
    width: auto;
    min-width: 0;
    padding: 0;
}
.header__chip.header__org .select__header {
    height: var(--chip-h);
    min-height: var(--chip-h);
    padding: 0 14px;
    border-radius: var(--chip-radius);
    background: transparent;
}
.header__chip.header__org.select.is-active .select__header {
    border-radius: var(--chip-radius) var(--chip-radius) 0 0;
}

.header__org-current { gap: 8px; min-width: 0; }

.header__org-icon { flex-shrink: 0; width: 20px; height: 20px; }
.header__org-icon img { width: 100%; height: 100%; object-fit: contain; }

.header__org-name {
    max-width: 160px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-dark-blue);
    font-weight: var(--font-weight-semibold);
    opacity: 1; /* перекрываем .select__current opacity:.6 — организация выбрана всегда */
}
@media screen and (max-width: 1240px) {
    .header__org-name { display: none; }
}

.header__org-arrow { width: 14px; height: 14px; flex-shrink: 0; }


.header__org-body.select__body {
    left: 0;
    width: max-content;
    min-width: 100%;
    max-width: min(340px, calc(100vw - 32px));
    border-radius: 0 0 var(--chip-radius) var(--chip-radius);
}
.header__org-body .select__body-wrapp {
    overflow-x: hidden;
    overflow-y: auto;
}
.header__org-item-name {
    display: block;
    white-space: normal;
    word-break: break-word;
    line-height: 1.3;
    font-weight: var(--font-weight-semibold);
    color: var(--color-dark-blue);
}

.header__chip.header__company-user {
    gap: 8px;
    padding: 0 10px 0 8px;
    background: #e7ecf3;
}
.header__company-user .header__company-img { width: 26px; height: 26px; }
.header__company-user .header__company-name { font-size: 13px; line-height: 1.2; }
.header__company-user .header__company-id { font-size: 11px; }
.header__company-user .header__company-exet {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    margin-left: 4px;
}
.header__company-user .header__company-exet svg { width: 12px; height: 12px; }


.loaded-file {
    cursor: default;
}
.loaded-file:active {
    transform: none;
}

.loaded-file__arrow {
    cursor: pointer;
    transition: 0.2s;
}
.loaded-file__arrow:active {
    transform: scale(0.92);
}


.loaded-file__name-row {
    gap: 6px;
    min-width: 0;
}
.loaded-file__name-row .loaded-file__name {
    margin: 0;
}

.loaded-file__edit-btn {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    padding: 0;
    border-radius: 6px;
    color: var(--color-steel-blue);
    cursor: pointer;
    transition: 0.2s;
}
@media (hover: hover) {
    .loaded-file__edit-btn:hover {
        color: var(--color-blue-primary);
        background: rgba(107, 110, 232, 0.08);
    }
}
.loaded-file__edit-btn svg {
    width: 15px;
    height: 15px;
}


.loaded-file__name-input {
    display: none;
    width: 100%;
    min-width: 0;
    border: none;
    border-bottom: 1px solid var(--color-blue-primary);
    background: transparent;
    padding: 0 0 1px;
    font-family: "Gilroy";
    font-weight: 500;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: var(--color-black);
    outline: none;
}
@media screen and (max-width: 1680px) {
    .loaded-file__name-input { font-size: 16px; }
}
@media screen and (max-width: 767px) {
    .loaded-file__name-input { font-size: 12px; }
}

.loaded-file.-is-editing .loaded-file__name { display: none; }
.loaded-file.-is-editing .loaded-file__edit-btn { display: none; }
.loaded-file.-is-editing .loaded-file__name-input { display: block; }

.document-subnav__list,
.document-subsubnav__list {
    grid-column: span 2;
    gap: 16px;
    padding-left: 12px;
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.2s ease;
}
.document-subnav__list.open,
.document-subsubnav__list.open {
    max-height: 1000px;
    padding-top: 16px;
}

.btn__org_menu {
    display: flex;
    gap: 15px;
}

.form__review-master {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.message--my {
    grid-template-columns: 1fr auto;
}