/* ==========================================================================
   PPP Theme — Supplier Portal shell (ppp_theme/supplier_portal.py).

   The shell itself is dealer_distribution's partner_portal.css (.ddms), so
   a supplier and a dealer see one product. This file covers what ERPNext's
   supplier pages bring into the shell's main column through templates/web.html:
   the breadcrumbs, the page header card, Bootstrap's centred container, and
   the transaction lists portal.css styles as cards. Scoped under .spp, the
   class the supplier shell adds beside .ddms, so nothing here reaches the
   dealer portal or any other page.
   ========================================================================== */

/* web.html's main.container is a centred 1140px column; the shell's main
   column already is the column. */
.spp main.container,
.spp .page-content-wrapper > .container {
	max-width: none;
	padding: 0;
	margin: 0;
}

.spp .page-content-wrapper {
	padding: 0;
}

.spp .web-sidebar,
.spp .sidebar-column {
	display: none;
}

/* Breadcrumbs: a small line above the header, as the dealer pages have none. */
.spp .page-breadcrumbs {
	margin: 0 0 6px;
	font-size: 12px;
}

.spp .page-breadcrumbs .breadcrumb {
	padding: 0;
	margin: 0;
	background: none;
}

/* portal.css draws the page header as a white title card; in the shell it is
   the dealer pages' header line: title left, action right. */
.spp .page-header-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 16px;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
}

.spp .page-header-wrapper .page-header {
	margin: 0;
	padding: 0;
}

.spp .page-header-wrapper .page-header h1,
.spp .page-header-wrapper .page-header h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 !important;
	color: var(--d-ink, #1c2b3a);
}

.spp .page-header-actions-block {
	margin: 0;
}

.spp .page-header-actions-block .row {
	margin: 0;
	gap: 8px;
}

/* The list pages: the search box and the card list sit in the wider column,
   so the items preview no longer needs the ellipsis width. */
.spp .items-preview.ellipsis-width {
	max-width: none;
}

.spp .website-list {
	margin-top: 8px;
}

.spp .list-filters,
.spp .website-list .list-filters {
	padding: 0 0 12px;
}

/* The transaction-list header the template does not draw: the lists read as
   tables in the dealer portal, so each row keeps its card line and the
   amount reads right-aligned in tabular digits. */
.spp .transaction-list-item .item-total {
	font-variant-numeric: tabular-nums;
}

/* frappe's /me account page, inside the shell. */
.spp .portal-container {
	max-width: 720px;
	margin: 0;
}

/* portal.css prints the site's copyright under a page that renders no
   footer; the shell has its own footer line. */
.spp .page-footer:empty::before {
	content: none !important;
}

/* Bootstrap's dark btn-primary is the dealer portal's "Place Order" button;
   the ERPNext pages' Make Quotation / Actions buttons keep the same look. */
.spp .btn-sm {
	min-height: 32px;
	padding: 5px 12px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
}

@media (max-width: 720px) {
	.spp .page-header-wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* A grid item's minimum width is its content's, so a card holding a table
   pushed the dashboard wider than a phone; the table scrolls inside its
   wrap instead. */
.spp .ddms-grid > * {
	min-width: 0;
}

/* The breadcrumbs sit in a centred Bootstrap container of their own; in the
   shell they line up with the title. */
.spp .breadcrumb-container.container {
	max-width: none;
	padding: 0;
	margin: 0;
}