/* ── Additional app styles ──────────────────────────────── */

/* Smooth page transitions */
.tc-wrap { animation: fadeIn .2s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

/* Timer pulse */
.tc-timer--running { animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:.7; } }

/* Tab active state */
.tab-btn.active { font-weight: 700; }

/* Edit modal fix */
#pt-modal { display: none !important; }
#pt-modal[style*="flex"] { display: flex !important; }

/* Responsive table scroll hint */
@media (max-width: 768px) {
	.tc-table { font-size: .85rem; }
	.tc-table th, .tc-table td { padding: .5rem .65rem; }
}

/* Code/token displays */
code {
	background: #f0f0f0;
	padding: .15rem .4rem;
	border-radius: 4px;
	font-size: .88rem;
}