/**
 * PSB-PORTAL-SHELL-SURFACE-001 — superficie principal continua (rail + panel de trabajo).
 * Extiende shell existente; sin shell paralela.
 */

/* —— Área de trabajo: sin caja centrada ni márgenes externos —— */
body.psb-pres-portal-shell .psb-pres-shell__main {
	padding: 0;
}

body.psb-pres-portal-shell .psb-pres-shell__stage {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

body.psb-pres-portal-shell .psb-pres-panel > .psb-pres-portal-msg {
	margin: 0;
	padding: 14px 20px;
	border-bottom: 1px solid #e7e5e4;
	background: #fff;
}

/* —— Grid shell3: rail separado + superficie blanca continua —— */
body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 {
	gap: 0;
	align-items: stretch;
	min-height: calc(100vh - 64px);
}

body.psb-pres-portal-shell.admin-bar .psb-pres-panel__grid--shell3 {
	min-height: calc(100vh - 96px);
}

body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-pres-panel__nav,
body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-pres-rail-d1d,
body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-shell-rail {
	grid-column: 1;
	align-self: stretch;
	position: static;
	top: auto;
	margin-top: 0;
	padding-top: 0;
	border-right: none;
}

body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-pres-panel__main {
	grid-column: 2;
	align-self: stretch;
	min-width: 0;
	background: #ffffff;
	padding: 1.35rem 1.5rem 2rem 0;
}

body.psb-pres-portal-shell .psb-pres-panel__grid--shell3:not(.psb-pres-panel__grid--visual-inner):not(.psb-pres-panel__grid--no-aside) > .psb-pres-panel__aside {
	grid-column: 3;
	align-self: stretch;
	position: static;
	top: auto;
	min-width: 0;
	background: #ffffff;
	padding: 1.35rem 1.25rem 2rem 0.85rem;
	border-left: 1px solid #f5f5f4;
}

/* Tarjetas interiores: sin efecto flotante (el panel es la superficie) */
body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 .psb-pres-panel__unified-card,
body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 .psb-pres-panel__form-card,
body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 .psb-pres-portal-card {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	padding: 0;
}

body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 .psb-pres-panel__unified-card .psb-config-visual-shell__layout {
	border-top: none;
	padding-top: 0;
}

/* Panel principal / cuenta: padding interno coherente */
body.psb-pres-portal-shell .psb-pres-panel--home .psb-pres-panel__unified-card,
body.psb-pres-portal-shell .psb-pres-cierre .psb-pres-panel__unified-card,
body.psb-pres-portal-shell .psb-pres-trabajo-pick-screen__card,
body.psb-pres-portal-shell .psb-pres-trabajo-vista-screen__card {
	padding: 0;
}

/* Columna derecha premium sobre superficie blanca */
body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-pres-panel__aside .psb-portal-side__inner {
	border-color: #e7e5e4;
	background: #ffffff;
}

/* —— Responsive —— */
@media (max-width: 1023px) {
	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3:not(.psb-pres-panel__grid--visual-inner):not(.psb-pres-panel__grid--no-aside) > .psb-pres-panel__aside {
		border-left: none;
		border-top: 1px solid #f5f5f4;
		padding: 1.25rem 1.5rem 2rem;
	}
}

@media (max-width: 767px) {
	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 {
		min-height: auto;
	}

	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-pres-panel__main {
		padding: 1.15rem 1rem 1.5rem;
	}

	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3:not(.psb-pres-panel__grid--visual-inner):not(.psb-pres-panel__grid--no-aside) > .psb-pres-panel__aside {
		padding: 1rem 1rem 1.5rem;
	}

	body.psb-pres-portal-shell .psb-pres-panel > .psb-pres-portal-msg {
		padding: 12px 16px;
	}

	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-pres-panel__nav,
	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-pres-rail-d1d,
	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3 > .psb-shell-rail {
		border-right: none;
		border-top: 1px solid #e7e5e4;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3.psb-pres-panel__grid--no-aside,
	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3.psb-pres-panel__grid--visual-inner {
		grid-template-columns: minmax(168px, 200px) minmax(0, 1fr);
		gap: 0;
	}
}

@media (min-width: 1024px) {
	body.psb-pres-portal-shell .psb-pres-panel__grid--shell3:not(.psb-pres-panel__grid--no-aside):not(.psb-pres-panel__grid--visual-inner) {
		grid-template-columns: minmax(200px, 236px) minmax(0, 1fr) minmax(248px, 300px);
		gap: 0;
	}
}