.tgb-dp{ position:relative; display:block; }
.tgb-dp-display{ width:100%; cursor:pointer; background:#fff; }
.tgb-dp-pop{
  position:absolute; z-index:9999; top:100%; left:0; margin-top:4px; width:290px; max-width:92vw;
  background:#fff; color:#23201B; border:1px solid rgba(27,42,61,.25); border-radius:8px;
  box-shadow:0 14px 34px rgba(27,42,61,.25); padding:12px; box-sizing:border-box;
}
.tgb-dp-pop[hidden]{ display:none; }
.tgb-dp-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; font-weight:700; }
.tgb-dp-head button{
  border:0; background:transparent; font-size:22px; line-height:1; cursor:pointer; color:#1B2A3D; padding:2px 10px; border-radius:4px;
}
.tgb-dp-head button:hover:not(:disabled){ background:#EFE6D3; }
.tgb-dp-head button:disabled{ opacity:.25; cursor:default; }
.tgb-dp-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:3px; }
.tgb-dp-dow{ text-align:center; font-size:11px; font-weight:700; opacity:.55; padding:4px 0; }
.tgb-dp-day{
  border:0; background:#f4f1ea; border-radius:5px; padding:8px 0; font-size:13px; font-weight:600; cursor:pointer; color:#1B2A3D;
}
.tgb-dp-day:hover:not(:disabled){ background:#F1AB3C; }
.tgb-dp-day.is-selected{ background:#1B2A3D; color:#fff; }
.tgb-dp-day.is-off, .tgb-dp-day:disabled{ background:transparent; color:#1B2A3D; opacity:.25; cursor:not-allowed; text-decoration:line-through; }
.tgb-inline-error{ color:#b32d2e; font-size:13px; font-weight:600; margin:6px 0 10px; }
.tgb-inline-error a{ color:inherit; text-decoration:underline; }