.viewport-dialog{overscroll-behavior:contain;background:var(--paper,#fff);width:min(660px,100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink,#102641);box-sizing:border-box;border:0;border-radius:20px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 80px #0b211d4d}.viewport-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e28248c}.viewport-dialog>.modal{box-sizing:border-box;width:100%;max-width:100%;max-height:none;box-shadow:none;margin:0;animation:none;overflow:visible}.viewport-dialog .modal-head>button{flex-shrink:0;min-width:44px;min-height:44px}.viewport-dialog .attendance-modal{gap:14px;padding:22px;display:grid}.viewport-dialog .attendance-modal button,.viewport-dialog .attendance-modal select{min-height:44px}.viewport-dialog .attendance-modal label{gap:6px;min-width:0;display:grid}.viewport-dialog .attendance-modal input,.viewport-dialog .attendance-modal select,.viewport-dialog .attendance-modal textarea{font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbd8d2;border-radius:9px;width:100%;min-width:0;max-width:100%;padding:10px}.viewport-dialog .attendance-modal textarea{resize:vertical;min-height:90px}.viewport-dialog .persian-date-popover{max-width:100%;margin-top:6px;position:static}@media (width<=700px){.viewport-dialog .attendance-modal{padding:16px}.viewport-dialog .attendance-modal input,.viewport-dialog .attendance-modal select,.viewport-dialog .attendance-modal textarea{font-size:16px}}