.drclass-wheel-open{overflow:hidden}.drclass-wheel-modal,.drclass-wheel-modal *{box-sizing:border-box}.drclass-date-time-wrap{display:grid;grid-template-columns:minmax(0,1fr) 122px;gap:10px;align-items:end}.drclass-date-field{position:relative;display:flex;align-items:center}.drclass-date-field .plugin-date-picker{padding-left:50px!important;cursor:pointer}.drclass-date-trigger{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:10px;background:#eef2ff;color:#263768;display:grid;place-items:center;cursor:pointer;padding:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif}.drclass-date-trigger svg{width:19px;height:19px}.drclass-time-field input{direction:ltr;text-align:center}.drclass-date-help{display:block;margin-top:6px;color:#8a92a5;font-size:11px;font-weight:400}.drclass-wheel-modal{position:fixed;inset:0;z-index:1000000;display:none;font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:#172036}.drclass-wheel-modal.open{display:grid;place-items:center}.drclass-wheel-backdrop{position:absolute;inset:0;background:rgba(19,28,52,.48);backdrop-filter:blur(5px)}.drclass-wheel-dialog{position:relative;width:min(92vw,520px);max-height:min(90dvh,720px);overflow:auto;background:#fff;border:1px solid rgba(231,235,242,.9);border-radius:24px;box-shadow:0 30px 90px rgba(22,34,70,.28);padding:20px;direction:rtl}.drclass-wheel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.drclass-wheel-head strong,.drclass-wheel-head span{display:block}.drclass-wheel-head strong{font-size:19px;font-weight:900}.drclass-wheel-head span{font-size:11px;color:#7e879c;margin-top:3px}.drclass-wheel-close{width:38px;height:38px;border:0;border-radius:12px;background:#f2f4f8;color:#58637a;font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:23px;line-height:1;cursor:pointer}.drclass-wheel-today,.drclass-wheel-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;padding:12px 14px}.drclass-wheel-today{background:#f3f6ff;color:#263768;margin-bottom:15px}.drclass-wheel-today span,.drclass-wheel-preview span{font-size:11px}.drclass-wheel-today strong,.drclass-wheel-preview strong{font-size:13px;font-weight:900}.drclass-wheel-labels,.drclass-wheel-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));direction:rtl;gap:8px}.drclass-wheel-labels{margin-bottom:6px;color:#7e879c;font-size:11px;text-align:center;font-weight:800}.drclass-wheel-columns{position:relative}.drclass-wheel-column{position:relative;height:228px;overflow:hidden;border:1px solid #e7ebf2;border-radius:15px;background:linear-gradient(180deg,#fbfcfe 0%,#fff 34%,#fff 66%,#fbfcfe 100%)}.drclass-wheel-selection{position:absolute;z-index:1;right:5px;left:5px;top:50%;height:44px;transform:translateY(-50%);border:1px solid #cfd8f0;background:rgba(238,242,255,.72);border-radius:11px;pointer-events:none}.drclass-wheel-scroll{position:relative;z-index:2;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain}.drclass-wheel-scroll::-webkit-scrollbar{display:none}.drclass-wheel-spacer{height:92px}.drclass-wheel-item{display:block;width:100%;height:44px;border:0;background:transparent;color:#8a92a5;font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:13px;font-weight:600;scroll-snap-align:center;cursor:pointer;transition:.16s}.drclass-wheel-item.selected{color:#263768;font-size:16px;font-weight:900}.drclass-wheel-preview{margin-top:14px;background:#f8f9fc;border:1px solid #eceff5}.drclass-wheel-preview strong{color:#263768;font-size:15px}.drclass-wheel-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.drclass-wheel-actions button{min-height:45px;border-radius:12px;font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-weight:900;cursor:pointer}.drclass-wheel-confirm{border:1px solid #263768;background:#263768;color:#fff}.drclass-wheel-cancel{border:1px solid #dfe4ed;background:#fff;color:#59647b}
@media(max-width:640px){.drclass-date-time-wrap{grid-template-columns:1fr}.drclass-wheel-modal.open{align-items:end}.drclass-wheel-dialog{width:100%;max-height:88dvh;border-radius:24px 24px 0 0;padding:17px 14px calc(18px + env(safe-area-inset-bottom));animation:drclassWheelUp .2s ease}.drclass-wheel-column{height:216px}.drclass-wheel-spacer{height:86px}.drclass-wheel-head strong{font-size:18px}.drclass-wheel-labels,.drclass-wheel-columns{gap:6px}.drclass-wheel-actions{position:sticky;bottom:0;background:#fff;padding-top:10px}.drclass-wheel-actions button{min-height:48px}}@keyframes drclassWheelUp{from{transform:translateY(30px);opacity:.7}to{transform:none;opacity:1}}