#storiesView .stories-calendar-field{position:relative;display:block;min-width:min(240px,100%);width:100%}
#storiesView .stories-calendar-field .stories-calendar-source{width:100%;padding-right:58px}
#storiesView .stories-calendar-source::-webkit-calendar-picker-indicator{display:none}
#storiesView .stories-calendar-trigger{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;min-height:44px;height:44px;padding:8px;margin:0;float:none;background:transparent;color:inherit;border:0;border-radius:7px}
#storiesView .stories-calendar-trigger svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7}
#storiesView #storiesCalendar{box-sizing:border-box;width:min(470px,calc(100vw - 16px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--border,#c8dced);border-radius:16px;background:var(--surface,#fff);color:var(--text,#194b78);box-shadow:0 18px 70px #16354d40;font-size:18px;overflow:auto}
#storiesView #storiesCalendar::backdrop{background:#102d4859}
#storiesView #storiesCalendar .scal-panel{padding:20px}
#storiesView #storiesCalendar .scal-heading,#storiesView #storiesCalendar .scal-month{display:flex;align-items:center;justify-content:space-between;gap:12px}
#storiesView #storiesCalendar h3{font-size:22px!important;line-height:1.3;margin:0}
#storiesView #storiesCalendar button{box-sizing:border-box;float:none;width:auto;min-width:44px;min-height:44px;margin:0;padding:8px 10px;font-size:18px;line-height:1.2;border:1px solid var(--border,#d3e3f1);border-radius:9px;background:var(--surface,#fff);color:inherit;cursor:pointer}
#storiesView #storiesCalendar button:disabled{opacity:.45;cursor:default}
#storiesView #storiesCalendar .scal-heading button{font-size:26px!important}
#storiesView #storiesCalendar .scal-note,#storiesView #storiesCalendar .scal-zone{font-size:16px;line-height:1.4;color:var(--muted,#627e95);margin:10px 0}
#storiesView #storiesCalendar .scal-month{margin:16px 0 12px}
#storiesView #storiesCalendar .scal-month strong{font-size:20px!important;text-align:center}
#storiesView #storiesCalendar .scal-weekdays,#storiesView #storiesCalendar .scal-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#storiesView #storiesCalendar .scal-weekdays{font-size:16px;text-align:center;margin-bottom:6px}
#storiesView #storiesCalendar .scal-week{margin-top:4px}
#storiesView #storiesCalendar .scal-week button{min-width:0;width:100%;height:44px;padding:4px}
#storiesView #storiesCalendar [aria-selected=true],#storiesView #storiesCalendar .scal-apply{background:var(--project-color,#167dda);color:var(--project-ink,#fff);border-color:var(--project-color,#167dda)}
#storiesView #storiesCalendar [aria-current=date]{box-shadow:inset 0 -3px var(--project-color,#167dda)}
#storiesView #storiesCalendar :focus-visible,#storiesView .stories-calendar-trigger:focus-visible{outline:3px solid var(--project-color,#167dda);outline-offset:2px}
#storiesView #storiesCalendar .scal-time{display:flex;align-items:end;justify-content:center;gap:12px;margin-top:18px}
#storiesView #storiesCalendar .scal-time label{display:grid;gap:6px;margin:0;font-size:18px}
#storiesView #storiesCalendar .scal-time select{width:100px;min-height:48px;font-size:20px!important;margin:0;padding:7px 12px}
#storiesView #storiesCalendar .scal-time>span{padding-bottom:10px}
#storiesView #storiesCalendar .scal-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:16px}
#storiesView #storiesCalendar .scal-error{font-size:16px;line-height:1.4;color:#b32424;margin:8px 0}
#storiesView #storiesCalendar .scal-error:empty{display:none}
@media(max-width:420px){#storiesView #storiesCalendar .scal-panel{padding:12px 8px}#storiesView #storiesCalendar .scal-week,#storiesView #storiesCalendar .scal-weekdays{gap:0}#storiesView #storiesCalendar h3{font-size:20px}}