/* #region Unified wiki-task-pill (shared for wiki/home) */
a.wiki-task-pill,
.wiki-task-pill{
  display:inline-block;
  max-width:100%;
  padding:2px 10px;
  border-radius:999px;
  border:1px solid #d6d6d6;
  background:#f7f7f7;
  text-decoration:none;
  color:inherit;
  font-size:13px;
  line-height:1.25;
  white-space:normal;
  vertical-align:top;
}

.wiki-task-pill > *{
  margin-right:8px;
  vertical-align:middle;
}

.wiki-task-pill > *:last-child{
  margin-right:0;
}

.wiki-task-pill__id{
  color:#4f46e5;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  display:inline-block;
}

.wiki-task-pill__priority{
  width:14px;
  height:14px;
  object-fit:contain;
}

.wiki-task-pill__assignee{
  width:18px;
  height:18px;
  border-radius:50%;
  object-fit:cover;
}

.wiki-task-pill__assignee[hidden]{
  display:none !important;
}

.wiki-task-pill__title{
  font-weight:600;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}

.wiki-task-pill__status{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  line-height:1.2;
  white-space:nowrap;
}

.wiki-task-pill.is-loading{ opacity: 0.75; }

.wiki-task-pill.is-no-access{
  background:#fff2f2;
  border-color:#f0b3b3;
}

.wiki-task-pill.is-no-access .wiki-task-pill__priority,
.wiki-task-pill.is-no-access .wiki-task-pill__assignee,
.wiki-task-pill.is-no-access .wiki-task-pill__status {
  display:none;
}
/* #endregion Unified wiki-task-pill */
:root {
/* Мои переменые*/

--kpi-panel-height: 48px; /* Высота панели KPI */
--createtask-panel-height: 64px; /* Высота панели создания задач */

--navigation-large: 52px; /* Ширина панели навизации */
--navigation-medium: 35px;
--navigation-small: 52px; /* нужна ли?*/


/* ИИ переменые*/
   /* Brand colors */
   --clr-primary: #6076A0;
   --clr-primary-lt: #8FA4CD;
   --clr-primary-dk: #455A85;
 
   /* Neutrals */
   --clr-neutral-900: #0D0D0D;
   --clr-neutral-100: #FFFFFF;
 
   /* State colors */
   --clr-success: #92C5C5;
   --clr-warning: #DB9BCD;
   --clr-info: #EFF88F;
 
   /* Spacing scale (4px grid) */
   --space-1: 4px;
   --space-2: 8px;
   --space-3: 12px;
   --space-4: 16px;
   --space-5: 24px;
   --space-6: 32px;
 }


* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: 'Inter', sans-serif;
}

/* весь экран*/

.conteiner {  /* Заменить на allcontent */ 
   display: flex;
}

.content {
   max-width: calc(100vw);
   min-width: calc(100vw - 65px);
   height: 100%;
}



/* Панель навигации */

.navigation {
   padding-top: 7px;
   background-color: #6366F1;
   max-width: 64px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-content: flex-start;
}

/* конец Панель навигации */


/* Все поля ввода */ 
textarea {
   box-sizing: border-box;
   
   min-width: 250px;
   field-sizing: content;
   resize: vertical;
   padding: 4px;
}
/* коненц Все поля ввода */ 

/* #region Панель создания задач */


header {
   display: flex;
   background-color: #F3F4F6;
   align-items: center;    /* центруем все дочерние элементы по вертикали */
   flex-wrap: nowrap;      /* не даем кнопкам переноситься */
   height: var(--createtask-panel-height); /* Кнопка создания задач + отступы сверху и снизу */
   justify-content: space-between;
   gap: var(--space-2);
   padding-right: var(--space-2);

   border-color: #D1D5DB;;
   border-width: 1px;
   border-style: solid;

   overflow-x: auto;
   overflow-y: hidden;
   scrollbar-width: thin;
}

@media (max-width: 1024px) {
   header {
      min-height: var(--createtask-panel-height);
   }
}

.select_project_css, .select_space_css{ /* фильтр выбора проекта */
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
   justify-content: center;
   margin-left: 15px;
   gap: 5px;
   height: calc(var(--createtask-panel-height) - 2 * var(--space-1));
   padding: 0 var(--space-3);
   border-radius: 5px;
   border: 1px solid #ccc;
   flex: 0 0 auto;
}

.project_filter_dd {
   position: relative;
   min-width: 240px;
}

.project_filter_toggle {
   height: 28px;
   min-width: 240px;
   max-width: 300px;
   border: 1px solid #cbd5e1;
   border-radius: 8px;
   background: #fff;
   color: #111827;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   padding: 0 10px;
   cursor: pointer;
   font-size: 14px;
}

.project_filter_label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #111827;
   font-weight: 500;
}

.project_filter_dropdown {
   position: absolute;
   top: calc(100% + 6px);
   left: 0;
   z-index: 1200;
   width: 320px;
   max-width: min(90vw, 420px);
   background: #fff;
   border: 1px solid #cbd5e1;
   border-radius: 10px;
   box-shadow: 0 10px 28px rgba(15, 23, 42, .18);
   padding: 8px;
}

.project_filter_list {
   max-height: 250px;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: 2px;
}

.project_filter_item {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 6px 8px;
   border-radius: 6px;
   color: #111827;
}

.project_filter_item:hover {
   background: #f3f4f6;
}

.project_filter_item--all {
   border-bottom: 1px solid #e5e7eb;
   margin-bottom: 6px;
   padding-bottom: 8px;
}

@media (max-width: 1024px) {
   .project_filter_dropdown {
      position: fixed;
      left: 8px;
      right: 8px;
      width: auto;
      max-width: none;
      top: calc(var(--createtask-panel-height) + 6px);
      z-index: 10050;
      max-height: calc(100dvh - var(--createtask-panel-height) - 16px);
   }
}


.project_filter_all_btn {
   width: 100%;
   height: 32px;
   border: 1px solid #6366f1;
   background: #eef2ff;
   color: #1f2937;
   border-radius: 6px;
   cursor: pointer;
   font-weight: 600;
}

.project_filter_all_btn.is-disabled,
.project_filter_all_btn:disabled {
   border-color: #d1d5db;
   background: #f9fafb;
   color: #9ca3af;
   cursor: default;
}

.left-panel {
  display: flex;
  align-items: center;
  gap: var(--space-2);    /* небольшой отступ между кнопками (8px) */
  flex-wrap: nowrap;
  min-width: max-content;
  flex: 0 0 auto;
}


.right_panel_css{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  min-width: max-content;
  flex: 0 0 auto;
}

.create_button_css {
   display: inline-flex;
   align-items: center; 
   justify-content: center;  
   /* height: calc(var(--createtask-panel-height) - 2 * var(--space-1)); */
   height: 36px;
   padding: 0 var(--space-3);
   margin-left: var(--space-2);
   min-width: 160px;
   max-width: 166px;
   border: none;
   border-radius: 5px;
   color: white;
   box-shadow: 0px 4px 4px 0px #859AC3; /*inset-тень внутри*/
   font-size: 1em;
   cursor: pointer;
   flex: 0 0 auto;
}

.create_task_botton, .Createfeature, .CreatePage, .CreateNode, .change_parent_css {
   background-color: #6366F1;
}

@media (max-width: 1024px) { /* Стили для планшета*/ 
   .create_task_botton {      
      min-width: 90px;
      max-width: 160px;
   }
  .create_button_css {
    font-size: 14px;
  }
  
}

@media (max-width: 768px) {/* Стили для мобилки*/ 
  .create_task_botton {      
    min-width: 90px;
    max-width: 160px;
  }
  
  .create_button_css {
    font-size: 14px;
  }
}

.CreatePage, .CreateNode{
   margin-top: 7px;
   margin-bottom: 7px;
   margin-left: 15px;
   padding: 5px;
}

@media (max-width: 1024px) { /* Стили для планшета*/ 
   .CreatePage, .CreateNode, .Createfeature {      
      min-width: 90px;
      max-width: 160px;
   }
}

@media (max-width: 768px) {/* Стили для мобилки*/ 
   .CreatePage, .CreateNode, .Createfeature {      
      min-width: 90px;
      max-width: 160px;
   }
}

.Createfeature {
   margin-right: var(--space-3);
}

.create_button_css:hover {
   transform: scale(1.015);
}


.endsession_button_css {
   min-width: 220px;
   max-width: none;
   margin-left: 0;
   background-color: #FEE2E2;
   color: #991B1B;
   border: 1px solid #FECACA;
   box-shadow: 0px 1px 1px 0px #d7a8a8;
}

.endsession_button_css:hover {
   transform: scale(1.015);
}

.microphone {
   width: auto;
   /* height: calc(var(--createtask-panel-height) - 2 * var(--space-1)); */
   height: 36px;
   cursor: pointer;
   border-radius: 5px;
   box-shadow: 0px 4px 4px 0px #859AC3;
   flex: 0 0 auto;
}

.microphone:hover {
   transform: scale(1.05);
}

/* #endregion Панель создания задач */


.workspace {
   display: flex;
   flex-wrap: nowrap;
   height: calc(100dvh - var(--kpi-panel-height) - var(--createtask-panel-height));
   overflow: scroll;
}

.workspace-sidebar {
   display: flex;
   flex-direction: column;
}

.workspace.workspace--split .columns1_css {
   --workspace-column-bg: #dde0e5;
   flex: 0 0 320px;
   width: 320px;
   min-width: 220px;
   max-width: 720px;
   max-height: 100%;
   position: relative;
   overflow: hidden;
}

.workspace.workspace--split .columns2_css {
   flex: 1 1 auto;
   width: auto;
   min-width: 0;
   max-height: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
}

.workspace-sections {
   display: flex;
   flex-direction: column;
   gap: 0;
   margin: 0;
}

.workspace-sections__item {
   width: 100%;
   border: 1px solid transparent;
   background: #ffffff;
   color: #1f2937;
   border-radius: 5px;
   box-shadow: 0px 1px 1px 0px #859AC3;
   padding: 6px;
   text-align: left;
   font-size: 1em;
   cursor: pointer;
   transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.workspace-sections__item.is-active {
   background-color: #6366F1;
   color: white;
   border-radius: 5px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.workspace-sections__item:hover {
   border-left-color: #6366F1;
   border-right-color: #6366F1;
}

.workspace.workspace--split .workspace-sidebar {
   padding: 15px;
   display: flex;
   flex-direction: column;
   min-height: 0;
}

.workspace.workspace--split .workspace-sidebar__header {
   margin-bottom: 8px;
   flex: 0 0 auto;
}

.workspace.workspace--split .workspace-sidebar__tree {
   flex: 1 1 auto;
   min-height: 0;
   overflow: auto;
}

.workspace.workspace--split .workspace-sidebar .headcolumns_css {
   margin-top: 0;
   margin-bottom: 0;
}

@media (max-width: 1024px) {
   .workspace.workspace--split .columns1_css {
      display: none;
   }

   .workspace.workspace--split .columns2_css {
      width: 100%;
   }

   .workspace.workspace--split #resizer,
   .workspace.workspace--split #process-resizer {
      display: none;
   }

   .navigation.open + .content .workspace.workspace--split .columns1_css {
      display: flex;
      flex-direction: column;
      flex: 0 0 min(82vw, 360px);
      width: min(82vw, 360px);
      min-width: min(82vw, 360px);
      max-width: min(82vw, 360px);
      position: fixed;
      top: var(--createtask-panel-height);
      left: 52px;
      height: calc(100dvh - var(--createtask-panel-height) - var(--kpi-panel-height));
      z-index: 1001;
      background: #dde0e5;
      box-shadow: 6px 0 14px rgba(0,0,0,.16);
   }

   .navigation.open + .content .workspace.workspace--split .wiki-tree-close,
   .navigation.open + .content .workspace.workspace--split .process-tree-close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
   }
}


/* поле с KPI */
.kpi_panel_css {
   
display: flex;
   background-color: #F3F4F6;
   height: var(--kpi-panel-height);
}

.kpi_block_css{
   display: flex;
   align-items: center;
   padding-left: 24px;
}

.kpi_text_css {
   display: flex;
   padding-left: 8px;
   color: #6B7280;
}

.kpi_time_css{
   padding-left: 6px;
   color: #000000;
}

.img {
   overflow: hidden;
}
/* Конец поля поле с KPI */





/* Колонки */
.col_css,.columns_css {
   border-radius: 12px;
   border-color: #D1D5DB;
   border-width: 1px;
   border-style: solid;

   background-color: white;

   margin-left: 8px;
   margin-right: 8px;
   margin-top: 12px;

   background-color: var(--workspace-column-bg, #d1d5dbbb);
}


/*шапки клолонок*/
.headcolumns,.headcolumns_css {
   width: 100%;
   min-height: 40px;

   margin-top: 16px;
   margin-bottom: 6px;
   padding: 0 12px 0 16px;

   border-radius: 8px;
   display: grid;
   grid-template-columns: auto minmax(0, 1fr) auto;
   align-items: center;
   gap: 10px;
   font-size: 16px;

   cursor: pointer;
}

.headcolumns__icon {
   width: 22px;
   height: 22px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

.headcolumns__icon img {
   max-width: 100%;
   max-height: 100%;
}

.headcolumns__actions {
   min-width: 0;
   display: inline-flex;
   justify-content: flex-end;
   align-items: center;
}

.columns-name {
   min-width: 0;
   padding-left: 0;
   padding-right: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

/* конец шапок колонок*/



/* Стилизация древа процессов */
details.object.user {
   margin: 5px 0;
   padding: 5px;
   border-radius: 4px;
}

/* При наведении – чуть затемнить фон */
details.object.user:hover {
   background-color: #f0f0f0;
}



.user-head {
   list-style: none;  /* убираем маркер */
}

/* Стили для summary (заголовок, который кликается) */
details.object.user > summary.user-head {
   cursor: pointer;
   font-weight: bold;

}

details.object.user[open] {
   /* Если details раскрыт, можно добавить какую-то рамку или цвет */
   box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
/* Конец Стилизация древа процессов */





/* #region Кнопка-гамбургер в шапке */

.burger_toggle_сss {
  display: none;        /* скрыта по умолчанию */
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.hamburger_button_сss {
   height: 36px;
}



.overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s;
  z-index: 999;
}
.overlay.active {
  opacity: 1;
  visibility: visible;
}


/* === Mobile/tablet (<=1024px) === */
@media (max-width: 1024px) {

  /* Показываем кнопку-гамбургер */
  .burger_toggle_сss {
    display: inline-flex;
    align-items: center;
    margin-right: var(--spacing-medium);
  }

  /* Скрываем навигационную панель за экраном */
  .navigation {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    width: 0;
    overflow: hidden;
  
    transition: left 0.3s ease;
    z-index: 1000;
  }


  /* При открытом меню — показываем панель */
  .navigation.open {
    left: 0;
    width: 52px;           /* ширина открытой панели */
  }
  
  .main {
    margin-left: 0;
  }
  
  .create-panel {
    position: relative;
    width: 100%;
  }
}


@media (max-width: 1024px) {
   .col_css {
   margin-left: 5px;
   margin-right: 5px;
   }}

/* #endregion */




/* #region toast для find-executor (Кнопка - найти исполнителя) */
.toast {
   position: fixed; right: 30px; bottom: 30px;
   background:#6980A9; color:#fff; padding:8px 14px;
   border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,.15);
   opacity:0; transition:.3s;
}
.toast.show{ opacity:1; }

/* #endregion */


/* #region Спинер загрузки */
#loading-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.spinner {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #6366F1;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 0.8s linear infinite;
  margin-bottom: 10px;
}

.loading-text {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* #endregion */

/* ===== Priority picker (универсально для всех страниц) ===== */

.priority-picker{
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 190px;
  max-width: 190px;
}

.priority-picker__btn{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #cbd5e1;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  box-sizing: border-box;
}

.priority-picker__icon{
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.priority-picker__label{
  flex: 1;
  text-align: left;
  font-size: 14px;
}

.priority-picker__caret{
  opacity: .7;
  flex: 0 0 auto;
}

.priority-picker__menu{
  display: none; /* ВАЖНО: без этого на других страницах видно "все приоритеты" */
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 99999;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,.15);
  padding: 6px;
  max-height: 260px;
  overflow: auto;
}

.priority-picker.open .priority-picker__menu{
  display: block;
}

.priority-picker__item{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
}

.priority-picker__item:hover{
  background: #f1f5f9;
}

.priority-picker__item img{
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.priority-picker__item[aria-selected="true"]{
  background: #e0e7ff;
}

/* ВАЖНО: прячем исходный select, чтобы не было "и селект, и список" */
.priority-picker__select{
  display: none;
}

/* ===== Priority picker: floating menu (не режется overflow-ом) ===== */

.priority-picker.using-float .priority-picker__menu{
  display: none !important; /* прячем "обычное" меню внутри блока */
}

.priority-picker__menu--floating{
  position: fixed;
  display: block;
  z-index: 999999;          /* поверх модалки/оверлея */
  max-height: min(260px, calc(100vh - 24px));
  overflow: auto;
}

/* #region Раскраска статусов таски */

.task_status_subordinates_css{
   height: 22px;
   max-width: fit-content;

   border-radius: 6px;
   border-width: 1px;
   border-style: solid;

   margin-left: 4px;
   margin-top: 4px;

   padding-left: 9px;
   padding-right: 9px;
   padding-top: 3px;
   padding-bottom: 3px;

   text-align:	center;

   
}

.task_status_css{
   min-height: 22px;

   border-radius: 6px;
   border-width: 1px;
   border-style: solid;

   padding-left: 9px;
   padding-right: 9px;
   padding-top: 3px;
   padding-bottom: 3px;
   
}

.task_status_backlog_css{
   background-color: #F3F4F6; 
   color: #374151;           
   border-color: #D1D5DB; 
}

.task_status_in_progress_css{
   background-color: #DCFCE7;
   color: #1E40AF;
   border-color: #BFDBFE;
}

.task_status_confirmation_css{
   background-color: #FEF9C3;
   color: #854D0E;
   border-color: #FEF08A;
}

.task_status_done_css{
   background-color: #DCFCE7;
   color: #166534;
   border-color: rgb(187, 247, 208);
}

.task_status_canceled_css{
   background-color: #FEE2E2;
   color: #991B1B;
   border-color: #FECACA;
}

/* #endregion Раскраска статусов таски */


/* #region Shared task pill component */
.lr-task-pill{
   display: inline-flex;
   align-items: center;
   gap: 8px;
   max-width: 100%;
   padding: 4px 10px;
   border: 1px solid #D1D5DB;
   border-radius: 999px;
   background: #fff;
   color: #111827;
   text-decoration: none;
   line-height: 1.2;
}

.lr-task-pill:hover{
   background: #F9FAFB;
}

.lr-task-pill__id{
   color: #4B5563;
   white-space: nowrap;
   font-size: 12px;
}

.lr-task-pill__title{
   min-width: 0;
   max-width: 480px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 13px;
}

.lr-task-pill__status{
   white-space: nowrap;
   font-size: 12px;
   border-radius: 999px;
   padding: 2px 8px;
}

.lr-relation-badge{
   display: inline-flex;
   align-items: center;
   padding: 3px 8px;
   border-radius: 999px;
   background: #EEF2FF;
   color: #3730A3;
   font-size: 12px;
   white-space: nowrap;
}
/* #endregion Shared task pill component */

/* #region Unified wiki-task-pill (shared for wiki/home) */
a.wiki-task-pill,
.wiki-task-pill{
  display:inline-block;
  max-width:100%;
  padding:2px 10px;
  border-radius:10px;
  border:1px solid #d6d6d6;
  background:#f7f7f7;
  text-decoration:none;
  color:inherit;
  font-size:13px;
  line-height:1.25;
  white-space:normal;
  vertical-align:top;
}

.wiki-task-pill > *{
  margin-right:8px;
  vertical-align:middle;
}

.wiki-task-pill > *:last-child{
  margin-right:0;
}

.wiki-task-pill__id{
  color:#4f46e5;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  display:inline-block;
}

.wiki-task-pill__priority{
  width:14px;
  height:14px;
  object-fit:contain;
}

.wiki-task-pill__assignee{
  width:18px;
  height:18px;
  border-radius:50%;
  object-fit:cover;
}

.wiki-task-pill__assignee[hidden]{
  display:none !important;
}

.wiki-task-pill__title{
  font-weight:600;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}

.wiki-task-pill__status{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  line-height:1.2;
  white-space:nowrap;
}

.wiki-task-pill.is-loading{ opacity: 0.75; }

.wiki-task-pill.is-no-access{
  background:#fff2f2;
  border-color:#f0b3b3;
}

.wiki-task-pill.is-no-access .wiki-task-pill__priority,
.wiki-task-pill.is-no-access .wiki-task-pill__assignee,
.wiki-task-pill.is-no-access .wiki-task-pill__status {
  display:none;
}
/* #endregion Unified wiki-task-pill */

.closetask_css {
  cursor: pointer;
  font-size: 24px;
}

.non { /* класс для скрытия окон*/
   display: none;
}

/* #region Кнопки сохранения/отмены изменений */
.button_change_yes, .button_change_no {
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  margin-top: 5px;
  margin-bottom: 5px;
}

.button_change_yes {
   background: #58B27A;
   color: #fff;
   border-color: #58B27A;
   margin-right: 5px;
}

.button_change_yes:hover:enabled { background: #4AA06C; }

/* #endregion Кнопки сохранения/отмены изменений */