html body input[type=date]{background-color:#fff;border-radius:11px;border:1px solid #dce3ed;color:var(--ink,#323232);min-height:36px;max-width:100%;font-family:inherit;cursor:pointer;padding-right:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2374869d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='3'/%3E%3Cpath d='M8 3v4m8-4v4M4 11h16m-12 4h2m4 0h2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;transition:border-color .18s,box-shadow .18s}
html body input[type=date]::-webkit-calendar-picker-indicator{display:none}
html body input[type=date]:focus-visible,html body input[type=date][aria-expanded=true]{outline:none;border-color:#779fd3;box-shadow:0 0 0 3px #366fc014}
html body input[type=date]:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f4f8}
html body input[type=date][aria-invalid=true]{border-color:#c67777}
.crm-calendar{position:fixed;inset:auto;margin:0;box-sizing:border-box;z-index:10000;width:312px;padding:16px;border:1px solid #e0e6ef;border-radius:20px;background:#fffffff9;box-shadow:0 18px 48px #20375a26,0 3px 10px #20375a0a;color:#323232;font:12px/1.5 "Manrope",sans-serif;overflow:auto;overscroll-behavior:contain;isolation:isolate}
.crm-calendar:popover-open{display:block}.crm-calendar::backdrop{background:transparent;pointer-events:none}
.crm-calendar .crm-calendar-head{display:grid;grid-template-columns:30px minmax(0,1fr) 66px 30px;gap:6px;align-items:center;margin-bottom:16px}
.crm-calendar-head strong{font-size:14px;font-weight:650;text-align:center}
.crm-calendar button{box-sizing:border-box;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;margin:0;padding:0;box-shadow:none;min-width:0;min-height:0;transition:background .15s,color .15s;touch-action:manipulation}
.crm-calendar .crm-calendar-nav{width:30px;height:32px;border-radius:9px;background:#f2f5fa;color:#637997;font-size:24px;line-height:1}
.crm-calendar input.crm-calendar-year{box-sizing:border-box;width:66px;min-width:0;height:32px;border:1px solid #e1e7ef;border-radius:8px;padding:0 4px;background:white;color:#445a76;text-align:center;font:600 12px "Manrope",sans-serif;appearance:textfield}
.crm-calendar-year::-webkit-inner-spin-button,.crm-calendar-year::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.crm-calendar-weekdays,.crm-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.crm-calendar-weekdays{margin-bottom:7px;text-align:center;font-size:10px;font-weight:600;color:#8a96a7}
.crm-calendar .crm-calendar-day{height:35px;border-radius:10px;font-size:12px;font-variant-numeric:tabular-nums}
.crm-calendar button:hover:not(:disabled){background:#edf3fc;color:#2f67b2}
.crm-calendar .is-outside{color:#a9b2bf}.crm-calendar .is-today{box-shadow:inset 0 0 0 1px #9cbbe3;color:#2f67b2;font-weight:700}
.crm-calendar .is-selected,.crm-calendar .is-selected:hover:not(:disabled){background:#366fc0;color:white;box-shadow:0 3px 8px #366fc025;font-weight:700}
.crm-calendar button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.crm-calendar button:focus-visible,.crm-calendar input:focus-visible{outline:2px solid #779fd3;outline-offset:1px}
.crm-calendar .crm-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:14px;padding-top:12px;border-top:1px solid #e5eaf1}
.crm-calendar-footer button{padding:7px 8px;border-radius:8px;color:#637997;font-size:11px}.crm-calendar-footer button:first-child{color:#366fc0;font-weight:650}
@media(prefers-reduced-motion:reduce){html body input[type=date],.crm-calendar button{transition:none}}
@media(forced-colors:active){.crm-calendar{background:Canvas;color:CanvasText;border-color:CanvasText}.crm-calendar .is-selected{outline:2px solid Highlight}.crm-calendar .is-today{outline:1px dotted CanvasText}}

/* Keep the closed date field proportional across forms and native browser segments. */
html body input[type=date]{box-sizing:border-box;min-width:0;height:44px;padding:0 38px 0 12px!important;font-family:"Manrope",sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:normal!important;letter-spacing:normal!important;font-variant-numeric:tabular-nums;text-align:left;-webkit-appearance:none;appearance:none}
html body input[type=date]::-webkit-datetime-edit{display:inline-flex;align-items:center;height:100%;padding:0;line-height:normal}
html body input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}
html body input[type=date]::-webkit-datetime-edit-day-field,html body input[type=date]::-webkit-datetime-edit-month-field,html body input[type=date]::-webkit-datetime-edit-year-field{padding:0 1px;font:inherit}
html body input[type=date]::-webkit-datetime-edit-text{padding:0 1px;color:#8491a3}
html body input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0;min-height:1.2em}
@media(pointer:coarse){html body input[type=date]{font-size:16px!important}}
@media(max-width:420px){.reports-page .reports-filter{grid-template-columns:minmax(0,1fr)}}