/* app/ui/static/tc-jdate.css */
.tc-jdate-pop {
    position: absolute;
    z-index: 9999;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    width: 280px;
    font-family: inherit;
    user-select: none;
  }
  .tc-jdate-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 10px; border-bottom: 1px solid #eee; background:#fafafa;
    border-radius:10px 10px 0 0;
  }
  .tc-jdate-head .btn {
    border: none; background: transparent; cursor: pointer; font-size: 16px;
  }
  .tc-jdate-head .title {
    font-weight: 700; font-size: 14px;
  }
  .tc-jdate-grid {
    display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px;
    padding: 10px;
  }
  .tc-jdate-cell {
    text-align: center; padding: 6px 0; border-radius: 8px;
    cursor: pointer; font-size: 13px;
  }
  .tc-jdate-cell.head {
    cursor: default; font-weight: 700; opacity: .7;
  }
  .tc-jdate-cell.disabled {
    opacity: .35; cursor: default;
  }
  .tc-jdate-cell:hover { background: #f0f6ff; }
  .tc-jdate-cell.sel { background: #2563eb; color: #fff; }
  .tc-jdate-foot {
    display:flex; justify-content: space-between; align-items:center;
    padding: 8px 10px; border-top:1px solid #eee; background:#fafafa;
    border-radius:0 0 10px 10px;
    font-size: 12px; color:#555;
  }
  .tc-date-field{ position: relative; }