.namvar-date-field{position:relative;display:inline-flex;align-items:center;gap:6px;max-width:100%;width:320px;direction:rtl}.namvar-date-field>input{flex:1;min-width:0;max-width:100%;font-variant-numeric:tabular-nums}.namvar-calendar-toggle{flex:0 0 auto;min-height:40px;padding:6px 10px;border:1px solid #ccd1d9;border-radius:6px;background:#f7f8fa;color:#273246;cursor:pointer;font:inherit;line-height:1.5}.namvar-calendar{position:absolute;z-index:10050;top:calc(100% + 6px);right:0;display:block;width:300px;max-width:calc(100vw - 36px);padding:12px;box-sizing:border-box;border:1px solid #d7dce4;border-radius:12px;background:#fff;color:#1c2739;box-shadow:0 9px 30px #14223b24;direction:rtl;line-height:1.5;font:14px Tahoma,Arial,sans-serif;text-align:center}.namvar-calendar[hidden]{display:none!important}.namvar-calendar-head{display:flex;align-items:center;gap:5px;margin-bottom:10px}.namvar-calendar button,.namvar-calendar select{font:inherit!important;line-height:1.5!important;box-sizing:border-box;color:#273246;background:#fff;border:1px solid #d7dce4;border-radius:6px;min-height:34px;margin:0!important;padding:4px!important;cursor:pointer;float:none!important;max-width:100%;width:auto!important}.namvar-calendar-head>select{flex:1;min-width:0;direction:rtl}.namvar-calendar-head>button{flex:0 0 28px}.namvar-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.namvar-calendar-grid button{min-width:0;width:100%!important}.namvar-calendar-weekday{display:block;font-weight:bold;padding:4px 0;color:#727b89}.namvar-calendar button:hover,.namvar-calendar button:focus-visible{background:#eef2ff;outline:2px solid #7189d7;outline-offset:1px}.namvar-calendar .is-selected{background:#314e92!important;color:white!important}.namvar-calendar .is-today{border-color:#314e92!important;font-weight:bold}.namvar-calendar-footer{display:flex;justify-content:space-between;margin-top:10px;gap:10px}.namvar-calendar-footer button{flex:1}.namvar-card .namvar-calendar select{display:inline-block;padding:3px!important;font-weight:normal}.namvar-table-wrap:has(.namvar-calendar:not([hidden])){overflow:visible}@media(max-width:480px){.namvar-date-field{width:100%}.namvar-calendar{right:0;width:290px}.namvar-calendar button{min-height:36px}}