[hidden]{display:none!important}
.roc-date-control{position:relative;min-width:0;width:100%}
.roc-date-control>input{width:100%;padding-right:44px!important}
.roc-date-control.roc-date-range>input{padding-right:86px!important}
.roc-date-control .roc-picker{position:absolute;right:4px;top:4px;display:flex;gap:2px;margin:0;min-width:0}
.roc-date-control .roc-picker>.roc-open-calendar{display:inline-flex;align-items:center;justify-content:center;gap:1px;width:36px;height:36px;min-height:0;padding:4px;margin:0;border:0;border-radius:6px;background:transparent;color:#185ca9;font-size:12px;cursor:pointer}
.roc-date-range .roc-picker>.roc-open-calendar{width:38px}
.roc-picker>.roc-open-calendar:hover{background:#e5effc}
.roc-picker>.roc-open-calendar:disabled{opacity:.45;cursor:default}
.roc-open-calendar svg{flex-shrink:0;pointer-events:none}
.roc-calendar{position:fixed;z-index:10002;width:320px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:14px;background:#fff;border:1px solid #bdcddd;border-radius:12px;box-shadow:0 6px 24px #16304935;color:#163049;font-weight:normal}
.roc-calendar-shade{position:fixed;inset:0;z-index:10001;background:#16304970}
.roc-calendar.roc-calendar-mobile{left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 24px));padding:18px}
.roc-calendar-controls{display:flex;gap:8px;margin-bottom:10px}
.roc-calendar-controls select{width:50%;min-width:0;padding:8px;font-size:16px}
.roc-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.roc-calendar-days span{padding:6px 0;font-size:14px}
.roc-calendar button{width:auto;min-width:0;padding:7px 0;min-height:38px;border:1px solid #dce5ee;border-radius:6px;background:#f2f6fa;color:#163049;font:inherit;cursor:pointer}
.roc-calendar button.roc-selected-day{background:#185ca9;color:#fff}
.roc-calendar button:disabled,.roc-open-calendar:disabled{opacity:.5;cursor:default}
.roc-calendar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.roc-calendar-actions button{padding:8px 12px}
.roc-calendar-actions input{width:130px;min-width:0}
.roc-calendar [role=alert]{font-size:14px;color:#a52626;margin:5px 0 0}
@media(max-width:600px){.roc-calendar button{min-height:44px}.roc-date-control>input{font-size:16px}}