.date-picker{position:relative;display:inline-flex;min-width:175px;max-width:100%;flex:1 1 190px}.date-picker .date-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;min-width:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important}.date-picker .date-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 15px;border:3px solid #ffd9a8;border-radius:28px;background:linear-gradient(145deg,#fffef9,#fff2db);color:#79451e;box-shadow:0 4px 0 #efd1a9;font:inherit;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap}.date-arrow{margin-left:auto;color:#a97848}.date-trigger:hover{border-color:#f5b869}.date-trigger:focus-visible{outline:3px solid #b86c2a;outline-offset:3px}.date-calendar{margin:auto;padding:20px;width:min(360px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:3px solid #ffd9a8;border-radius:26px;background:#fffdf6;box-shadow:0 7px 0 #dcb382;color:#714323;font-family:inherit}.date-calendar::backdrop{background:rgba(90,60,30,.4)}.date-calendar button{font:inherit;font-size:15px;font-weight:700;cursor:pointer;min-width:0;min-height:40px;padding:6px;border:2px solid #ffe0b8;border-radius:15px;background:#fff9ed;color:#885024;box-shadow:none}.date-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.date-heading strong{font-size:20px;color:#ad551f}.date-heading .date-close{width:40px;background:white}.date-navigation{display:grid;grid-template-columns:36px 1fr 84px 36px;gap:6px;align-items:center;margin-bottom:16px}.date-navigation select{min-width:0;width:100%;min-height:42px;padding:5px;border:2px solid #ffd9a8;border-radius:14px;background:#fff8e9;font:inherit;font-size:15px;font-weight:700;color:#854c23}.date-week,.date-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.date-week{margin-bottom:8px;color:#9b7755;font-size:14px;font-weight:700}.date-days button{padding:4px 0;aspect-ratio:1;min-height:35px;border-color:transparent;background:transparent}.date-days button:hover{background:#fff0d8;border-color:#ffd29a}.date-days button.today{border-color:#efb46b}.date-days button.selected{background:linear-gradient(145deg,#ffbd7b,#f18b35);color:#fff;border-color:#de7e30;box-shadow:0 3px 0 #bf6927}.date-calendar button:focus-visible{outline:2px solid #b26424;outline-offset:2px}.date-calendar button:disabled{opacity:.4;cursor:default}.date-footer{display:flex;justify-content:space-between;gap:12px;border-top:2px dashed #ffe0b8;margin-top:16px;padding-top:14px}.date-footer button{padding:8px 18px;border-radius:25px}.date-footer [data-today]{margin-left:auto;background:#fff0d6}.date-calendar [hidden]{display:none!important}