#account-management-pop-up {
    
}
#account-management-pop-up .pop-up {
    width: 520px;
    color: var(--color-text-primary)
}

#account-management-pop-up .pop-up button {
    transition: 300ms;
    cursor: pointer;
}
#account-management-pop-up .pop-up button:hover {
    opacity: 0.7;
}
#account-management-pop-up .pop-up h3 {
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
}


#account-management-pop-up .pop-up .device-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#account-management-pop-up .pop-up .device-block p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    opacity: 0.8;
}
#account-management-pop-up .pop-up .device-block .text-1 {
    font-weight: 400;
}
#account-management-pop-up .pop-up .device-block .row-1 {
    display: flex;
    gap: 16px;
    height: 52px;
    width: 100%;
    margin-bottom: 8px;
}
#account-management-pop-up .pop-up .device-block .row-1 input {
    width: 100%;
    height: 100%;
    background: var(--color-button-secondary);
    border: 1px solid var(--color-border-popup);
    outline: none;
    color: var(--color-text-primary);
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    border-radius: 8px;
}
#account-management-pop-up .pop-up .device-block .row-1 button {
    width: 100%;
    height: 100%;
    background: var(--color-button-accent);
    border: none;
    outline: none;
    color: var(--color-text-button-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
}
#account-management-pop-up .pop-up .device-block .manage-linked-device {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    width: calc(50% - 8px);
    background: var(--color-button-primary);
    border: none;
    outline: none;
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    margin-top: 8px;
}


#account-management-pop-up .pop-up .subscription-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#account-management-pop-up .pop-up .subscription-block p {
    font-size: 14px;
    line-height: 15px;
}
#account-management-pop-up .pop-up .subscription-block p.text-1 {
    color: var(--color-text-tertiary)
}
#account-management-pop-up .pop-up .subscription-block p.text-2 {
    color: var(--color-text-primary)
}
#account-management-pop-up .pop-up .subscription-block input {
    width: calc(100% - 120px - 8px);
    height: 40px;
    background: var(--color-button-tertiary);
    border: none;
    outline: none;
    color: var(--color-text-primary);
    padding: 0 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 4px;
} 



/* Linked-devices */

#linked-devices-pop-up .pop-up {
    width: 520px;
    color: var(--color-text-primary)
}
#linked-devices-pop-up  .pop-up button {
    transition: 300ms;
    cursor: pointer;
}
#linked-devices-pop-up  .pop-up button:hover {
    opacity: 0.7;
}
#linked-devices-pop-up  .pop-up h3 {
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
}


#linked-devices-pop-up .pop-up .devices-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
#linked-devices-pop-up .pop-up .devices-list .device-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-border-popup);
}

#linked-devices-pop-up .pop-up .devices-list .device-item .row-1 {
    display: flex;
    justify-content: space-between;
    height: 20px;
    align-items: center;
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-1 .title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-1 .title span.main-device {
    padding: 4px 8px;
    font-size: 10px;
    line-height: 20px;
    font-weight: 600;
    color: var(--color-text-button-accent);
    background: var(--color-button-accent);
    border-radius: 36px;
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-1 .connected-info {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: var(--color-text-tertiary);
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-1 .connected-info .connected-date {
    font-weight: 500;
    color: var(--color-text-primary);
}

#linked-devices-pop-up .pop-up .devices-list .device-item .row-2 {
    display: flex;
    gap: 8px;
    height: 59px;
    align-items: flex-end;
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-2 .input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-2 .input-wrapper .label {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: var(--color-text-tertiary);
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-2 .input-wrapper input {
    width: 100%;
    height: 40px;
    background: var(--color-button-tertiary);
    border: none;
    outline: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-primary);
    padding: 0 8px;
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-2 button {
    width: 160px;
    min-width: 160px;
    height: 40px;
    background: var(--color-button-accent);
    border: none;
    outline: none;
    color: var(--color-text-button-accent);
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
}

#linked-devices-pop-up .pop-up .devices-list .device-item .row-3 {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-3 .col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-3 p {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: var(--color-text-tertiary);
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-3 .linked-type,
#linked-devices-pop-up .pop-up .devices-list .device-item .row-3 .last-used-value {
    font-weight: 500;
    color: var(--color-text-primary);
}
#linked-devices-pop-up .pop-up .devices-list .device-item .row-3 button {
    width: 160px;
    height: 40px;
    background: var(--color-button-secondary);
    border: none;
    outline: none;
    color: var(--color-icon-negative);
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
}

#linked-devices-pop-up .pop-up .footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#linked-devices-pop-up .pop-up .footer button { 
    height: 40px;
    width: calc(50% - 4px);
    background: var(--color-button-secondary);
    color: var(--color-icon-negative);
    border: none;
    outline: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

/* Remove device */
#remove-device-pop-up .pop-up {
    width: 260px;
    color: var(--color-text-primary);
    padding: 12px;
}
#remove-device-pop-up .pop-up p {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}
#remove-device-pop-up .pop-up p .device-name {
    font-weight: 500;
    color: var(--color-text-primary);
    opacity: 0.25;
}
#remove-device-pop-up .pop-up .line {
    width: 100%;
    height: 1px;
    background: var(--color-border-popup);
}
#remove-device-pop-up .pop-up .buttons-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#remove-device-pop-up .pop-up .buttons-block button {
    transition: 300ms;
    cursor: pointer;
    width: 100%;
    height: 31px;
    outline: none;
    border: none;
    border-radius: 4px;
    color: var(--color-text-primary);
    font-size: 12px;
    font-weight: 500;
    background: var(--color-button-secondary);
}
#remove-device-pop-up .pop-up .buttons-block button.confirm-remove-device {
    background: var(--color-icon-negative);
}
#remove-device-pop-up .pop-up .buttons-block button:hover {
   opacity: 0.7;
}