#profile {   
    height: var(--container-height);
    width: 100%;
}
.profile-section {
    display: flex;
    height: 100%;
    flex-direction: column;
    width: 100%;
    gap: 14px;
}

.profile-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.profile-label {
    font-weight: 700;
    font-size: 14px;
}

.profile-input {
    padding: 12px;
    border-radius: 16px;
    border: 1px solid #ccc;
    font-size: 16px;
    background: var(--card-bg);
    color: var(--text);    
    pointer-events: none;
}

.profile-input.editable {
    pointer-events: auto;
}

.theme-select { 
    width: 100%; 
    padding: 12px; 
    border-radius: 16px; 
    border: 1px solid #ccc; 
    font-size: 16px; 
    background: var(--card-bg);
    color: var(--text);
}

.edit-actions { 
    display: flex; 
    justify-content: flex-end; 
    gap: 8px; 
    margin-top: 8px; 
}

.profile-manager-row {
    padding: 12px;
    border-radius: 16px;
    border: 1px solid #ccc;
    font-size: 16px;
    background: var(--card-bg);   
}


.manager-name {
  font-weight: 600;
}

.manager-point {
  color: #666;
  margin-left: 6px;
}