.opd-page{display:flex;flex-direction:column;height:100vh}.opd-header{background-color:#028ed2!important}.header-toolbar{display:flex;justify-content:space-between}.header-left{display:flex;align-items:center}.header-icon{cursor:pointer;width:56px;color:#fff}.header-title{font-size:20px!important;margin-left:16px!important}.header-right{display:flex;align-items:center;gap:25px}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.opd-body{display:flex;flex:1;overflow:hidden;gap:15px}.body-left{flex:2.7;display:flex;flex-direction:column;gap:8px;padding:8px;overflow:hidden}.stats-card{padding:0!important;background-color:#fff}.stats-chip-row{display:flex;align-items:stretch;padding:10px}.stats-chip-row-top{display:flex;align-items:stretch;padding:10px;justify-content:space-between;gap:25px}.stats-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px}.chip-count{font-size:18px;font-weight:600;color:#000}.chip-label{font-size:14px;color:#000}.total-chip-box{background-color:#e3f2fd!important;border:2px solid #2196f3;border-radius:15px!important;box-shadow:2px 2px 10px #dadada;height:32px}.new-chip-box{background-color:#fff8e1!important;border:2px solid #fbc02d;border-radius:15px!important;box-shadow:2px 2px 10px #dadada;height:32px}.stats-date-row{display:flex;align-items:center;justify-content:space-between;color:#0000008a;padding-top:8px}.calendar-icon{font-size:18px;color:#0000008a}.stats-divider{margin:8px 0;background-color:#3d3c3c8a;padding:0}.date-text{font-size:14px;color:#0000008a;font-weight:600!important}.date-value-right{align-items:flex-end;font-size:14px;color:#0000008a;font-weight:600!important}.filter-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.chip-selected.MuiChip-root{background-color:#028ed2;color:#fff}.chip-unselected.MuiChip-root{background-color:#fff;color:#028ed2;border:1px solid #028ed2}.calendar-row{width:100%}.calendar-row .MuiDateCalendar-root{display:flex;flex-direction:column;background:#fff;width:100%;max-height:290px}.custom-calendar-header{display:flex;align-items:center;justify-content:space-between;padding:4px 15px}.calendar-row .MuiDayCalendar-weekDayLabel{display:none;background-color:#028ed2;color:#fff}.custom-calendar-header button{color:#000}.calendar-title{font-size:14px!important}.calendar-row .MuiDayCalendar-weekContainer{display:flex;justify-content:space-between;padding:2px 12px;margin:0}.body-right{flex:6.6;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.no-appointments{margin:20px;display:flex;justify-content:center;background-color:#fff3cd;border-color:#ffeeba;position:relative;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.25rem;text-align:center}.opd-footer{background-color:#028ed2;display:flex;justify-content:center;align-items:center;gap:4px;height:48px;color:#fff;font-size:14px}.body-spacer{width:20%}.body-form{width:50%}.enrollment-page{width:100%}.body-wrapper{display:flex;width:100%;padding:16px 0}.body-spacer{width:15%}.body-form{width:60%}.form-field{margin-bottom:16px}.section-title{margin-top:16px!important;font-size:14px!important;font-weight:500!important}.patient-grid{width:100%;margin-top:8px}.country-code{flex-basis:10%;max-width:10%}.mobile-field,.uhid-field{flex-basis:45%;max-width:45%}.country-field label{visibility:hidden}.submit-row{display:flex;justify-content:start;margin-top:24px}.submit-button{text-transform:none!important;border-color:#1976d2!important;border-radius:20px!important;border-width:2px!important;color:#1976d2!important}.top-menu-container{background-color:#028ed2;height:68px;border-bottom-left-radius:80px;border-bottom-right-radius:80px;display:flex;align-items:center;justify-content:center;position:relative}.menu-box{background:#0272b2;padding:4px;border-radius:24px}.center-box{margin:auto}.right-box{position:absolute;right:8%}.toggle-group{background:transparent}.toggle-group .MuiToggleButton-root{border:none;border-radius:16px!important;padding:6px 14px;font-size:13px;font-weight:600;text-transform:none;color:#e3f2fd}.toggle-group .Mui-selected{background-color:#fff!important;color:#000!important}.toggle-group .MuiToggleButton-root:hover{background-color:#ffffff26}.filter-chips-row{background-color:#f2f2f2!important}.filter-grid{display:flex;justify-content:space-between;align-items:stretch;background-color:#f2f2f2;padding:12px}.filter-item{flex:1;text-align:center;padding:12px 0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#028ed2}.filter-icon{font-size:30px!important}.filter-label{font-size:14px!important;font-weight:600!important}.MuiDivider-vertical{margin:0 8px}.reschedule-cancel-row{display:flex;justify-content:space-around;padding:8px;background-color:#fff;gap:10px}.reschedule-button,.cancel-button{text-transform:none!important;background-color:#fff!important;border-radius:18px!important;padding:0!important;font-size:12px!important;height:25px!important;font-weight:600!important}.reschedule-button{color:#028ed2!important}.cancel-button{color:#f44336!important}.appointments-list{display:flex;flex-direction:column;gap:12px;padding:10px}.appointment-card{display:flex;padding:12px;border-radius:14px;align-items:center}.card-left{display:flex;gap:12px;width:80%;align-items:center}.profile-img{width:56px!important;height:56px!important}.card-details{display:flex;flex-direction:column;gap:6px}.date-row{font-size:14px!important}.waiting-text{font-weight:500}.info-row{display:flex;align-items:center;gap:12px;font-size:14px}.name-text{font-weight:600;font-size:16px!important;color:#f98315}.icon-text{display:flex;align-items:center;gap:4px;color:#0280c0}.patient-info,.footer-name{font-size:14px!important;color:#212121}.card-right{width:20%;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width:1024px){.opd-body{flex-direction:column!important}.body-left,.body-right{width:100%!important}}