/* Advisor4U ग्राहक पोर्टफोलिओ पान. Theme च्या रंगांशी भांडू नये म्हणून सर्व नियम .a4u-portfolio आत. */
.a4u-portfolio {
	--a4u-ink: #10213f;
	--a4u-muted: #5b6b85;
	--a4u-line: #e3e8f0;
	--a4u-card: #f5f8fd;
	--a4u-brand: #0b5fff;
	--a4u-up: #0a7d3c;
	--a4u-down: #c62828;
	color: var(--a4u-ink);
	max-width: 1100px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.5;
}
.a4u-portfolio h2 { margin: 0 0 16px; }
.a4u-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}
.a4u-card {
	background: var(--a4u-card);
	border: 1px solid var(--a4u-line);
	border-radius: 12px;
	padding: 14px 16px;
}
.a4u-card-label { display: block; font-size: 13px; color: var(--a4u-muted); }
.a4u-card-value { display: block; font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.a4u-up { color: var(--a4u-up); }
.a4u-down { color: var(--a4u-down); }
.a4u-dates { color: var(--a4u-muted); font-size: 13px; }
.a4u-warn { color: #8a5a00; background: #fff6e0; padding: 8px 12px; border-radius: 8px; }
.a4u-preview { background: #eef3ff; border-left: 4px solid var(--a4u-brand); padding: 8px 12px; }
.a4u-table-wrap { overflow-x: auto; }
.a4u-table { width: 100%; border-collapse: collapse; }
.a4u-table th, .a4u-table td { padding: 10px 8px; border-bottom: 1px solid var(--a4u-line); text-align: left; vertical-align: top; }
.a4u-table th { font-size: 13px; color: var(--a4u-muted); font-weight: 600; }
.a4u-table .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.a4u-fund { display: block; font-weight: 600; }
.a4u-folio { display: block; font-size: 12px; color: var(--a4u-muted); }
.a4u-disclaimer { margin-top: 20px; font-size: 12px; color: var(--a4u-muted); }
.a4u-logout { text-align: right; font-size: 14px; }
.a4u-login { max-width: 420px; }

/* मोबाईलवर table ला कार्ड-स्वरूप (app मध्ये चांगले दिसते). */
@media (max-width: 640px) {
	.a4u-table thead { display: none; }
	.a4u-table tr { display: block; border: 1px solid var(--a4u-line); border-radius: 12px; margin-bottom: 10px; padding: 6px 10px; }
	.a4u-table td { display: flex; justify-content: space-between; gap: 12px; border: 0; padding: 6px 0; }
	.a4u-table td::before { content: attr(data-label); color: var(--a4u-muted); font-size: 13px; }
	.a4u-table td[data-label="Fund"] { display: block; }
	.a4u-table td[data-label="Fund"]::before { content: none; }
	.a4u-table .num { text-align: right; }
}