.f-emp { flex: 2 1 220px; } .f-date { flex: 1 1 160px; } .f-rate { flex: 1 1 140px; }
.row > .field { flex: 1 1 200px; }
.tc-week + .tc-week { margin-top: 24px; }
.tc-week h3 { font-size: 16px; font-weight: 600; margin: 0 0 8px; }
.tc-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.tc-table th { font-size: 12px; font-weight: 400; color: var(--muted); text-align: left; padding: 0 8px 6px 0; letter-spacing: .32px; }
.tc-table td { padding: 0 8px 1px 0; vertical-align: middle; }
.tc-table td.day { font-weight: 600; font-size: 14px; white-space: nowrap; width: 1%; padding-right: 16px; }
.tc-table td.day small { display: block; font-weight: 400; color: var(--muted); font-size: 12px; }
.tc-table td.hrs { text-align: right; font-size: 16px; white-space: nowrap; width: 1%; padding-left: 8px; }
.tc-table tfoot td { border-top: 1px solid var(--line-strong); padding-top: 10px; font-weight: 600; }
.tc-table input { min-height: 44px; padding: 8px 10px; }
.tc-table input.mins { max-width: 90px; }
@media (max-width: 672px) {
  .tc-table thead { display: none; }
  .tc-table, .tc-table tbody, .tc-table tfoot { display: block; }
  .tc-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 8px; padding: 12px 0; border-bottom: 1px solid var(--line); }
  .tc-table td { padding: 0; }
  .tc-table td.day { grid-column: 1 / -1; display: flex; justify-content: space-between; width: auto; }
  .tc-table td.hrs { display: none; }
  .tc-table td[data-l]::before { content: attr(data-l); display: block; font-size: 12px; color: var(--muted); margin-bottom: 2px; }
  .tc-table input.mins { max-width: none; }
  .tc-table tfoot tr { display: flex; justify-content: space-between; border: 0; }
}
@media print {
  .tc-table input { border: 0; padding: 2px 0; min-height: 0; font-size: 10pt; }
  .tc-table td.day small { color: #000; }
  .print-head p { margin: 0 0 4px; }
}
.m-hrs { display: none; font-weight: 600; }
@media (max-width: 672px) { .m-hrs { display: inline; } }
@media print { .m-hrs { display: none !important; } }
.f-card { flex: 1 1 220px; max-width: 360px; }
.tc-emps .row { align-items: flex-end; }
details.more { margin-top: 16px; border-top: 1px solid var(--line); }
details.more summary { cursor: pointer; padding: 12px 0 0; font-size: 14px; color: var(--link); min-height: 32px; }
.tc-cell { display: flex; align-items: stretch; }
.tc-cell input { flex: 1; min-width: 0; }
.tc-cell .now { background: var(--canvas); border: 0; border-bottom: 1px solid var(--subtle); color: var(--muted); width: 30px; cursor: pointer; font-size: 14px; padding: 0; }
.tc-cell .now:hover { color: var(--link); background: var(--layer-2); }
.tc-fill .btn { min-height: 36px; padding: 6px 10px; }
.tc-sign .sig-row { display: flex; justify-content: space-between; margin-top: 28px; font-size: 10pt; }
.print-notes { font-size: 10pt; margin-top: 12px; }
@media print { .tc-cell .now { display: none; } }