/**
 * PSB-PORTAL-CLIENTE-SHELL-ESTILOS-009 — capa canónica portal cliente (badges, cabeceras, listados, cierre integrado).
 * Conserva estética actual; extiende shell unified a pantallas secundarias.
 */

/* —— Cabecera de pantalla dentro de tarjeta —— */
body.psb-pres-portal-shell .psb-pres-page-head__sub {
	margin: 0.35rem 0 0;
	max-width: 40rem;
	font-size: 14px;
	line-height: 1.45;
	color: #57534e;
}

body.psb-pres-portal-shell .psb-pres-panel__unified-card > .psb-pres-page-head {
	margin-top: 0;
}

/* —— Badges homogéneos —— */
body.psb-pres-portal-shell .psb-pres-badge {
	display: inline-flex;
	align-items: center;
	padding: 3px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 650;
	line-height: 1.25;
	border: 1px solid transparent;
	white-space: nowrap;
}

body.psb-pres-portal-shell .psb-pres-badge--ok,
body.psb-pres-portal-shell .psb-pres-badge--available {
	background: #ecfdf5;
	color: #047857;
	border-color: #a7f3d0;
}

body.psb-pres-portal-shell .psb-pres-badge--saved {
	background: #f5f5f4;
	color: #44403c;
	border-color: #e7e5e4;
}

body.psb-pres-portal-shell .psb-pres-badge--neutral,
body.psb-pres-portal-shell .psb-pres-badge--muted {
	background: #f5f5f4;
	color: #57534e;
	border-color: #e7e5e4;
}

body.psb-pres-portal-shell .psb-pres-badge--info {
	background: #eff6ff;
	color: #1d4ed8;
	border-color: #bfdbfe;
}

body.psb-pres-portal-shell .psb-pres-badge--in-use {
	background: #fff7ed;
	color: #c2410c;
	border-color: #fed7aa;
}

/* Compatibilidad con badges legacy */
body.psb-pres-portal-shell .psb-pres-cierre__badge--ok,
body.psb-pres-portal-shell .psb-pres-trabajo-pick-card--libre .psb-pres-trabajo-pick-card__badge {
	background: #ecfdf5;
	color: #047857;
	border-color: #a7f3d0;
}

/* —— Panel principal: secciones tipo configurador —— */
body.psb-pres-portal-shell .psb-pres-panel-home-card .psb-pres-portal-list-section {
	margin-bottom: 0.75rem;
}

body.psb-pres-portal-shell .psb-pres-panel-home-card .psb-pres-portal-list-section:last-child {
	margin-bottom: 0;
}

body.psb-pres-portal-shell .psb-pres-panel-home-card .psb-pres-portal-table-wrap {
	margin: 0;
	border-radius: 10px;
	border: 1px solid #f0f0ee;
	background: #fff;
	overflow: auto;
}

body.psb-pres-portal-shell .psb-pres-panel-home-card .psb-pres-portal-table thead th {
	background: #fafaf9;
	font-size: 11px;
	font-weight: 650;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #78716c;
}

body.psb-pres-portal-shell .psb-pres-panel-home-card .psb-pres-portal-table tbody tr:hover td {
	background: #fafaf9;
}

/* —— Trabajo en curso: cabecera unificada —— */
body.psb-pres-portal-shell .psb-pres-trabajo-vista-head .psb-pres-trabajo-vista__hero-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	margin-bottom: 0;
}

body.psb-pres-portal-shell .psb-pres-trabajo-vista-head .psb-pres-page-head__sub {
	margin-top: 0.35rem;
	font-size: 15px;
	font-weight: 600;
	color: #292524;
}

body.psb-pres-portal-shell .psb-pres-trabajo-vista__meta-card,
body.psb-pres-portal-shell .psb-pres-trabajo-vista__proc-row {
	border: 1px solid #e7e5e4;
	border-radius: 14px;
	background: #fff;
}

/* —— Cierre: layout integrado en tarjeta —— */
body.psb-pres-portal-shell .psb-pres-cierre__card.psb-config-visual-shell {
	min-width: 0;
}

body.psb-pres-portal-shell .psb-pres-cierre-layout {
	min-width: 0;
}

body.psb-pres-portal-shell .psb-pres-cierre-zone {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	min-width: 0;
}

body.psb-pres-portal-shell .psb-pres-cierre .psb-pres-cierre__hero {
	margin-bottom: 0;
	padding: 0.85rem 0.95rem;
	border-radius: 12px;
	background: #fafaf9;
	border: 1px solid #e7e5e4;
	box-shadow: none;
}

body.psb-pres-portal-shell .psb-pres-panel__unified-card .psb-pres-cierre-actions-zone {
	min-width: 0;
}

body.psb-pres-portal-shell .psb-pres-cierre-aside .psb-pres-cierre__aside-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

body.psb-pres-portal-shell .psb-pres-panel__unified-card .psb-pres-cierre-actions-zone .psb-config-price-panel {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.psb-pres-portal-shell .psb-pres-cierre .psb-pres-cierre__proceso-card {
	border-radius: 12px;
	border: 1px solid #e7e5e4;
	background: #fafaf9;
}

/* Ocultar acciones duplicadas al pie (columna integrada) */
body.psb-pres-portal-shell .psb-pres-cierre .psb-pres-cierre__actions {
	display: none;
}

/* —— Responsive —— */
@media (max-width: 767px) {
	body.psb-pres-portal-shell .psb-pres-cierre-layout {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	body.psb-pres-portal-shell .psb-pres-cierre-zone {
		order: 1;
	}

	body.psb-pres-portal-shell .psb-pres-cierre-actions-zone {
		order: 2;
		border-left: 0;
		padding-left: 0;
		margin-left: 0;
	}

	body.psb-pres-portal-shell .psb-pres-panel-home-card .psb-pres-portal-table--compact {
		min-width: 0;
	}
}