/* Time card calculator: rounding line, week switch, the day grid (Day / In / Out / Break / Hours), CSV button. */
.thx-tc-small{font-size:clamp(17px,1.6vw,20px)!important;line-height:2.2!important}
.thx-tc-small .thx-inl select{height:46px;font-size:18px}
.thx-tc-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.thx-tc-bar .thx-seg{min-width:250px}
.thx-tc-tools{display:flex;gap:6px}
.thx-tc-tools button,.thx-tc-csv button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--hair);border-radius:6px;background:#fff;color:var(--slate);font:600 13px Figtree,sans-serif;cursor:pointer;transition:border-color .15s,color .15s}
.thx-tc-tools button:hover,.thx-tc-csv button:hover{border-color:var(--line-iris);color:var(--ink)}
.thx-tc-tools button:focus-visible,.thx-tc-csv button:focus-visible{outline:2px solid var(--iris);outline-offset:1px}
.thx-tc-grid{display:flex;flex-direction:column;gap:6px}
.thx-tc-head,.thx-tc-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) 72px 58px;gap:8px;align-items:center}
.thx-tc-head span{font:600 10.5px Figtree,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--mut)}
.thx-tc-head small{font-size:inherit;text-transform:none;letter-spacing:0}
.thx-tc-head span:last-child,.thx-tc-h{text-align:right}
.thx-tc-d{font:700 14px Manrope,sans-serif;color:var(--ink)}
.thx-tc-row input{width:100%;min-width:0;height:44px;padding:0 10px;border:0;border-bottom:2px solid var(--line-iris);border-radius:8px 8px 3px 3px;background:var(--soft);color:var(--ink);font:700 16px Manrope,sans-serif;font-variant-numeric:tabular-nums;text-align:center;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s,background .15s}
.thx-tc-row input::placeholder{color:#B4B9CE;font-weight:600}
.thx-tc-row input:hover{border-bottom-color:#A9ACEB}
.thx-tc-row input:focus{outline:0;background:#fff;border-bottom-color:var(--iris);box-shadow:0 0 0 3px rgba(91,91,214,.14)}
.thx-tc-row input.is-bad{border-bottom-color:var(--bad);background:#FFF7F8}
.thx-tc-h{font:700 15px Manrope,sans-serif;font-variant-numeric:tabular-nums;color:var(--iris)}
.thx-tc-row.is-bad .thx-tc-d{color:var(--bad)}
.thx-tc-wk{margin:8px 0 2px;font:700 12px Figtree,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.thx-tc-w2{display:flex;flex-direction:column;gap:6px}
.thx-tc-w2[hidden]{display:none}
.thx-tc-csv{margin:0}
@media (max-width:600px){
  .thx-tc-head,.thx-tc-row{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) 50px 44px;gap:5px}
  .thx-tc-row input{height:44px;padding:0 4px;font-size:16px}
  .thx-tc-d{font-size:13px}
  .thx-tc-h{font-size:13px}
  .thx-tc-head span{font-size:9.5px;letter-spacing:.05em}
  .thx-tc-head small{display:none}
  .thx-tc-bar .thx-seg{min-width:0;width:100%}
  .thx-tc-tools{width:100%}
  .thx-tc-tools button{flex:1;justify-content:center}
}
@media print{.thx-tc-bar,.thx-tc-csv,.thx-tc-row input::placeholder{display:none}.thx-tc-row input{background:none;border-bottom:1px solid #ccc;height:30px}}