/* R31 shared form surfaces: native shell, mobile web and modal pickers. */
:where(button,input,select,textarea){font-family:inherit}
.staff-time-request-panel :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){font:inherit;color:#183b50;background:#fff;border:1px solid #d4e3eb;border-radius:14px;padding:12px 14px;min-height:48px;max-width:100%;box-sizing:border-box;box-shadow:0 2px 7px #183b5004}
.staff-time-request-panel textarea{line-height:1.9;resize:vertical;min-height:108px}
.staff-time-request-panel :is(input,select,textarea):focus-visible{outline:3px solid #9cd9df;outline-offset:2px;border-color:#4495a4}
.staff-time-request-panel input[readonly]{cursor:pointer;background:#f8fcfd}
.staff-time-request-panel{border-color:#e0ebef;box-shadow:0 5px 22px #183b5008;background:#fbfdfe}
.staff-time-request-panel .form-grid{padding:18px 0}
.staff-time-request-panel label{font-size:14px;line-height:1.8;color:#36576a}
.staff-time-request-panel .form-actions button{border-radius:14px;line-height:1.7}
.staff-time-request-panel .persian-time-picker select{padding:10px;min-width:0}
:is(.mobile-select-dialog,.mobile-detail-dialog,.jalali-picker,.person-picker-dialog){font-family:Vazirmatn,Tahoma,sans-serif;color:#183b50;border:1px solid #e0eaf0;border-radius:22px;box-shadow:0 18px 55px #142f4826}
:is(.mobile-select-dialog,.mobile-detail-dialog,.jalali-picker)::backdrop{background:#17374e70;backdrop-filter:blur(3px)}
.mobile-select-dialog .mobile-select-options{display:grid;gap:8px;margin-top:12px}
.mobile-select-dialog .mobile-select-options button{border:1px solid #e3edf1;border-radius:13px;background:#f6fafc;min-height:48px;line-height:1.8;text-align:right;font-size:14px}
.mobile-select-dialog .mobile-select-options [aria-selected=true]{background:#e8f6f7;border-color:#9bcbd1;color:#135c68;font-weight:700}
:is(.mobile-select-dialog,.mobile-detail-dialog,.jalali-picker) :is(button,input,select,textarea){font-family:inherit}
@media(max-width:760px){
:is(#mobile-shell,.mobile-detail-dialog) :is(.ops-form,.ops-card,.form-grid,.message-moderation,.review-list-fields) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),body #modal .form-grid :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border:1px solid #d4e3eb;border-radius:14px;background:#fbfdfe;color:#183b50;font-family:inherit;min-height:46px;max-width:100%;box-sizing:border-box;padding:11px 13px;font-size:14px;line-height:1.8}
:is(#mobile-shell,.mobile-detail-dialog) textarea{font-family:inherit;line-height:1.9;resize:vertical}
:is(#mobile-shell,.mobile-detail-dialog) :is(input,select,textarea):focus-visible{outline:3px solid #a9dce1;outline-offset:2px}
:is(#modal,.mobile-detail-dialog) label{line-height:1.8}
.jalali-picker select{border:1px solid #d9e6ee;border-radius:12px;background:#f6fafc;padding:7px;font:inherit;min-height:42px}
}