/*
 ============================================================
 ASPIRIN V213.1
 EMPLOYEE READ-ONLY — SAFE NAVIGATION
 ============================================================

 employee:
   просмотр разрешён

 admin:
   без изменений
*/


html.a213-employee-readonly
.a213-hide-write {
    display: none !important;
}


/*
 Элемент остаётся видимым,
 но перестаёт быть управляющим.
*/

html.a213-employee-readonly
.a213-disable-action {
    pointer-events: none !important;
    cursor: default !important;
}


/*
 Карта автомобиля остаётся видна.
 Выбрать/изменить зоны employee не может.
*/

html.a213-employee-readonly
#a5ReceptionContent
.a213-readonly-map-zone {
    pointer-events: none !important;
    cursor: default !important;
}


/*
 Поле общего комментария:
 текст виден, редактирование запрещено.
*/

html.a213-employee-readonly
#a5ReceptionContent
.a213-readonly-field {
    cursor: default !important;
    caret-color: transparent !important;
}


/*
 Новое замечание employee не создаёт.
 Существующий список замечаний остаётся.
*/

html.a213-employee-readonly
#a5ReceptionContent
#asp145IssueText,

html.a213-employee-readonly
#a5ReceptionContent
.a145-issue-buttons,

html.a213-employee-readonly
#a5ReceptionContent
.a145-note-save,

html.a213-employee-readonly
#a5ReceptionContent
.a145-upload,

html.a213-employee-readonly
#a5ReceptionContent
.a145-upload-status,

html.a213-employee-readonly
#a5ReceptionContent
.a145-media-delete {
    display: none !important;
}


/*
 Фото и видео специально остаются кликабельными.
*/

html.a213-employee-readonly
#a5ReceptionContent
.a145-media-item {
    pointer-events: auto !important;
    cursor: pointer;
}


/*
 Метка появляется только внутри
 открытой карточки приёмки.
*/

.a213-reception-readonly-note {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 0 12px;
    padding: 9px 12px;

    border:
        1px solid
        rgba(207,255,47,.18);

    border-radius: 12px;

    background:
        rgba(207,255,47,.06);

    color: #cfff2f;

    font-size: 12px;
    font-weight: 750;
    text-align: center;
}