/* =========================================
 DSR FORM (index.html) STYLES
=========================================
*/

/* Base Form Styling Overrides for DSR Form */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa; /* Matches Bootstrap background */
}

/* Specific container for the DSR form */
.dsr-container {
    max-width: 750px; /* Default for DSR form */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 30px;
}
.dsr-container h2 {
    border-bottom: 2px solid #0d6efd; /* Primary blue border */
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.dsr-container .auto-fetch-field {
    background-color: #e9ecef;
    cursor: not-allowed;
}

/* Radio Button Layout (Lead Source and Yes/No Questions) */
.dsr-container .radio-group {
    display: flex;
    gap: 1.5rem;
}
.dsr-container .radio-align {
    /* Used for Joint Call and BI Shared to push options right */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dsr-container .form-check-inline {
    margin-right: 1.5rem; 
}
.dsr-container .radio-option {
    display: flex;
    align-items: center;
}

/* Conditional Field Visibility (LG Name/Code) */
.dsr-container #lgLeadFields {
    display: none; /* Default state for JS control */
}
.dsr-container #lgLeadFields.visible {
    display: block;
}


/* =========================================
 ADMIN PANEL (admin_panel.html) STYLES
=========================================
*/

.admin-container { 
    max-width: 900px; 
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 30px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.admin-container h2 {
    border-bottom: 2px solid #0d6efd;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
        
/* Table Editing Styles */
.table-editable td { padding: 0.25rem 0.5rem; white-space: nowrap; }
.table-editable td:hover { background-color: #e9f7ff; } 
.table-editable .editing { background-color: #fff3cd; padding: 0; }
.table-editable .editing input, 
.table-editable .editing select {
    border: none;
    box-shadow: none;
    height: 100%;
    width: 100%;
    padding: 0.25rem 0.5rem;
    margin: 0;
    line-height: 1.5;
}
.table-responsive { max-height: 60vh; overflow-y: auto; border: 1px solid #ddd; border-radius: 0.25rem; }
.nav-link.active { font-weight: bold; background-color: #f8f9fa !important; border-color: #dee2e6 #dee2e6 #f8f9fa !important; color: #0d6efd !impo