.svt-widget, .svt-widget *{ box-sizing:border-box; }

.svt-widget{
	--svt-brand: #FF5C00;
	--svt-brand-dark: #D94C00;
	--svt-brand-light: #FFE8DA;
	--svt-brand-tint: #FFF3EC;
	--svt-ink: #1C1B1A;
	--svt-ink-soft: #5B5854;
	--svt-line: #ECE7E1;
	--svt-paper: #FBF9F6;
	--svt-card: #FFFFFF;

	width:100%;
	max-width:100%;
	overflow-x:hidden;
	background: var(--svt-paper);
	color: var(--svt-ink);
	font-family: 'Vazirmatn', Tahoma, sans-serif;
}

.svt-wrap{
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
	padding: clamp(24px, 5vw, 64px) clamp(16px, 5vw, 40px);
}

.svt-head{
	margin-bottom: clamp(28px, 4vw, 44px);
}

.svt-eyebrow{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size: 13px;
	font-weight: 700;
	color: var(--svt-brand-dark);
	background: var(--svt-brand-tint);
	border: 1px solid var(--svt-brand-light);
	padding: 6px 14px;
	border-radius: 999px;
	margin-bottom: 18px;
}
.svt-eyebrow::before{
	content:"";
	width:6px; height:6px;
	border-radius:50%;
	background: var(--svt-brand);
	flex-shrink:0;
}

.svt-widget h1{
	font-size: clamp(24px, 3.4vw, 38px);
	font-weight: 800;
	line-height: 1.35;
	margin: 0 0 16px;
	letter-spacing: -0.01em;
}

.svt-sub{
	font-size: clamp(14px, 1.6vw, 16px);
	line-height: 2;
	color: var(--svt-ink-soft);
	max-width: 880px;
	margin: 0;
}

.svt-unit-note{
	font-size: 13px;
	color: var(--svt-ink-soft);
	margin-top: 14px;
	display:flex;
	align-items:center;
	gap:8px;
}
.svt-unit-note svg{ flex-shrink:0; opacity:.6; }

/* ================= DESKTOP TABLE ================= */
.svt-table-shell{
	background: var(--svt-card);
	border: 1px solid var(--svt-line);
	border-radius: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	box-shadow: 0 1px 2px rgba(28,27,26,0.04), 0 12px 32px -20px rgba(28,27,26,0.18);
}

.svt-widget table{
	width: 100%;
	min-width: 680px;
	border-collapse: collapse;
	font-size: 15px;
}

.svt-widget thead th{
	background: var(--svt-ink);
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	padding: 18px 20px;
	text-align: center;
	position: relative;
}
.svt-widget thead th:first-child{
	text-align: right;
	color: #F4F1EC;
	font-weight: 500;
	font-size: 13px;
}
.svt-widget thead th.svt-hl{
	color: var(--svt-brand);
	background: #262422;
}

.svt-widget tbody th{
	text-align: right;
	padding: 18px 22px;
	font-weight: 600;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--svt-ink);
	max-width: 230px;
	border-bottom: 1px solid var(--svt-line);
	background: var(--svt-paper);
}

.svt-widget tbody td{
	text-align: center;
	padding: 16px 18px;
	border-bottom: 1px solid var(--svt-line);
	font-variant-numeric: tabular-nums;
	color: var(--svt-ink);
	font-weight: 500;
}

.svt-widget tbody tr:last-child th,
.svt-widget tbody tr:last-child td{
	border-bottom: none;
}

.svt-widget tr.svt-row-ararat th{ color: var(--svt-brand-dark); }
.svt-widget tr.svt-row-ararat td{
	color: var(--svt-brand-dark);
	font-weight: 700;
	background: var(--svt-brand-tint);
}

.svt-widget td.svt-pct-cell{
	padding: 14px 18px;
}
.svt-pct-wrap{
	display:flex;
	flex-direction: column;
	align-items:center;
	gap:6px;
}
.svt-pct-value{
	font-weight: 800;
	font-size: 16px;
	color: var(--svt-brand-dark);
}
.svt-pct-bar-track{
	width: 100%;
	max-width: 120px;
	height: 6px;
	background: var(--svt-line);
	border-radius: 999px;
	overflow: hidden;
}
.svt-pct-bar-fill{
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--svt-brand-dark), var(--svt-brand));
}

/* ================= MOBILE CARDS ================= */
.svt-cards-view{ display: none; }

.svt-cust-card{
	background: var(--svt-card);
	border: 1px solid var(--svt-line);
	border-radius: 18px;
	margin-bottom: 16px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(28,27,26,0.04), 0 10px 26px -20px rgba(28,27,26,0.2);
}
.svt-cust-card summary{
	list-style: none;
	cursor: pointer;
	padding: 18px 20px;
	background: var(--svt-ink);
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	display:flex;
	align-items:center;
	justify-content: space-between;
	gap: 10px;
}
.svt-cust-card summary::-webkit-details-marker{ display:none; }
.svt-cust-card summary .svt-chev{
	width: 22px; height:22px;
	border-radius: 50%;
	background: rgba(255,255,255,0.12);
	display:flex; align-items:center; justify-content:center;
	transition: transform .25s ease;
	flex-shrink:0;
}
.svt-cust-card[open] summary .svt-chev{ transform: rotate(180deg); }

.svt-cust-body{
	padding: 6px 4px;
}
.svt-mrow{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:center;
	gap: 6px 14px;
	padding: 14px 18px;
	border-bottom: 1px solid var(--svt-line);
}
.svt-mrow:last-child{ border-bottom:none; }
.svt-mrow .svt-mlabel{
	flex: 1 1 140px;
	min-width: 0;
	font-size: 13.5px;
	color: var(--svt-ink-soft);
	font-weight: 500;
	line-height: 1.6;
}
.svt-mrow .svt-mvalue{
	flex: 0 0 auto;
	font-size: 14.5px;
	font-weight: 700;
	color: var(--svt-ink);
	text-align: left;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.svt-mrow.svt-ararat{
	background: var(--svt-brand-tint);
}
.svt-mrow.svt-ararat .svt-mlabel,
.svt-mrow.svt-ararat .svt-mvalue{ color: var(--svt-brand-dark); }

.svt-mrow.svt-pct .svt-mvalue-wrap{
	display:flex;
	flex-direction: column;
	align-items:flex-end;
	gap:6px;
	flex: 0 1 130px;
	min-width: 90px;
}
.svt-mrow.svt-pct .svt-pct-bar-track{
	width: 100%;
	height: 6px;
	background: var(--svt-line);
	border-radius: 999px;
	overflow: hidden;
}
.svt-mrow.svt-pct .svt-pct-bar-fill{
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--svt-brand-dark), var(--svt-brand));
}
.svt-mrow.svt-pct .svt-mvalue{ font-size: 16px; font-weight: 800; color: var(--svt-brand-dark); }

.svt-legend{
	display:flex;
	align-items:center;
	gap: 8px;
	font-size: 12.5px;
	color: var(--svt-ink-soft);
	margin-top: 18px;
}
.svt-legend .svt-swatch{
	width: 10px; height:10px;
	border-radius: 3px;
	background: var(--svt-brand-tint);
	border: 1px solid var(--svt-brand-light);
	flex-shrink:0;
}

@media (max-width: 900px){
	.svt-table-shell{ display: none; }
	.svt-cards-view{ display: block; }
}

@media (max-width: 420px){
	.svt-mrow{ padding: 12px 14px; }
	.svt-cust-card summary{ padding: 15px 16px; }
}