/* Tabs styling */
.tab-container {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.tabs {
   display: flex;
   gap: 10px;
   margin-bottom: 10px;
}
.tab-button {
   padding: 8px 16px;
   border: none;
   background-color: #ddd;
   cursor: pointer;
   border-radius: 5px;
}
.tab-button.active {
   background-color: orange;
   color: white;
}
.tab-content {
   display: none;
   width: 100%;
   text-align: left;
}
.tab-content.active {
   display: block;
}

/* Form styling */
.form-group {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 8px;
}
.form-group label {
   flex: 1;
   text-align: right;
   margin-right: 10px;
   font-weight: bold;
}
.form-group input {
   flex: 2;
   padding: 5px;
   border: 1px solid #ccc;
   border-radius: 4px;
   width: 100px;
}

/* Radios compacts */
.radio-pill {
   display: inline-flex;
   align-items: flex-end;
   gap: 0;         
   line-height: 1;      
}
.radio-pill input[type="radio"] {
   margin: 0;            
   transform: scale(0.9);
}