/* Shared date-picker surface: consistent in dashboards and the customer portal. */
.tipax-date-wrap{position:relative;display:inline-flex;align-items:center;gap:5px;max-width:100%;vertical-align:middle}
.tipax-date-wrap>input{min-width:0;flex:1 1 auto}
.tipax-date-wrap .tipax-date-trigger{flex:0 0 35px;min-width:35px;height:35px;padding:0!important;border:1px solid #bed3c6!important;border-radius:9px;background:#eef8f2!important;color:#087a43!important;font-size:19px!important;line-height:1;cursor:pointer;box-shadow:none}
.tipax-date-wrap .tipax-date-trigger:hover,.tipax-date-wrap .tipax-date-trigger:focus-visible{background:#dbf2e5!important;color:#065b32!important}
.tipax-calendar[hidden]{display:none!important}
.tipax-calendar{position:fixed;z-index:30000;direction:rtl;max-height:min(480px,calc(100dvh - 24px));overflow:auto;background:#fff;color:#21372d;border:1px solid #cdded3;border-radius:15px;padding:13px;box-shadow:0 16px 46px rgba(12,49,33,.23);font:13px Tahoma,Arial,sans-serif}
.tipax-calendar button{box-shadow:none;transition:none;transform:none;font:inherit!important}
.tipax-calendar-head{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-bottom:10px}
.tipax-calendar-head button{background:#eff7f2!important;color:#255640!important;border:1px solid #d6e5db!important;padding:6px 9px!important;min-height:33px;border-radius:8px;cursor:pointer}
.tipax-calendar-head button.tipax-calendar-title,.tipax-calendar-head button.tipax-calendar-year{flex:1;font-weight:700!important}
.tipax-calendar-grid{display:grid;gap:3px;text-align:center}
.tipax-calendar-grid-days{grid-template-columns:repeat(7,minmax(0,1fr))}
.tipax-calendar-grid-months{grid-template-columns:repeat(3,minmax(0,1fr))}
.tipax-calendar-grid-years{grid-template-columns:repeat(3,minmax(0,1fr))}
.tipax-calendar-weekday{color:#64796d;min-height:29px;display:grid;place-items:center}
.tipax-calendar-grid>button{padding:3px!important;min-height:36px!important;min-width:0!important;background:#fff!important;border:1px solid transparent!important;border-radius:8px;color:#273a31!important;cursor:pointer}
.tipax-calendar-grid>button:hover{background:#eaf6ee!important;border-color:#b8dec7!important;color:#045735!important}
.tipax-calendar-grid>button.today{border-color:#22a062!important;font-weight:700!important}
.tipax-calendar-grid>button.selected{background:#087a43!important;color:#fff!important;font-weight:700!important;border-color:#087a43!important}
.tipax-calendar-foot{display:flex;gap:6px;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid #e7ede8}
.tipax-calendar-foot button{background:#eff7f2!important;color:#155c3b!important;border:1px solid #d3e7d9!important;padding:7px 11px!important;border-radius:8px;cursor:pointer}
.tipax-calendar-foot button:hover{background:#daf0e2!important}
.tipax-date-dialog-cover{position:fixed;inset:0;z-index:29999;display:grid;place-items:center;background:rgba(20,43,33,.4);padding:16px}
.tipax-date-dialog{width:min(390px,100%);border-radius:15px;background:#fff;padding:20px;box-shadow:0 17px 45px rgba(0,0,0,.16);display:grid;gap:13px}
.tipax-date-dialog h3{margin:0;color:#173c2c}
.tipax-date-dialog-actions{display:flex;gap:9px}
.tipax-date-dialog-actions button{flex:1}
.tipax-date-dialog-actions button:first-child{background:#eef3f0!important;color:#315646!important}
@media(max-width:650px){
.tipax-calendar{max-height:calc(100dvh - 24px);font-size:14px}
.tipax-calendar-grid>button{min-height:40px!important}
.tipax-date-wrap{width:100%}
}