/* ===== Single-date picker (month/year dropdowns, Clear / Apply) – uses the app's blue theme variables ===== */
.cdp{position:relative;display:block;width:100%}
.cdp .cdp-in{cursor:pointer;padding-right:32px;text-overflow:ellipsis;border-color:var(--teal-b,color-mix(in srgb,var(--ind) 55%,transparent));background-color:var(--surface);transition:background-color .15s,border-color .15s}
.cdp .cdp-in:hover{border-color:var(--ind);background-color:var(--ind-l)}
.cdp.open .cdp-in,.cdp .cdp-in:focus{border-color:var(--ind);box-shadow:0 0 0 3px var(--ind-l)}
/* required-field error (same red as the page's .in.err) */
.cdp .cdp-in.err,.cdp .cdp-in.err:hover,.cdp .cdp-in.err:focus,.cdp.open .cdp-in.err{border-color:#e03131}
.cdp-ico{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--icon);cursor:pointer;transition:background-color .15s,color .15s}
.cdp-ico svg{width:14px;height:14px}
.cdp-ico:hover{background:var(--ind);color:var(--on-p)}

.cdp-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:70;width:236px;max-width:calc(100vw - 16px);background:var(--surface);color:var(--ink);
  border:1px solid color-mix(in srgb,var(--ind) 55%,transparent);border-radius:12px;box-shadow:0 18px 44px rgba(20,30,90,.24);overflow:hidden;
  font:500 12px/1.2 'Plus Jakarta Sans',system-ui,sans-serif}
.cdp-pop[hidden]{display:none}
.cdp-pop svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cdp-pop button{font-family:inherit}

/* header: < [Month v] [Year v] > */
.cdp-hd{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 10px 6px}
.cdp-nav{width:24px;height:24px;border:0;border-radius:7px;background:none;color:var(--ind-d);display:grid;place-items:center;cursor:pointer;flex:none}
.cdp-nav svg{width:16px;height:16px;stroke-width:2.4}
.cdp-nav:hover:not(:disabled){background:var(--ind-l)}
.cdp-nav:disabled{opacity:.35;cursor:not-allowed}
.cdp-sel{display:flex;gap:6px}

/* month / year select buttons + their scrolling list cards (same look as the Date Range picker) */
.cdp-pw{position:relative}
.cdp-pick{display:flex;align-items:center;justify-content:space-between;gap:4px;height:26px;padding:0 7px;border:1px solid color-mix(in srgb,var(--ind) 55%,transparent);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:600;cursor:pointer}
.cdp-pick.m{width:62px}.cdp-pick.y{width:70px}
.cdp-pick svg{width:12px;height:12px;color:var(--ind);stroke-width:2.4}
.cdp-pick:hover,.cdp-pick[aria-expanded="true"]{background:var(--ind-l);border-color:var(--ind)}
.cdp-pick:focus-visible{outline:2px solid var(--ind);outline-offset:1px}
.cdp-list{position:absolute;top:calc(100% + 4px);left:0;z-index:5;min-width:100%;max-height:176px;overflow-y:auto;margin:0;padding:4px;list-style:none;
  background:var(--surface);border:1px solid color-mix(in srgb,var(--ind) 55%,transparent);border-radius:8px;box-shadow:0 10px 24px rgba(20,30,90,.22)}
.cdp-list li{display:block}
.cdp-list button{display:block;width:100%;height:28px;padding:0 10px;text-align:left;border:0;border-radius:6px;background:none;color:var(--ink);font-size:12.5px;font-weight:700;cursor:pointer}
.cdp-list button:hover,.cdp-list button:focus-visible{background:var(--hover);outline:0}
.cdp-list button.on{background:var(--ind-l);color:var(--ind-d)}
.cdp-list::-webkit-scrollbar{width:12px}
.cdp-list::-webkit-scrollbar-track{background:transparent}
.cdp-list::-webkit-scrollbar-thumb{background:var(--ind);border-radius:6px;border:3px solid var(--surface)}
.cdp-list::-webkit-scrollbar-button:single-button{height:12px;background-repeat:no-repeat;background-position:center;background-size:8px}
.cdp-list::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M1 6l3-4 3 4z' fill='%231d4ed8'/%3E%3C/svg%3E")}
.cdp-list::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M1 2l3 4 3-4z' fill='%231d4ed8'/%3E%3C/svg%3E")}
@supports (-moz-appearance:none){.cdp-list{scrollbar-width:thin;scrollbar-color:var(--ind) transparent}}

/* day grid */
.cdp-wd,.cdp-g{display:grid;grid-template-columns:repeat(7,1fr);padding:0 10px}
.cdp-wd span{padding:4px 0 6px;text-align:center;font-size:11.5px;font-weight:700;color:var(--ind)}
.cdp-d{height:26px;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font-size:12px;font-weight:500;display:grid;place-items:center;cursor:pointer}
.cdp-d.off{color:var(--mute);opacity:.6;cursor:default}
button.cdp-d:hover{background:var(--hover)}
button.cdp-d.today:not(.sel){color:var(--ind);font-weight:700;box-shadow:inset 0 0 0 1.5px var(--ind);border-radius:6px}
button.cdp-d.sel{background:var(--ind);color:var(--on-p);font-weight:700;border-radius:6px;border-bottom-color:transparent}
button.cdp-d:focus-visible,.cdp-btn:focus-visible,.cdp-nav:focus-visible{outline:2px solid var(--ind);outline-offset:1px}

/* footer */
.cdp-ft{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px;padding:8px 10px;border-top:1px solid var(--line)}
.cdp-btn{height:28px;padding:0 14px;border-radius:7px;border:1px solid var(--line);background:var(--field);color:var(--ink2);font-size:12px;font-weight:600;cursor:pointer}
.cdp-btn:hover{background:var(--hover)}
.cdp-btn.pri{background:var(--grad);border-color:transparent;color:var(--on-p)}
.cdp-btn.pri:hover{filter:brightness(1.08)}