/* Coach Kyle branded custom date picker */
.kyle-date-input{
  cursor:pointer!important;
  caret-color:transparent!important;
  padding-right:44px!important;
  background-image:linear-gradient(45deg,transparent 50%,#ffd600 50%),linear-gradient(135deg,#ffd600 50%,transparent 50%)!important;
  background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
}
.kyle-date-dialog{
  width:min(440px,calc(100% - 24px));
  max-width:440px;
  border:0;
  padding:0;
  border-radius:22px;
  background:transparent;
  color:#fff;
  overflow:visible;
}
.kyle-date-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}
.kyle-date-card{
  position:relative;
  padding:20px;
  border:1px solid rgba(255,214,0,.34);
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,214,0,.16),transparent 34%),
    linear-gradient(145deg,#151515,#090909 72%);
  box-shadow:0 30px 90px rgba(0,0,0,.65);
  font-family:Arial,Helvetica,sans-serif;
}
.kyle-date-card:before{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#ffd600,#ffea00);
}
.kyle-date-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.kyle-date-brand{display:flex;align-items:center;gap:12px;min-width:0}
.kyle-date-brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.42))}
.kyle-date-brand span{display:block;color:#ffd600;font-size:10px;font-weight:900;letter-spacing:.17em}
.kyle-date-brand h2{margin:3px 0 0!important;color:#fff!important;font-family:Impact,"Arial Black",sans-serif!important;font-style:italic!important;font-size:27px!important;line-height:1!important;letter-spacing:.01em!important;text-transform:uppercase}
#kyleDateClose{
  width:38px;height:38px;border:1px solid #343434;border-radius:12px;background:#171717;color:#fff;font-size:24px;line-height:1;cursor:pointer;
}
.kyle-date-nav{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:9px;margin:20px 0 10px}
.kyle-date-nav button{
  height:40px;border:1px solid #333;border-radius:11px;background:#151515;color:#fff;font-size:23px;cursor:pointer;
}
.kyle-date-nav button:hover,#kyleDateClose:hover{border-color:#ffd600;color:#ffd600}
.kyle-date-nav strong{text-align:center;color:#f4f4f4;font-size:14px;font-weight:900;letter-spacing:.03em}
.kyle-date-weekdays,.kyle-date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.kyle-date-weekdays span{text-align:center;padding:7px 0;color:#898989;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.kyle-date-grid button,.kyle-date-blank{aspect-ratio:1;border-radius:11px}
.kyle-date-grid button{
  border:1px solid #292929;background:#111;color:#f3f3f3;font:800 13px Arial,Helvetica,sans-serif;cursor:pointer;transition:.16s ease;
}
.kyle-date-grid button:hover:not(:disabled){border-color:#ffd600;transform:translateY(-1px)}
.kyle-date-grid button.today{box-shadow:inset 0 0 0 2px rgba(255,214,0,.78)}
.kyle-date-grid button.selected{
  border-color:#ffd600;
  background:linear-gradient(135deg,#ffd600,#ffea00);
  color:#050505;
  box-shadow:0 8px 20px rgba(255,214,0,.18);
}
.kyle-date-grid button.disabled{opacity:.22;cursor:not-allowed;transform:none}
.kyle-date-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid #242424}
.kyle-date-actions button{
  min-width:86px;border-radius:11px;padding:10px 13px;font:900 11px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;
}
.kyle-date-secondary{border:1px solid #383838;background:#171717;color:#fff}
.kyle-date-primary{border:1px solid #ffd600;background:linear-gradient(135deg,#ffd600,#ffea00);color:#050505}
@media(max-width:480px){
  .kyle-date-card{padding:16px}
  .kyle-date-brand img{width:40px;height:40px}
  .kyle-date-brand h2{font-size:24px!important}
  .kyle-date-weekdays,.kyle-date-grid{gap:4px}
  .kyle-date-grid button,.kyle-date-blank{border-radius:9px}
}