button{
    border: none;
    cursor: pointer;
    background: none;
}

a{
    text-decoration: none;
}

.icon_button{
    display: flex;
    background-color: var(--white100);
    min-width: 48px;
    min-height: 48px;
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px;
    align-items: center;
    justify-content: center;
}

.graybg{
    background-color: var(--white20);
}

.icon_button img{
    width: 24px;
    height: 24px;
}

.action_button{
    width: 100%;
    height: 48px;
    border-radius: 16px;
    background: var(--gr4);
    border-radius: 16px;
    box-shadow: 0 4px 8px 0 rgba(103, 44, 214, 0.25), -1px -1px 1px 0 rgba(254, 254, 254, 0.25) inset, 1px 1px 1px 0 rgba(254, 254, 254, 0.40) inset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.action_button2{
    width: 100%;
    height: 48px;
    border-radius: 16px;
    background: var(--gr5);
    border-radius: 16px;
    border: 2px solid rgba(254, 254, 254, 0.35);
    box-shadow: 0 4px 8px 0 rgba(103, 44, 214, 0.25), -1px -1px 1px 0 rgba(254, 254, 254, 0.25) inset, 1px 1px 1px 0 rgba(254, 254, 254, 0.40) inset;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: -1px -1px 2px 0 rgba(254, 254, 254, 0.25) inset, 1px 1px 2px 0 rgba(254, 254, 254, 0.40) inset;
}

.action_button2 h3{
    text-shadow: 0 1px 2px #D739A6;
}

.secondary_button{
    width: 100%;
    height: 48px;
    border-radius: 16px;
    background: var(--accent010);
    border: 1px solid var(--accent010);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--accent100);
}

.action_button h3{
    text-shadow: 0 1px 2px rgba(95, 4, 212, 0.50);
}

.myloc{
    position: absolute;
    right: 12px;
    bottom: 640px;
}
/* Дополнительные состояния кнопки смены */
.action_button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.action_button:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(18,18,18,0.2);
    transition: all 0.2s ease;
}

/* Стили для GPS статуса */
.gps-status {
    position: absolute;
    top: 70px;
    right: 16px;
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 12px;
    z-index: 100;
}

.cell{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  height: 54px;
  gap: 8px;
  background-color: none !important;
  position: relative;
  width: 100%;
  color: var(--black100);
  border-bottom: 1px solid var(--black020);
}

.cell:last-child{
    border-bottom: 0px;
}

.cell_chevron{
    position: absolute;
    right: 8px;
    top: 16px;
}

.cell_icon{
  width: 30px !important;
  height: 30px !important;
}

.cells_group_body{
  display: flex;
  flex-direction: column;
  background-color: var(--white100);
  border-radius: 16px;
}



#selectedMapServiceName{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}



input[type="radio" i]{
    position: absolute;
    right: 16px;

    width: 24px;
    height: 24px;
    background-color: var(--accent010);
    border: none;
}

#reportButton{
    position: fixed;
    right: 12px;
    bottom: 240px;
    z-index: 10;
}

.gps-excellent { background: rgba(0,170,68,0.9); }
.gps-good { background: rgba(0,124,191,0.9); }
.gps-fair { background: rgba(255,136,0,0.9); }  
.gps-poor { background: rgba(255,68,68,0.9); }