.sp-interest-date-field{display:flex;min-width:0;flex-direction:column;gap:6px}.sp-interest-date-field>label{margin:0}.sp-interest-date-wrap{min-width:0}.sp-interest-date-wrap>[hidden]{display:none!important}
.sp-request-card .sp-interest-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin:0;padding:11px 12px;border:1px solid #ccdde7;border-radius:11px;background:#fbfdfe;color:#46667c;font-family:inherit;font-size:12px;font-weight:700;line-height:1.6;box-shadow:none;text-align:start;cursor:pointer;transition:border-color .18s,background .18s}
.sp-request-card .sp-interest-date-trigger:hover{gap:8px;transform:none;background:#fff;border-color:#8abbd6;box-shadow:none}.sp-request-card .sp-interest-date-trigger.has-date{color:#0a3555}.sp-request-card .sp-interest-date-trigger:focus-visible{outline:2px solid #218fca;outline-offset:2px}.sp-interest-date-trigger svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#315a73;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.sp-interest-date-open,html.sp-interest-date-open body{overflow:hidden;overscroll-behavior:none}
.sp-interest-date-sheet{box-sizing:border-box;position:fixed;inset:auto 0 0;width:min(100%,480px);max-width:100%;max-height:calc(100dvh - 16px);margin:0 auto;padding:10px 20px max(18px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:1px solid #dbe7ef;border-bottom:0;border-radius:23px 23px 0 0;background:#fff;color:#0a3555;box-shadow:0 -12px 46px rgba(5,32,51,.16);font-family:Almarai,Arial,sans-serif;font-size:12px;line-height:1.6}
.sp-interest-date-sheet[open]{animation:spInterestDateEnter .23s cubic-bezier(.2,.7,.2,1) both}.sp-interest-date-sheet::backdrop{background:rgba(9,29,43,.44);backdrop-filter:blur(2px)}.sp-interest-date-sheet [hidden]{display:none!important}.sp-interest-date-sheet *{box-sizing:border-box}.sp-interest-date-handle{width:37px;height:4px;margin:0 auto 11px;border-radius:9px;background:#cdd9e2}
.sp-interest-date-sheet header{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;margin-bottom:13px}.sp-interest-date-sheet h2{grid-column:2;grid-row:1;margin:0;color:#0a3555;font-size:15px;font-weight:800;line-height:1.6;text-align:center}.sp-interest-date-sheet button{appearance:none;border:0;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.sp-interest-date-sheet [data-interest-date-close]{display:grid;grid-column:3;grid-row:1;width:38px;height:38px;place-items:center;margin:0;padding:9px;border-radius:11px;background:#f2f7fa;color:#254c67}.sp-interest-date-sheet svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-interest-date-selection{min-height:38px;margin-bottom:16px;padding:8px 12px;border:1px solid #e0f0f9;border-radius:11px;background:#eaf5fc;color:#123f5b;font-size:13px;font-weight:800;text-align:center}
.sp-interest-date-month{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;margin-bottom:11px}.sp-interest-date-month h3{margin:0;color:#0a3555;font-size:14px;font-weight:800;text-align:center}.sp-interest-date-month button{display:grid;width:40px;height:40px;place-items:center;margin:0;padding:10px;border-radius:11px;background:#fff;color:#0a3555}.sp-interest-date-month button:hover{background:#f0f7fb}.sp-interest-date-sheet[dir=ltr] .sp-interest-date-month svg{transform:rotate(180deg)}
.sp-interest-date-week,.sp-interest-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.sp-interest-date-week{margin-bottom:7px;color:#49697d;font-size:11px;font-weight:700}.sp-interest-date-week>span{padding:5px 0}.sp-interest-date-grid>span,.sp-interest-date-grid>button{display:grid;min-width:0;min-height:40px;place-items:center}.sp-interest-date-grid>button{position:relative;isolation:isolate;margin:0;padding:7px 0;border-radius:10px;background:transparent;color:#163f59;font-size:13px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}.sp-interest-date-grid>button::before{position:absolute;z-index:-1;inset:50% auto auto 50%;width:35px;height:35px;content:"";transform:translate(-50%,-50%);border:1px solid transparent;border-radius:50%}.sp-interest-date-grid>button:hover::before{background:#ecf5fb}.sp-interest-date-grid>button.is-today::before{border-color:#ff8b20}.sp-interest-date-grid>button.is-selected{color:#fff}.sp-interest-date-grid>button.is-selected::before{border-color:#0a3555;background:#0a3555;box-shadow:0 3px 9px rgba(10,53,85,.16)}
.sp-interest-date-sheet button:focus-visible{outline:2px solid #218fca;outline-offset:2px}.sp-interest-date-sheet button:disabled{opacity:.3;cursor:default}.sp-interest-date-sheet footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 12px;margin-top:12px;padding-top:12px;border-top:1px solid #e3ecf3}.sp-interest-date-sheet footer p{margin:0;color:#58788d;font-size:10px;text-align:center}.sp-interest-date-sheet [data-interest-date-clear]{min-height:36px;margin:0;padding:6px 9px;border-radius:8px;background:#f1f7fa;color:#215473;font-size:11px;font-weight:700}
@supports not (height:100dvh){.sp-interest-date-sheet{max-height:calc(100vh - 16px)}}
@media(max-width:360px){.sp-interest-date-sheet{padding-inline:14px}.sp-interest-date-week,.sp-interest-date-grid{gap:2px}}
@media(prefers-reduced-motion:reduce){.sp-interest-date-sheet[open]{animation:none}.sp-request-card .sp-interest-date-trigger{transition:none}}
@keyframes spInterestDateEnter{from{opacity:.5;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
