.call-picker{--cp-ink:#1c3d3c;--cp-muted:#626d68;--cp-rule:#d7ded7;--cp-surface:#f2f4ed;position:relative;color:var(--cp-ink);margin:0 0 22px;font-size:14px;line-height:1.5}
.call-picker button,.call-picker input{font:inherit}
.call-picker button{color:inherit;transition:background .15s,color .15s,border-color .15s}
.call-picker button:focus-visible,.call-picker input:focus-visible{outline:2px solid #1a7270;outline-offset:3px}
.cp-introduction{margin:0 0 20px!important;color:var(--cp-muted);font-size:14px!important;line-height:1.6!important}
.cp-zone{position:relative;margin-bottom:24px;z-index:3}
.cp-label{display:block;margin-bottom:7px;font-size:12px;font-weight:600;letter-spacing:.015em;color:var(--cp-muted)}
.cp-zone-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:49px;text-align:left;padding:12px 15px;border:1px solid var(--cp-rule);background:#fcfcf7;border-radius:9px}
.cp-zone-trigger:hover,.cp-zone-trigger[aria-expanded=true]{border-color:#75968e;background:#f3f6ef}
.cp-zone-value{font-size:14px;line-height:1.4}
.cp-chevron{display:block;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;flex:0 0 auto}
.cp-chevron-down{transform:rotate(135deg);margin-right:2px;margin-top:-4px}.cp-chevron-left{transform:rotate(-135deg);margin-left:3px}.cp-chevron-right{transform:rotate(45deg);margin-right:3px}
.cp-zone-popup{position:absolute;left:0;right:0;top:calc(100% + 6px);padding:14px;border:1px solid #aebfb3;border-radius:10px;background:#fbfcf7;box-shadow:0 12px 26px #193d351c;z-index:4}
.cp-search-label{display:block!important;margin:0 0 8px!important;font-size:12px!important;font-weight:600!important;color:var(--cp-muted)}
.call-picker .cp-zone-search{display:block;width:100%;height:44px;margin:0!important;padding:10px 12px!important;border:1px solid var(--cp-rule)!important;border-radius:6px!important;background:#fffefa!important;font-size:14px!important;color:var(--cp-ink)}
.cp-zone-list{max-height:238px;overflow-y:auto;overscroll-behavior:contain;margin:10px -5px -5px;padding:3px 5px 5px;scrollbar-width:thin;scrollbar-color:#b0c0b4 transparent}
.cp-zone-option{padding:11px 10px;font-size:13px;line-height:1.4;border-radius:5px;cursor:pointer}
.cp-zone-option.is-active,.cp-zone-option:hover{background:#e9efe5}.cp-zone-option[aria-selected=true]{font-weight:650;color:#135d55}
.cp-no-zones{font-size:13px!important;margin:14px 0 4px!important;color:var(--cp-muted)}
.cp-panels{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(170px,1fr);gap:25px;padding:0 0 20px}
.cp-calendar{min-width:0}.cp-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;margin-bottom:13px}
.call-picker .cp-month,.call-picker .cp-times-title{font-size:16px!important;font-weight:650!important;line-height:1.3!important;letter-spacing:-.02em!important;margin:0!important;text-transform:none}
.cp-month-nav{display:flex;gap:4px}.cp-month-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--cp-rule);background:transparent}
.cp-month-button:hover:not(:disabled){background:#e8eee4}.cp-month-button:disabled{opacity:.28;cursor:default}
.cp-date-grid{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:3px;text-align:center;margin:0 -3px;width:calc(100% + 6px)}
.cp-date-grid th{height:30px;font-size:11px;font-weight:500;color:#778177;padding:0;text-align:center;text-transform:uppercase}
.cp-date-grid td{padding:0;position:relative;height:38px;text-align:center;vertical-align:middle}
.cp-day{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-height:35px;max-height:42px;width:100%;max-width:42px;margin:auto;padding:0;border:1px solid transparent;border-radius:50%;font-size:13px!important;font-weight:500;background:transparent;font-variant-numeric:tabular-nums}
.cp-day:hover:not(:disabled){background:#e8eee4}.cp-day[aria-current=date]:not([aria-pressed=true]){border-color:#77988b}.cp-day[aria-current=date]::after{content:"";position:absolute;bottom:4px;width:3px;height:3px;border-radius:50%;background:currentColor}
.cp-day[aria-pressed=true]{background:var(--cp-ink);color:#fbfcf5;font-weight:650}.cp-day[aria-pressed=true]:hover{background:#2c5651}
.cp-day:disabled{color:#b8bdb5;cursor:default}.cp-day-empty{pointer-events:none}
.cp-calendar-hint{font-size:11px!important;line-height:1.5!important;margin:14px 0 0!important;color:var(--cp-muted);max-width:240px}
.cp-times{min-width:0;padding-left:23px;border-left:1px solid var(--cp-rule);display:flex;flex-direction:column}
.cp-times-title{min-height:25px;padding-top:5px}.cp-times-date{font-size:12px!important;color:var(--cp-muted);margin:4px 0 14px!important;min-height:18px}
.cp-time-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:252px;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding:4px 7px 4px 4px;margin:-4px -7px -4px -4px;scrollbar-width:thin;scrollbar-color:#a9bcae transparent}
.cp-time{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:41px;width:100%;padding:9px 5px;font-size:13px!important;line-height:1.3;border:1px solid #cfd9cf;border-radius:6px;background:#fbfcf6;font-variant-numeric:tabular-nums}
.cp-time:hover:not(:disabled){background:#e9f0e6;border-color:#75968e}.cp-time[aria-pressed=true]{background:var(--cp-ink);color:#fbfcf5;border-color:var(--cp-ink);font-weight:650}.cp-time[aria-pressed=true]:hover{background:#2c5651}.cp-time:disabled{color:#b9beb8;border-color:#e7eae2;background:transparent;cursor:default}
.cp-time-offset{font-size:9px;font-weight:400;margin-top:3px;white-space:nowrap}.cp-time-empty{font-size:13px!important;line-height:1.6!important;color:var(--cp-muted);margin:auto 0!important;padding:28px 0;max-width:160px}
.cp-selection{border-top:1px solid var(--cp-rule);padding-top:17px;min-height:76px}.cp-selection .cp-label{font-size:11px;margin-bottom:5px}.cp-selection-value{font-size:13px!important;line-height:1.65!important;margin:0!important;color:var(--cp-muted)}.cp-selection.has-selection .cp-selection-value{color:var(--cp-ink);font-weight:550}
.cp-notice,.cp-error{font-size:12px!important;line-height:1.6!important;margin:12px 0 0!important}.cp-notice{color:#536e5c}.cp-error{color:#a13828;font-weight:550}
@media(max-width:570px){.cp-panels{grid-template-columns:1fr;gap:23px}.cp-calendar-header{margin-bottom:8px}.cp-date-grid td{height:40px}.cp-day{max-width:43px;max-height:43px;font-size:14px!important}.cp-times{border-left:0;padding-left:0;border-top:1px solid var(--cp-rule);padding-top:17px}.cp-times-date{margin:3px 0 12px!important}.cp-time-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:144px;gap:7px}.cp-time{min-height:42px;font-size:13px!important}.cp-time-empty{max-width:none;padding:8px 0 0;margin:0!important}.cp-calendar-hint{max-width:none;margin-top:10px!important}.cp-zone{margin-bottom:20px}.cp-zone-value{font-size:13px}.cp-zone-popup{padding:12px}.cp-selection{min-height:70px}}
@media(max-width:370px){.cp-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-day{min-height:30px}.cp-date-grid td{height:35px}.cp-month{font-size:15px!important}.cp-month-button{width:32px;height:32px}.cp-zone-value{font-size:12px}}
@media(prefers-reduced-motion:reduce){.call-picker button{transition:none}}