.client-field-filter.client-date-filter{display:grid;gap:6px;min-width:158px;max-width:300px}.client-date-filter>select{font-size:11px;padding:5px 8px}.client-date-filter-inputs{display:flex;gap:6px}.client-date-filter-inputs input[type=date]{min-width:140px;width:100%;font-variant-numeric:tabular-nums}.client-date-filter:has([data-filter-part=from]){min-width:286px}.client-date-filter input:focus-visible,.client-date-filter select:focus-visible{outline:2px solid var(--pink,#e50078);outline-offset:2px}.client-date-filter input::-webkit-calendar-picker-indicator{cursor:pointer;padding:3px}.client-date-filter input:invalid{border-color:#dc2626}
.client-date-calendar{position:fixed;z-index:10050;width:304px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;box-sizing:border-box;background:#fff;color:#302730;border:1px solid #eadce7;border-radius:14px;box-shadow:0 12px 40px #49233c2b;padding:12px;font-size:13px;line-height:1.3;text-transform:none;letter-spacing:normal}.client-date-calendar-head{display:flex;align-items:center;gap:5px;margin-bottom:10px}.client-date-calendar-head strong{flex:1;text-align:center;font-size:13px;text-transform:capitalize}.client-date-calendar button{border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;min-height:32px}.client-date-calendar-head button{width:28px;flex:none;font-size:22px}.client-date-calendar button:hover{background:#fdf0f7}.client-date-calendar button:focus-visible{outline:2px solid var(--pink,#e50078);outline-offset:1px}.client-date-calendar button:disabled{opacity:.3;cursor:default}.client-date-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.client-date-calendar-week>[role=columnheader]{padding:4px 0 8px;text-align:center;font-size:11px;color:#817080}.client-date-calendar-cell{min-height:34px}.client-date-calendar-day{width:100%;font-variant-numeric:tabular-nums}.client-date-calendar-day[aria-current=date]{box-shadow:inset 0 0 0 1px #ecadc9}.client-date-calendar-day.is-selected,.client-date-calendar-day.is-selected:hover{background:var(--pink,#e50078);color:#fff;font-weight:700}.client-date-calendar-footer{display:flex;justify-content:space-between;border-top:1px solid #f1e5ed;padding-top:8px;margin-top:8px}.client-date-calendar-footer button{color:#c70064;padding:4px 10px;font-weight:600}