/* Figma 2196:726. Native buttons and real, filtered availability markers. */
.ddb-filter-range{display:flex;flex-direction:column;gap:6px;min-width:0}
.ddb-range-fallback{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ddb-range-fallback label{display:flex;flex-direction:column;min-width:0;font-size:12px;line-height:15px;color:#8a8a8a}
.ddb-filter-range.is-range-enhanced .ddb-range-fallback{display:none}
.ddb-filter-range .ddb-range-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;width:100%;height:48px;border:1px solid #ddd;border-radius:0;background:white;padding:12px 16px;color:#343738;text-align:left;font:400 13px/22px "Inter",Arial,sans-serif;letter-spacing:-0.034em;cursor:pointer}
.ddb-range-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ddb-range-trigger[hidden],.ddb-range-picker[hidden]{display:none!important}
.ddb-range-picker{position:fixed;z-index:2000;box-sizing:border-box;width:642px;max-width:calc(100vw - 32px);padding:24px;border:1px solid #121212;background:white;display:flex;flex-direction:column;gap:24px;overflow-y:auto;color:#343738;font:400 13px/22px "Inter",Arial,sans-serif;letter-spacing:-0.034em}
.ddb-range-picker button{appearance:none;border:0;box-shadow:none;border-radius:0;background:none;cursor:pointer;font:inherit;color:inherit;padding:0}
.ddb-range-picker button:focus{outline:none}
.ddb-range-months{display:flex;gap:32px;align-items:flex-start}
.ddb-range-month{display:flex;flex-direction:column;gap:12px;flex:0 0 280px;min-width:0}
.ddb-range-month-header{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:26px}
.ddb-range-month-header h3{font:600 16px/26px "Inter",Arial,sans-serif;letter-spacing:-0.018em;color:#121212;margin:0;white-space:nowrap}
.ddb-range-month-header button{display:flex;align-items:center;gap:4px;font:400 13px/22px "Inter",Arial,sans-serif;letter-spacing:-0.034em;min-width:40px}
.ddb-range-month-header button:disabled{color:#8a8a8a;cursor:default}
.ddb-range-nav-spacer{width:40px;flex:none}
.ddb-range-weekdays,.ddb-range-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.ddb-range-weekdays span{text-transform:uppercase;text-align:center;color:#8a8a8a;font:400 12px/15px "Inter",Arial,sans-serif;letter-spacing:-0.04em}
.ddb-range-days{row-gap:2px}
.ddb-range-picker .ddb-range-day{height:40px;position:relative;display:flex;align-items:center;justify-content:center;color:#8a8a8a;font:400 13px/22px "Inter",Arial,sans-serif;letter-spacing:-0.034em}
.ddb-range-picker .ddb-range-day.has-classes{color:#121212}
.ddb-range-picker .ddb-range-day.is-outside{opacity:.4}
.ddb-range-picker .ddb-range-day:disabled{cursor:default}
.ddb-range-picker .ddb-range-day.is-in-range{background:#eef1fb;color:#121212}
.ddb-range-picker .ddb-range-day.is-boundary{background:#4c6ad3;color:white}
.ddb-range-day:not(:disabled):not(.is-boundary):hover{background:#eef1fb}
.ddb-range-dot{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:4px;height:4px}
.ddb-range-day:hover .ddb-range-dot{visibility:hidden}
.ddb-range-dot img,.ddb-range-legend img{display:block;flex:none}
.ddb-range-footer{border-top:1px solid #ddd;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ddb-range-summary{display:flex;flex-direction:column;gap:2px;min-width:0}
.ddb-range-selection{font:600 16px/26px "Inter",Arial,sans-serif;letter-spacing:-0.018em;color:#121212}
.ddb-range-legend{display:flex;align-items:center;gap:8px;font:400 12px/15px "Inter",Arial,sans-serif;letter-spacing:-0.034em;color:#8a8a8a}
.ddb-range-actions{display:flex;align-items:center;gap:24px;flex:none}
.ddb-range-picker .ddb-range-clear{font:400 12px/15px "Inter",Arial,sans-serif;letter-spacing:-0.04em;text-transform:uppercase;color:#4c6ad3;white-space:nowrap;padding:4px 0}
.ddb-range-picker .ddb-range-apply{width:252px;min-height:56px;padding:12px;border:1px solid #4c6ad3;background:#4c6ad3;color:white;font:400 16px/30px "Inter",Arial,sans-serif;letter-spacing:-0.032em;text-transform:uppercase}
.ddb-range-picker .ddb-range-apply:disabled{opacity:.5;cursor:default}
.ddb-range-picker .ddb-range-error{margin:0}
@media(max-width:680px){.ddb-range-picker{width:328px;padding:20px;gap:20px}.ddb-range-months{display:block}.ddb-range-month{width:100%}.ddb-range-month[data-offset="1"]{display:none}.ddb-range-footer{flex-direction:column;align-items:stretch;gap:16px}.ddb-range-actions{gap:16px;justify-content:space-between}.ddb-range-picker .ddb-range-apply{width:auto;flex:1}.ddb-range-month-header h3{font-size:16px}}
@media(max-width:359px){.ddb-range-picker{padding:16px}.ddb-range-selection{font-size:14px;line-height:22px}}

/* The studio expands the shared picker inside its modal. */
.ddb-studio #range-field{margin-bottom:20px}
.ddb-studio #range-field .form-help{margin:8px 0 0}
.ddb-studio .ddb-range-picker{position:static;width:100%;max-width:100%;padding:20px;gap:20px;overflow:visible}
.ddb-studio .ddb-range-months{display:block}
.ddb-studio .ddb-range-month{width:100%}
.ddb-studio .ddb-range-month[data-offset="1"]{display:none}
.ddb-studio .ddb-range-footer{flex-direction:column;align-items:stretch;gap:16px}
.ddb-studio .ddb-range-actions{gap:16px;justify-content:space-between}
.ddb-studio .ddb-range-picker .ddb-range-apply{width:auto;flex:1}
.ddb-studio .ddb-range-picker .ddb-range-day:not(:disabled):not(.is-boundary){color:var(--ink)}
.ddb-studio .ddb-range-trigger svg{width:20px;height:20px;flex:none}
@media(max-width:359px){.ddb-studio .ddb-range-picker{padding:12px}.ddb-studio .ddb-range-selection{font-size:14px}}

.ddb-range-day.is-today>span:first-child{text-decoration:underline;text-decoration-color:#4c6ad3;text-underline-offset:5px;text-decoration-thickness:1px}
.ddb-range-day.is-today.is-boundary>span:first-child{text-decoration-color:currentColor}

@media(max-width:680px){
  .ddb-range-month-header button,.ddb-range-picker .ddb-range-clear{min-height:44px}
  .ddb-range-picker .ddb-range-day{height:44px}
}