.smyk-td { position: relative; margin: 0 0 12px; }
.smyk-td__label { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; color: #222222; margin-bottom: 8px; }
.smyk-td__field {
  width: 100%; display: flex; align-items: center; gap: 10px;
  background: #fff; border: 1.5px solid #e5e7eb; border-radius: 12px;
  padding: 0 14px; height: 46px; font-family: 'Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px; font-weight: 600; color: #222222; cursor: pointer; text-align: left;
  transition: border-color .18s, box-shadow .18s; -webkit-tap-highlight-color: transparent;
}
.smyk-td__field:hover { border-color: #e41d56; }
.smyk-td__field[aria-expanded="true"] { border-color: #e41d56; box-shadow: 0 0 0 3px rgba(228, 29, 86,.12); }
.smyk-td__field-icon { color: #e41d56; flex-shrink: 0; }
.smyk-td__text { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smyk-td__field-chev { color: #5b6472; flex-shrink: 0; transition: transform .2s; }
.smyk-td__field[aria-expanded="true"] .smyk-td__field-chev { transform: rotate(180deg); }

.smyk-td__cal {
  position: fixed; z-index: 10070; width: 320px; max-width: calc(100vw - 24px);
  background: #fff; border: 1px solid #e5e7eb; border-radius: 16px;
  box-shadow: 0 22px 50px -16px rgba(10,22,40,.38); padding: 14px;
  font-family: 'Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; animation: smyk-td-cal-in .18s ease;
}
.smyk-td__cal[hidden] { display: none; }
@keyframes smyk-td-cal-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.smyk-td__cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.smyk-td__cal-title { font-size: 15px; font-weight: 700; color: #222222; }
.smyk-td__cal-navs { display: flex; gap: 6px; }
.smyk-td__cal-nav {
  width: 30px; height: 30px; border-radius: 9px; border: 1.5px solid #e5e7eb;
  background: #fff; color: #222222; font-size: 20px; font-weight: 600; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  transition: border-color .15s, background-color .15s, color .15s;
}
.smyk-td__cal-nav:hover { border-color: #e41d56; color: #e41d56; background: #fdeef2; }
.smyk-td__cal-dow { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; margin-bottom: 4px; }
.smyk-td__cal-dow span { text-align: center; font-size: 11px; font-weight: 700; color: #5b6472; text-transform: uppercase; padding: 4px 0; }
.smyk-td__cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.smyk-td__cal-empty { aspect-ratio: 1; }
.smyk-td__cal-day {
  aspect-ratio: 1; border: 0; background: none; border-radius: 50%;
  font-family: 'Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 600; color: #000;
  cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
  transition: background-color .15s, color .15s;
}
.smyk-td__cal-day:hover { background: #fdeef2; color: #c2410c; }
.smyk-td__cal-day.is-today { box-shadow: inset 0 0 0 1.5px #e5e7eb; }
.smyk-td__cal-day.is-selected, .smyk-td__cal-day.is-selected:hover { background: #e41d56; color: #fff; box-shadow: none; }
.smyk-td__cal-day.is-disabled, .smyk-td__cal-day.is-disabled:hover { color: #cbd5e1; cursor: not-allowed; background: none; }
.smyk-td__cal-foot { display: flex; justify-content: flex-end; margin-top: 12px; padding-top: 10px; border-top: 1px solid #f1f5f9; }
.smyk-td__cal-link { border: 0; background: none; font-family: 'Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 600; color: #e41d56; cursor: pointer; padding: 4px 8px; border-radius: 7px; transition: background-color .15s; }
.smyk-td__cal-link:hover { background: #fdeef2; }