/* Freigegebene Datumsauswahl, 7. Oktober 2026. */
.ordina-date-field{display:flex;align-items:center;border:1px solid #d6dfec;border-radius:11px;background:#f7f9fc;min-height:48px}
.sick-field .ordina-date-field input{border:0;background:none;border-radius:11px 0 0 11px;flex:1;height:48px;min-width:0}
.ordina-date-field:focus-within{outline:3px solid #2563eb33;border-color:#829fcf}
.ordina-date-field button{width:46px;height:46px;min-width:46px;border:0;background:none;color:#526078;display:grid;place-items:center;border-radius:10px;cursor:pointer}
.ordina-date-field button:hover{background:#eaf0f8}.ordina-date-field svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
#ordinaDatePicker{position:fixed;inset:auto;margin:0;width:374px;max-width:calc(100vw - 24px);padding:16px;border:1px solid #dce4ee;border-radius:18px;background:#fff;color:#172033;box-shadow:0 14px 48px #17203330;max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}
#ordinaDatePicker::backdrop{background:transparent}
#ordinaDatePicker button{font:inherit;cursor:pointer;min-height:44px;border-radius:11px;color:#172033;background:#fff;border:0}
#ordinaDatePicker button:focus-visible{outline:3px solid #2563eb;outline-offset:1px;position:relative;z-index:1}
#ordinaDatePicker button:hover:not(:disabled){background:#eef2f8}#ordinaDatePicker button:disabled{color:#9aa3b1;cursor:default}
.dp-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.dp-heading h2{margin:0;font-size:15px;font-weight:650;letter-spacing:0}
#ordinaDatePicker .dp-close{width:44px;height:44px;margin-right:-7px;font-size:23px;font-weight:400;color:#526078}
.dp-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:4px;margin-bottom:10px}.dp-nav h3{font-size:18px;font-weight:700;letter-spacing:-.02em;text-align:center;margin:0}.dp-nav button{width:44px;height:44px;font-size:24px}
.dp-week,.dp-row{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:4px}.dp-week{margin-bottom:5px}.dp-week span{text-align:center;font-size:12px;font-weight:650;color:#526078;padding:5px 0}
.dp-grid{display:grid;gap:4px}.dp-cell{min-width:0;position:relative}#ordinaDatePicker .dp-day{display:block;width:100%;height:44px;font-size:15px;font-weight:550;padding:0;position:relative}
#ordinaDatePicker .dp-day.outside{color:#66748a}#ordinaDatePicker .dp-day:disabled{color:#9aa3b1}#ordinaDatePicker .dp-day[aria-pressed=true]{background:#b33630;color:white;font-weight:750}
#ordinaDatePicker .dp-day[aria-current=date]::after{content:'';position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:currentColor}
.dp-footer{border-top:1px solid #e4e9f1;margin-top:14px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
#ordinaDatePicker .dp-today{padding:0 14px;color:#a42f2a;font-weight:650}.dp-legend{font-size:12px;color:#526078;display:flex;align-items:center;gap:6px}.dp-legend::before{content:'';width:4px;height:4px;background:#526078;border-radius:50%}
@media(max-width:600px){#ordinaDatePicker{width:100%;max-width:100%;inset:auto 0 0!important;border-radius:22px 22px 0 0;padding:16px 20px max(20px,env(safe-area-inset-bottom));max-height:calc(100dvh - 24px)}#ordinaDatePicker::backdrop{background:#17203330}.dp-nav{margin-bottom:14px}.dp-grid{gap:6px}.dp-week,.dp-row{gap:5px}.dp-heading{margin-bottom:8px}#ordinaDatePicker .dp-day{height:46px}.dp-footer{margin-top:16px;padding-top:12px}}
@media(max-width:365px){#ordinaDatePicker{padding-left:8px;padding-right:8px}.dp-week,.dp-row{gap:0;grid-template-columns:repeat(7,minmax(0,1fr))}}
#ordinaDatePicker .dp-heading{padding:0;border:0;background:none;min-height:44px;flex-direction:row;align-items:center;gap:8px}
#ordinaDatePicker .dp-footer{padding:10px 0 0;background:none;margin-bottom:0;min-height:0}
#ordinaDatePicker .dp-nav button,#ordinaDatePicker .dp-close{display:grid;place-items:center}
#ordinaDatePicker .dp-nav svg,#ordinaDatePicker .dp-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sick-field>label{font-size:13px;font-weight:650;color:#27334a}
#ordinaDatePicker .dp-week,#ordinaDatePicker .dp-grid,#ordinaDatePicker .dp-row,#ordinaDatePicker .dp-cell { box-sizing:border-box; }