/* =========================================================
   File: assets/css/ut-crm-responsive.css
   Global responsive utilities — sabhi modules is base ko follow
   karte hain (mobile-first: base styles mobile ke liye, phir
   min-width media queries se tablet/desktop enhance hota hai).

   Breakpoints used consistently across UT CRM:
   - Mobile:  0 - 599px   (default / base styles)
   - Tablet:  600 - 1023px
   - Desktop: 1024px+
   ========================================================= */

.ut-crm-root {
	--ut-bp-tablet: 600px;
	--ut-bp-desktop: 1024px;
}

/* ---------- Fluid typography (clamp — sabhi module titles ke liye) ---------- */
.ut-crm-root .ut-crm-title {
	font-size: clamp(20px, 4vw, 30px);
}

.ut-crm-root .ut-crm-subtitle {
	font-size: clamp(12px, 2vw, 14px);
}

/* ---------- Utility: visibility helpers ---------- */
.ut-crm-hide-mobile { display: none; }
.ut-crm-hide-desktop { display: block; }

@media (min-width: 600px) {
	.ut-crm-hide-mobile { display: block; }
}

@media (min-width: 1024px) {
	.ut-crm-hide-desktop { display: none; }
}

/* ---------- Utility: container max-width so ultra-wide screens don't stretch cards ---------- */
@media (min-width: 1400px) {
	.ut-crm-root {
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ---------- Touch target sizing (mobile accessibility — min 44px tap area) ---------- */
@media (max-width: 599px) {
	.ut-crm-root button,
	.ut-crm-root .ut-crm-btn,
	.ut-crm-root .ut-crm-icon-btn,
	.ut-crm-root a.ut-crm-btn {
		min-height: 40px;
	}
}

/* ---------- Scrollbar polish (kanban boards, tables) ---------- */
.ut-crm-root *::-webkit-scrollbar {
	height: 6px;
	width: 6px;
}

.ut-crm-root *::-webkit-scrollbar-thumb {
	background: rgba(79, 70, 229, 0.25);
	border-radius: 10px;
}

.ut-crm-root *::-webkit-scrollbar-track {
	background: transparent;
}

/* ---------- Reduce motion (accessibility) ---------- */
@media (prefers-reduced-motion: reduce) {
	.ut-crm-root * {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
	}
}