.date-picker{min-width:0}.date-picker-trigger{color:#173448;text-align:left;background:#fff;border:1px solid #cbd8e3;border-radius:10px;align-items:center;gap:9px;max-width:100%;min-height:44px;padding:10px 12px;font-size:13px;display:flex}.date-picker-trigger svg{color:#0077b6;flex-shrink:0}.date-picker-trigger:focus-visible,.date-calendar :is(button,select):focus-visible{outline-offset:2px;outline:2px solid #0077b6}.date-calendar{z-index:170;overscroll-behavior:contain;color:#173448;background:#fff;border:1px solid #dce8f0;border-radius:16px;outline:none;width:min(344px,100vw - 24px);max-height:calc(100dvh - 24px);padding:14px;font-size:13px;position:fixed;overflow-y:auto;box-shadow:0 12px 38px #17344824}.date-calendar header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.date-calendar header button,.date-calendar-nav>button{color:#0077b6;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.date-calendar button:disabled{opacity:.3;cursor:not-allowed}.date-calendar button:not(:disabled):hover{background:#edf5fb}.date-endpoints{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.date-endpoints button{text-align:left;border:1px solid #dce8f0;border-radius:10px;padding:9px 10px}.date-endpoints button[aria-pressed=true]{background:#edf7ff;border-color:#0077b6;box-shadow:0 0 0 1px #0077b61a}.date-endpoints small{color:#647f91;margin-bottom:4px;font-size:10px;display:block}.date-endpoints b{font-size:12px;font-weight:500}.date-calendar-nav{justify-content:center;align-items:center;gap:6px;margin-bottom:12px;display:flex}.date-calendar-nav select{text-transform:capitalize;background:#f1f6f9;border-radius:8px;flex:1;min-width:0;padding:8px;font-size:12px}.date-days,.date-weekdays{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.date-weekdays span{color:#688195;padding:6px 0;font-size:11px}.date-days button{font-variant-numeric:tabular-nums;border-radius:8px;height:38px;margin:2px 0}.date-days button[data-between=true]{color:#006ca5;background:#e3f2ff;border-radius:0}.date-days button[data-endpoint=true],.date-months button[aria-pressed=true],.date-years button[aria-pressed=true]{color:#fff;background:#0077b6}.date-days button[data-endpoint=true]:hover{background:#00669d}.date-months,.date-years{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.date-months button,.date-years button{text-transform:capitalize;border-radius:8px;min-height:44px;font-size:12px}.date-calendar footer{border-top:1px solid #e4edf3;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.date-calendar footer span{color:#587286;font-size:10px}.date-calendar footer .button-primary{min-height:38px;padding:9px 12px;font-size:12px}.date-calendar footer .button-primary:hover{background:#00689f}.date-calendar-nav select:first-of-type{flex:1.35}
.yes-no-switch{background:#f5f8fa;border:1px solid #dce5eb;border-radius:24px;grid-template-columns:minmax(44px,1fr) 22px minmax(44px,1fr);align-items:center;gap:2px;width:144px;max-width:100%;min-height:44px;padding:4px;display:inline-grid}.yes-no-switch button{color:#667c8e;border-radius:20px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:550;transition:background .16s,color .16s,box-shadow .16s}.yes-no-switch button[aria-pressed=true]{color:#526478;background:#fff;box-shadow:0 2px 6px #15324712}.yes-no-switch[data-state=yes] button[aria-pressed=true]{color:#008967;background:#e5f7ef}.yes-no-symbol{color:#8293a1;place-items:center;animation:.24s ease-out yes-no-turn;display:grid}.yes-no-symbol svg{stroke-width:2.2px;width:20px;height:20px}.yes-no-switch[data-state=yes] .yes-no-symbol{color:#009870}.yes-no-switch[data-state=yes] .yes-no-symbol polyline,.yes-no-switch[data-state=yes] .yes-no-symbol path{stroke-dasharray:30;stroke-dashoffset:0;animation:.28s ease-out yes-no-draw}.yes-no-switch button:focus-visible{outline:2px solid var(--ocean,#0077b6);outline-offset:2px}.yes-no-switch button:disabled{opacity:.5;cursor:default}@keyframes yes-no-turn{0%{opacity:.35;transform:rotate(-160deg)scale(.7)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes yes-no-draw{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.yes-no-switch *{transition:none!important;animation:none!important}}.payment-milestones{border-top:1px solid #e5edf3;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;display:flex}.payment-milestones button{color:#35516d;text-align:left;background:#f5f9fc;border:1px solid #dce5eb;border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:36px;padding:7px 10px;font-size:11px;display:flex}.payment-milestones button span{color:#0077b6;font-variant-numeric:tabular-nums}.payment-milestones button small{color:#6e8495;width:100%}.payment-milestones button[aria-pressed=true]{color:#006a9f;background:#e9f6fd;border-color:#79bfdf}.payment-milestones button:focus-visible{outline-offset:2px;outline:2px solid #0077b6}.due-date-entry{align-items:center;gap:8px;display:flex}.due-date-entry .date-picker{flex:1;min-width:0}.due-date-entry .date-picker-trigger{justify-content:flex-start;width:100%;min-height:44px;font-size:13px}.required-field-switch{color:#587389;text-align:left;cursor:pointer;justify-content:flex-start;align-self:end;align-items:center;gap:9px;width:fit-content;min-height:40px;padding:5px 0;font-size:12px;font-weight:500;display:inline-flex}.required-field-track{background:#e5edf3;border:1px solid #c5d4df;border-radius:20px;flex-shrink:0;width:32px;height:19px;padding:2px;transition:background .18s,border-color .18s;display:block}.required-field-track>span{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .18s;display:block;box-shadow:0 1px 3px #15324725}.required-field-switch[aria-checked=true] .required-field-track{background:#0077b6;border-color:#0077b6}.required-field-switch[aria-checked=true] .required-field-track>span{transform:translate(13px)}.required-field-marker{color:#cc3d57;pointer-events:none;place-items:center;width:16px;height:22px;font-size:26px;font-weight:600;line-height:1;display:inline-grid}.required-field-marker>span{transform-origin:50% 42%;animation:.3s cubic-bezier(.18,.75,.25,1) both required-marker-enter;display:block}.required-field-switch:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #0077b6}.required-field-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-switch{justify-content:space-between;align-self:stretch;gap:24px;width:100%;min-height:44px;padding:8px 0;display:flex}.toggle-switch .required-field-label{min-width:0;line-height:1.5}@keyframes required-marker-enter{0%{opacity:0;transform:rotate(-150deg)scale(.35)}to{opacity:1;transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.required-field-marker>span{animation:none}.required-field-track,.required-field-track>span{transition:none}}
