.time-card-calculator .scroll{border:1px solid var(--border);border-radius:var(--r);overflow-x:auto}.time-card-calculator .week{border-collapse:collapse;width:100%;font-size:.88rem}.time-card-calculator .week thead th{padding:var(--s2) var(--s3);background-color:var(--surface-2);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;font-size:.7rem;font-weight:650}.time-card-calculator .week tbody th{padding:var(--s2) var(--s3);color:var(--text-2);text-align:left;white-space:nowrap;font-weight:600}.time-card-calculator .week td{padding:var(--s1) var(--s2);border-top:1px solid var(--border)}.time-card-calculator .week input{min-width:92px;min-height:38px;padding:0 var(--s2);font-variant-numeric:tabular-nums;font-size:.88rem}.time-card-calculator .week .hours{padding-right:var(--s3);color:var(--text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:650}.time-card-calculator .grid{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.time-card-calculator .headline{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text);font-size:2.2rem;font-weight:700}.time-card-calculator .breakdown{gap:var(--s1);margin:var(--s2) 0 0;padding:var(--s3) 0 0;border-top:1px solid var(--border);flex-direction:column;list-style:none;display:flex}.time-card-calculator .breakdown li{justify-content:space-between;gap:var(--s3);color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.88rem;display:flex}.time-card-calculator .actions{display:flex}.time-card-calculator .hint{color:var(--muted);font-size:.82rem}