/*!
 * jQuery DateTime Combo Picker — styles
 * Uses CSS custom properties so it can be re-themed by overriding the
 * variables below (e.g. from a parent site's own design tokens) instead of
 * editing this file.
 */
:root{
  --dtp-navy:#023047;
  --dtp-ink:#16222B;
  --dtp-ink-2:#3A4A55;
  --dtp-ink-3:#64747E;
  --dtp-ink-4:#98A5AD;
  --dtp-line:#E4E8EB;
  --dtp-line-strong:#C9D2D8;
  --dtp-bg-soft:#F5F7F8;
  --dtp-yellow:#FFB703;
  --dtp-yellow-bg:#FFF3D6;
  --dtp-req:#D64545;
  --dtp-valid:#B4DCC6;
  --dtp-radius-input:12px;
  --dtp-radius-card:16px;
  --dtp-font:inherit;
}

/* ===== Field wrapper (label + input) ===== */
.field.req-track-dt{display:flex;flex-direction:column;gap:6px;position:relative;font-family:var(--dtp-font)}
.field .lbl{display:flex;align-items:center;gap:6px;font:600 13px/1.3 var(--dtp-font);color:var(--dtp-ink-2)}
.field .lbl .req{color:var(--dtp-req);margin-left:1px}
.field .tip{width:16px;height:16px;border-radius:50%;border:1px solid var(--dtp-line-strong);background:#fff;color:var(--dtp-ink-3);font:700 10px/1 var(--dtp-font);display:inline-grid;place-items:center;cursor:help;position:relative;padding:0}
.field .tip:hover .tip-bubble,.field .tip:focus .tip-bubble{opacity:1;visibility:visible;transform:translateY(0)}
.field .tip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);width:240px;background:var(--dtp-navy);color:#fff;font:400 12px/1.5 var(--dtp-font);padding:10px 12px;border-radius:10px;opacity:0;visibility:hidden;transition:opacity 140ms,transform 140ms;z-index:80;pointer-events:none}
.field.req-track-dt:has(.dtcombo) .check-mark{position:absolute;right:14px;top:38px;width:16px;height:16px;color:var(--dtp-valid);opacity:0;transition:opacity 140ms}
.field.req-track-dt.is-valid .check-mark{opacity:1}
.field.req-track-dt.is-valid .dtcombo .combo-btn{border-color:var(--dtp-valid)}
.field.req-track-dt .check-mark svg{width:100%;height:100%}

/* ===== Combined date+time picker ===== */
.dtcombo{position:relative}
.dtcombo .combo-btn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--dtp-line-strong);border-radius:var(--radius-input);background:#fff;padding:12px 42px 12px 17px;cursor:pointer;transition:border-color 140ms,box-shadow 140ms;font-family:var(--dtp-font);font-size:15px;color:var(--dtp-ink)}
.dtcombo .combo-btn:hover{border-color:var(--dtp-navy)}
.dtcombo.open .combo-btn{border-color:var(--dtp-navy);/* box-shadow:0 0 0 3px rgba(2,48,71,0.10) */}
.dtcombo .ci{display:none; width:16px;height:16px;color:var(--dtp-ink-3);flex-shrink:0}
.dtcombo .ctxt{flex:1;min-width:0; padding-left:25px;}
.datetimeIcon{z-index:10;}
.dtcombo .cv{display:block;font-family:var(--dtp-font);font-size:15px;line-height:20px;font-weight:400;color:var(--dtp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtcombo.empty .cv{color:var(--dtp-ink-4)}
.dtcombo .cchev{display:none; width:15px;height:15px;color:var(--dtp-ink-4);flex-shrink:0;transition:transform 180ms;margin-left:auto}
.dtcombo.open .cchev{transform:rotate(180deg)}

.dtcombo .pop{position:absolute;z-index:60;top:calc(100% + 8px);left:0;width:min(480px,calc(100vw - 48px));background:#fff;border:1px solid var(--dtp-line);border-radius:var(--dtp-radius-card);box-shadow:0 24px 48px -18px rgba(2,48,71,.34);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 160ms,transform 160ms,visibility 160ms}
.dtcombo.open .pop{opacity:1;visibility:visible;transform:none}
.dtcombo[data-combo="ret"] .pop,
.dtcombo[data-combo="deadline"] .pop{left:auto;right:0}

body.dt-open .page-wrap{z-index:70}
body.dt-open header.nav{z-index:40}
@media(max-width:640px){
  body.dt-open::before{content:"";position:fixed;inset:0;z-index:69;background:rgba(2,48,71,.34);pointer-events:none}
  body.dt-open #intercom-container,
  body.dt-open .intercom-lightweight-app,
  body.dt-open #hubspot-messages-iframe-container,
  body.dt-open #tidio-chat,
  body.dt-open #crisp-chatbox,
  body.dt-open #drift-widget-container,
  body.dt-open #launcher,
  body.dt-open #CybotCookiebotDialog,
  body.dt-open #CybotCookiebotDialogBodyUnderlay,
  body.dt-open .cookiebot-widget,
  body.dt-open #cookiescript_badge,
  body.dt-open #onetrust-consent-sdk,
  body.dt-open #ot-sdk-btn-floating,
  body.dt-open .cky-btn-revisit-wrapper,
  body.dt-open [data-dt-hide-when-open]{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
}

.dtcombo .pop-body{display:grid;grid-template-columns:1fr 160px}
.dtcombo .pop-cal{padding:14px}
.dtcombo .pop-time{border-left:1px solid var(--dtp-line);display:flex;flex-direction:column}
.dtcombo .pop-time .tt{padding:14px 14px 8px;font:600 11px/1 var(--dtp-font);letter-spacing:.07em;text-transform:uppercase;color:var(--dtp-navy)}
.dtcombo .cols{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 12px;flex:1;min-height:0}
.dtcombo .col{display:flex;flex-direction:column;min-height:0}
.dtcombo .col .ch{font:600 10.5px/1 var(--dtp-font);letter-spacing:.06em;text-transform:uppercase;color:var(--dtp-ink-4);text-align:center;padding-bottom:5px}
.dtcombo .scroll{overflow-y:auto;max-height:190px;display:flex;flex-direction:column;gap:2px;padding-right:3px;scrollbar-width:thin}
.dtcombo .scroll::-webkit-scrollbar{width:5px}
.dtcombo .scroll::-webkit-scrollbar-thumb{background:var(--dtp-line-strong);border-radius:4px}
.dtcombo .scroll button{border:0;background:none;border-radius:7px;padding:8px 0;font:600 14px/1 var(--dtp-font);color:var(--dtp-ink-2);cursor:pointer;flex-shrink:0}
.dtcombo .scroll button:hover:not(:disabled){background:var(--dtp-yellow-bg); color:var(--dtp-ink-2);}
.dtcombo .scroll button:disabled{opacity:.3;cursor:default;color:var(--dtp-ink-4)}
.dtcombo .scroll button.on{background:var(--dtp-navy);color:#fff}
.dtcombo .scroll button.on:hover:not(:disabled){background:var(--dtp-navy);color:#fff;box-shadow:none;font-weight:700}

.dtcombo .pop-foot{border-top:1px solid var(--dtp-line);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--dtp-bg-soft);border-radius:0 0 var(--dtp-radius-card) var(--dtp-radius-card)}
.dtcombo .pop-foot .pv{font:400 12.5px/1.3 var(--dtp-font);color:var(--dtp-ink-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dtcombo .pop-foot .pv b{color:var(--dtp-navy);font-weight:800}
.dtcombo .pop-foot .ok{border:0;background:var(--dtp-yellow);color:var(--dtp-ink);border-radius:999px;padding:9px 20px;font:700 13.5px/1 var(--dtp-font);cursor:pointer;flex-shrink:0}
.dtcombo .pop-foot .ok:hover{background:#F0A800}

.dtcombo .cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.dtcombo .cal-head .m{font:700 14.5px/1 var(--dtp-font);color:var(--dtp-navy);text-transform:capitalize}
.dtcombo .cal-nav{display:flex;gap:4px; }
.dtcombo .cal-nav button{position:relative; width:29px;height:29px;border:1px solid var(--dtp-line-strong);background:#fff;border-radius:8px;display:grid;place-items:center;cursor:pointer;color:var(--dtp-navy)}
.dtcombo .cal-nav button:hover{background:var(--dtp-bg-soft);border-color:var(--dtp-navy)}
.dtcombo .cal-nav svg{width:13px;height:13px; top:15px!important; left:6px!important;}
.dtcombo .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.dtcombo .cal-grid .wd{font:600 10.5px/1 var(--dtp-font);letter-spacing:.05em;text-transform:uppercase;color:var(--dtp-ink-4);text-align:center;padding:4px 0 6px}
.dtcombo .cal-grid button{aspect-ratio:1;border:0;background:none;border-radius:8px;font:600 13.5px/1 var(--dtp-font);color:var(--dtp-ink-2);cursor:pointer}
.dtcombo .cal-grid button:hover:not(:disabled){background:var(--dtp-yellow-bg)}
.dtcombo .cal-grid button:disabled{color:var(--dtp-ink-4);opacity:.3;cursor:default}
.dtcombo .cal-grid button.today{box-shadow:inset 0 0 0 1.5px var(--dtp-yellow)}
.dtcombo .cal-grid button.sel,
.dtcombo .cal-grid button.sel:hover:not(:disabled){background:var(--dtp-navy);color:#fff;box-shadow:none;font-weight:700}

@media(max-width:640px){
  .dtcombo .pop{/* position:fixed; */z-index:2147483000;left:16px;right:16px;top:auto;/* bottom:16px; */width:auto;max-height:min(78vh,600px);display:flex;flex-direction:column;transform:translateY(10px)}
  .dtcombo.open .pop{transform:none}
  .dtcombo .pop-body{flex:1;min-height:0;overflow-y:auto;grid-template-columns:1fr}
  .dtcombo .pop-time{border-left:0;border-top:1px solid var(--dtp-line)}
  .dtcombo .pop-cal{padding:16px 16px 10px}
  .dtcombo .cols{padding:0 16px 14px}
  .dtcombo .scroll{max-height:176px}
  .dtcombo .scroll button{padding:14px 0;font-size:15.5px;min-height:44px}
  .dtcombo .pop-foot{flex-shrink:0}
  .dtcombo .pop-foot .ok{padding:13px 24px;font-size:14.5px}
  .dtcombo .cal-grid button{font-size:15px;min-height:44px;aspect-ratio:auto}
}