/* page-22 only: one-month range calendar with cross-period context. */
.cmp-period-pop{width:min(340px,calc(100vw - 20px));padding:12px;}
.cmp-calendar{font-size:11px;color:var(--text);}
.cmp-calendar-head{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;margin-bottom:7px;text-align:center;}
.cmp-calendar-head strong{font-size:13px;}
.cmp-calendar-nav{appearance:none;border:1px solid var(--cardborder);border-radius:6px;background:#fff;color:var(--primary);font:inherit;font-size:20px;line-height:28px;height:30px;cursor:pointer;}
.cmp-calendar-nav:hover,.cmp-calendar-nav:focus-visible{background:#F0F5FC;outline:2px solid rgba(42,92,170,.22);outline-offset:1px;}
.cmp-calendar-weekdays,.cmp-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;}
.cmp-calendar-weekdays{margin-bottom:3px;text-align:center;color:var(--subtext);font-size:10px;font-weight:700;}
.cmp-calendar-weekdays span:first-child{color:#C0392B;}
.cmp-calendar-weekdays span:last-child{color:var(--primary);}
.cmp-calendar-day{position:relative;appearance:none;border:1px solid transparent;border-radius:5px;background:#fff;color:var(--text);font:inherit;height:32px;cursor:pointer;}
.cmp-calendar-day:hover,.cmp-calendar-day:focus-visible{border-color:var(--primary);outline:none;}
.cmp-calendar-day.outside-month{color:#A4A9B0;opacity:.62;}
.cmp-calendar-day.today:not(.draft-range){box-shadow:inset 0 0 0 1px #D97904;}
.cmp-calendar[data-slot="a"] .cmp-calendar-day.draft-range{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700;}
.cmp-calendar[data-slot="b"] .cmp-calendar-day.draft-range{background:#6F7782;border-color:#6F7782;color:#fff;font-weight:700;}
.cmp-calendar[data-slot="a"] .cmp-calendar-day.other-range:not(.draft-range){background:rgba(154,161,170,.22);border-color:rgba(111,119,130,.28);color:#4F5660;}
.cmp-calendar[data-slot="b"] .cmp-calendar-day.other-range:not(.draft-range){background:rgba(42,92,170,.14);border-color:rgba(42,92,170,.24);color:#244F92;}
.cmp-calendar-day.range-overlap{outline:2px solid #D97904;outline-offset:-3px;}
.cmp-calendar-day.range-overlap::after{content:"";position:absolute;right:3px;bottom:3px;width:4px;height:4px;border-radius:50%;background:#D97904;}
.cmp-calendar-day.range-start,.cmp-calendar-day.range-end{box-shadow:inset 0 0 0 2px rgba(255,255,255,.72);}
.cmp-calendar-selection{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin-top:8px;font-size:10px;color:var(--subtext);}
.cmp-calendar-selection strong{color:var(--primary);white-space:nowrap;}
.cmp-calendar[data-slot="b"] .cmp-calendar-selection strong{color:#59616B;}
.cmp-calendar-legend{display:flex;gap:13px;flex-wrap:wrap;margin:5px 0 9px;padding-top:7px;border-top:1px solid var(--cardborder);font-size:9px;color:var(--subtext);}
.cmp-calendar-legend span{display:inline-flex;align-items:center;gap:4px;}
.cmp-calendar-legend i{display:inline-block;width:12px;height:8px;border-radius:2px;}
.cmp-legend-a{background:rgba(42,92,170,.35);border:1px solid rgba(42,92,170,.45);}
.cmp-legend-b{background:rgba(154,161,170,.35);border:1px solid rgba(111,119,130,.4);}
@media(max-width:600px){.cmp-period-pop{left:10px!important;right:10px;width:auto;}.cmp-calendar-day{height:34px;}}