.ts-calc { width: 100%; }
.ts-input {
    width: 100%; padding: 10px 14px; border: 1px solid var(--border); border-radius: 8px;
    font-size: 15px; font-family: var(--font-main); color: var(--text);
    background: var(--white); outline: none; box-sizing: border-box;
}
.ts-input:focus { border-color: var(--teal); }
.ts-input-row { display: flex; gap: 8px; }
.ts-input-row .ts-input { flex: 1; }
.ts-now-btn {
    padding: 0 16px; background: var(--light); color: var(--navy); border: 1px solid var(--border);
    border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap;
    font-family: var(--font-main); transition: background 0.2s;
}
.ts-now-btn:hover { background: var(--border); }
.ts-results {
    background: var(--white); border: 1px solid var(--border); border-radius: var(--radius);
    overflow: hidden; margin-top: 20px;
}
.ts-result-header { background: #1d4ed8; color: #fff; font-size: 15px; font-weight: 700; padding: 10px 16px; }
.ts-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ts-table td { padding: 10px 16px; border-bottom: 1px solid var(--border); color: var(--text2); }
.ts-table tr:nth-child(even) { background: #eff6ff; }
.ts-table td:last-child { text-align: right; font-weight: 600; color: var(--navy); font-family: 'Courier New', monospace; }
.ts-big-output {
    text-align: center; font-size: 26px; font-weight: 800; color: var(--navy);
    padding: 24px 16px; font-family: 'Courier New', monospace;
}