/**
 * Pargas Core — portals.css (اسکوپ‌شده روی پرتال حساب + فرم OTP).
 *
 * پل قالب این استایل را فقط روی صفحات حساب نگه می‌دارد؛ طراحی پایه از
 * کیت/قالب می‌آید و اینجا فقط مکمل‌های هسته استایل می‌گیرند.
 */

/* OTP form (auth page / [pargas_login]) */
.pg-auth__form .pg-spinner {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: pg-spin .7s linear infinite;
	vertical-align: middle;
	margin-inline-start: 6px;
}
@keyframes pg-spin { to { transform: rotate(360deg); } }

.pg-auth__form .pg-field__error { color: #dc2626; font-size: .75rem; }
.pg-auth__form .pg-field--error .pg-input { border-color: #dc2626; }
.pg-auth__form .pg-field__hint { display: flex; gap: 8px; align-items: center; margin-top: 6px; font-size: .75rem; color: var(--pg-fg-soft, #64748b); }
.pg-linkbtn { background: none; border: 0; color: var(--pg-accent, #0891b2); cursor: pointer; font-size: .75rem; padding: 0; }

/* Quote list rows (server-rendered) */
.pg-qlist__thumb { width: 72px; height: 72px; object-fit: contain; border-radius: var(--pg-radius, 12px); background: #f8fafc; flex: none; }
.pg-qlist__title { color: var(--pg-fg, #0f172a); text-decoration: none; }
.pg-qlist__notelabel { display: block; font-size: .7rem; color: var(--pg-fg-soft, #64748b); margin-bottom: 4px; }
.pg-input--sm { height: 34px; font-size: .8rem; padding: 0 10px; }
.pg-qlist__controls { display: inline-flex; align-items: center; gap: 8px; flex: none; }
.pg-qty { min-width: 42px; text-align: center; font-weight: 700; }
.pg-qty__btn {
	width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--pg-border, #e2e8f0);
	background: var(--pg-surface, #fff); cursor: pointer; font-size: 16px; line-height: 1;
	display: inline-flex; align-items: center; justify-content: center; color: var(--pg-fg, #0f172a);
}
.pg-qty__btn:hover { border-color: var(--pg-accent, #0891b2); color: var(--pg-accent, #0891b2); }
.pg-qlist__remove { background: none; border: 0; color: var(--pg-fg-soft, #64748b); cursor: pointer; }
.pg-qlist__remove:hover { color: #dc2626; }

/* Compare table (server-rendered) */
.pg-compare-table { width: 100%; border-collapse: collapse; background: var(--pg-surface, #fff); }
.pg-compare-table th, .pg-compare-table td { border: 1px solid var(--pg-border, #e2e8f0); padding: 10px 12px; text-align: center; vertical-align: middle; }
.pg-compare-table thead td { background: #f8fafc; }
.pg-compare-table th.pg-compare-row-label { background: #f8fafc; font-weight: 700; width: 130px; }
.pg-compare__product img { width: 120px; height: 90px; object-fit: contain; display: block; margin: 0 auto 8px; }
.pg-compare__title { display: block; text-decoration: none; color: var(--pg-fg, #0f172a); }
.pg-compare__remove { margin-top: 6px; background: none; border: 1px solid var(--pg-border, #e2e8f0); border-radius: 8px; cursor: pointer; font-size: .7rem; padding: 3px 10px; color: var(--pg-fg-soft, #64748b); }
.pg-compare__remove:hover { color: #dc2626; border-color: #dc2626; }

/* Documents hub (shortcode) */
.pg-docs__filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 18px; }
.pg-docs__search { display: flex; gap: 8px; margin-inline-start: auto; }
.pg-docs__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 900px) { .pg-docs__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .pg-docs__grid { grid-template-columns: 1fr; } }
.pg-doc-item { display: flex; flex-direction: column; gap: 10px; padding: 16px; }
.pg-doc-item__top { display: flex; justify-content: space-between; align-items: center; }
.pg-doc-item__ver { font-size: .7rem; color: var(--pg-fg-soft, #64748b); }
.pg-doc-item__title { font-size: 1rem; }
.pg-doc-item__related { font-size: .75rem; color: var(--pg-fg-soft, #64748b); }
.pg-doc-item__foot { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.pg-doc-item__date { font-size: .75rem; color: var(--pg-fg-soft, #64748b); }

/* Print view helpers */
.pg-receipt-link { display: inline-block; margin-top: 8px; font-size: .8rem; }