.retorna-portal {
	--ret-green: #0B3D35;
	--ret-deep: #062A25;
	--ret-lime: #C9F04A;
	--ret-soft: #F4F8F5;
	--ret-line: #DDE7E2;
	--ret-muted: #5F6F69;
	max-width: 1180px;
	margin: 30px auto 70px;
	padding: 0 20px;
	color: #14211E;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.retorna-mode-banner {
	padding: 10px 14px;
	border-radius: 10px;
	background: #fff4c7;
	border: 1px solid #f0d15e;
	margin-bottom: 16px;
	font-size: 13px;
}
.retorna-portal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}
.retorna-portal-header h1 { margin: 3px 0 0; color: var(--ret-deep); }
.retorna-kicker {
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ret-green);
}
.retorna-user-chip,
.retorna-tag {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border-radius: 999px;
	background: #EAF7EE;
	color: var(--ret-green);
	font-size: 12px;
	font-weight: 700;
}
.retorna-tag { padding: 3px 8px; background: #fff1b8; color: #694f00; }
.retorna-nav {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	padding: 8px;
	background: #fff;
	border: 1px solid var(--ret-line);
	border-radius: 14px;
	margin-bottom: 22px;
}
.retorna-nav a {
	padding: 9px 12px;
	border-radius: 9px;
	text-decoration: none;
	color: var(--ret-deep);
	font-weight: 650;
	font-size: 14px;
}
.retorna-nav a.active,
.retorna-nav a:hover {
	background: var(--ret-soft);
}
.retorna-hero-panel,
.retorna-section {
	background: #fff;
	border: 1px solid var(--ret-line);
	border-radius: 18px;
	padding: clamp(20px, 3vw, 34px);
	margin-bottom: 18px;
}
.retorna-hero-panel {
	background: linear-gradient(135deg, #F8F7F1 0%, #EAF7EE 100%);
}
.retorna-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 18px;
}
.retorna-stat {
	background: #fff;
	border: 1px solid var(--ret-line);
	border-radius: 14px;
	padding: 18px;
}
.retorna-stat span {
	display: block;
	color: var(--ret-muted);
	font-size: 12px;
	margin-bottom: 7px;
}
.retorna-stat strong { font-size: 25px; color: var(--ret-deep); }
.retorna-stat strong.small { font-size: 14px; overflow-wrap: anywhere; }
.retorna-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}
.retorna-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 0;
	border-radius: 999px;
	padding: 11px 16px;
	background: var(--ret-lime);
	color: var(--ret-deep) !important;
	font-weight: 800;
	text-decoration: none !important;
	cursor: pointer;
}
.retorna-request-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 14px;
}
.retorna-request-card {
	border: 1px solid var(--ret-line);
	border-radius: 15px;
	padding: 18px;
	background: #fff;
}
.retorna-request-card h3 { margin: 12px 0; color: var(--ret-deep); }
.retorna-request-card p { margin: 7px 0; }
.retorna-request-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.retorna-link { color: var(--ret-green); font-weight: 800; text-decoration: none; }
.retorna-form {
	display: grid;
	gap: 16px;
	margin-top: 20px;
}
.retorna-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
.retorna-form label > span {
	display: block;
	font-weight: 700;
	margin-bottom: 6px;
}
.retorna-form input[type="text"],
.retorna-form input[type="number"],
.retorna-form input[type="tel"],
.retorna-form select {
	width: 100%;
	min-height: 46px;
	border: 1px solid #b7c6c0;
	border-radius: 10px;
	padding: 9px 11px;
	background: #fff;
}
.retorna-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 14px;
	border-radius: 12px;
	background: var(--ret-soft);
}
.retorna-checkbox input { margin-top: 4px; }
.retorna-callout,
.retorna-next-step {
	padding: 16px;
	border-left: 4px solid var(--ret-lime);
	background: #F8FAF7;
	border-radius: 8px;
}
.retorna-message {
	padding: 12px 14px;
	border-radius: 10px;
	margin-bottom: 16px;
}
.retorna-message.success { background: #e7f7ec; color: #165c2a; }
.retorna-message.error { background: #fde8e8; color: #8a1f1f; }
.retorna-note { color: var(--ret-muted); font-size: 13px; }
.retorna-detail-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 18px 0;
}
.retorna-detail-grid > div {
	padding: 14px;
	background: var(--ret-soft);
	border-radius: 10px;
}
.retorna-detail-grid span { display: block; color: var(--ret-muted); font-size: 12px; }
.retorna-detail-grid strong { display: block; margin-top: 4px; }
.retorna-empty {
	padding: 30px;
	text-align: center;
	border: 1px dashed var(--ret-line);
	border-radius: 14px;
}

@media (max-width: 760px) {
	.retorna-grid,
	.retorna-form-grid,
	.retorna-detail-grid {
		grid-template-columns: 1fr;
	}
	.retorna-portal-header,
	.retorna-section-head {
		align-items: flex-start;
		flex-direction: column;
	}
	.retorna-nav {
		flex-direction: column;
	}
	.retorna-nav a { width: 100%; }
}


/* Iteración 2A — Gestión documental */
.retorna-document-section{margin-top:22px;padding:22px;border:1px solid var(--ret-line);border-radius:15px;background:#fbfdfb}
.retorna-doc-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e7f7ec;color:#165c2a;font-size:12px;font-weight:800}
.retorna-doc-status.pending{background:#fff1b8;color:#694f00}
.retorna-doc-current{margin:18px 0}
.retorna-file-list{display:grid;gap:9px}
.retorna-file-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--ret-line);border-radius:10px;background:#fff}
.retorna-file-row span{display:block;color:var(--ret-muted);font-size:12px;margin-top:3px}
.retorna-doc-form input[type=file]{width:100%;padding:13px;border:1px dashed #9db0a9;border-radius:10px;background:#fff}
.retorna-doc-form small{display:block;margin-top:6px;color:var(--ret-muted);font-size:12px}
.retorna-version-history{margin-top:20px;border-top:1px solid var(--ret-line);padding-top:15px}
.retorna-version-history summary{cursor:pointer;font-weight:800;color:var(--ret-green)}
.retorna-version-list{display:grid;gap:8px;margin-top:12px}
.retorna-version-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:10px;padding:10px 12px;border-radius:9px;background:#fff;border:1px solid var(--ret-line);font-size:12px}
@media(max-width:760px){.retorna-file-row{align-items:flex-start;flex-direction:column}.retorna-version-row{grid-template-columns:1fr}}


/* v0.2.1 — documentos independientes */
.retorna-documents-wrapper{margin-top:24px}
.retorna-documents-head{margin-bottom:16px}
.retorna-documents-head h3{margin:5px 0 8px;color:var(--ret-deep)}
.retorna-documents-head p{margin:0;color:var(--ret-muted)}
.retorna-document-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
	gap:16px;
	margin-top:18px
}
.retorna-document-card{
	border:1px solid var(--ret-line);
	border-radius:16px;
	background:#fff;
	padding:18px;
	box-shadow:0 1px 2px rgba(0,0,0,.03)
}
.retorna-document-card-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	margin-bottom:15px
}
.retorna-document-card-head h4{margin:4px 0 0;color:var(--ret-deep);font-size:18px}
.retorna-doc-code{
	display:block;
	color:var(--ret-muted);
	font-size:10px;
	font-weight:800;
	letter-spacing:.08em
}
.retorna-current-label{
	margin-bottom:8px;
	color:var(--ret-green);
	font-size:12px;
	font-weight:800
}
.retorna-document-card .retorna-file-row{
	padding:10px 11px
}
.retorna-document-card .retorna-doc-form{
	margin-top:14px;
	padding-top:14px;
	border-top:1px solid var(--ret-line)
}
.retorna-replacement-fields{
	display:grid;
	grid-template-columns:1fr;
	gap:10px
}
.retorna-doc-button{
	width:100%;
	margin-top:2px
}
.retorna-document-card .retorna-version-history{
	margin-top:15px
}
.retorna-document-card .retorna-version-row{
	grid-template-columns:80px 1fr;
}
.retorna-document-card .retorna-version-row span:last-child{
	grid-column:1/-1
}
@media(max-width:760px){
	.retorna-document-grid{grid-template-columns:1fr}
}


/* v0.2.2 — Lista documental horizontal */
.retorna-document-list-head{
	display:grid;
	grid-template-columns:minmax(210px, 1.1fr) minmax(260px, 1.6fr) minmax(290px, 1.3fr);
	gap:18px;
	padding:0 18px 9px;
	margin-top:18px;
	color:var(--ret-muted);
	font-size:11px;
	font-weight:800;
	letter-spacing:.07em;
	text-transform:uppercase
}
.retorna-document-grid{
	display:grid!important;
	grid-template-columns:1fr!important;
	gap:10px!important;
	margin-top:0!important
}
.retorna-document-card{
	display:grid!important;
	grid-template-columns:minmax(210px, 1.1fr) minmax(260px, 1.6fr) minmax(290px, 1.3fr);
	grid-template-areas:
		"head current form"
		"history history history";
	align-items:start;
	gap:18px;
	width:100%;
	padding:16px 18px!important;
	border:1px solid var(--ret-line);
	border-radius:13px!important;
	background:#fff;
	box-sizing:border-box;
	box-shadow:none!important
}
.retorna-document-card.is-pending{
	grid-template-areas:
		"head form form"
		"history history history"
}
.retorna-document-card-head{
	grid-area:head;
	display:flex!important;
	flex-direction:column;
	align-items:flex-start!important;
	justify-content:flex-start!important;
	gap:8px!important;
	margin:0!important;
	min-width:0
}
.retorna-document-card-head h4{
	margin:2px 0 0!important;
	font-size:16px!important;
	line-height:1.25
}
.retorna-document-card-head .retorna-doc-status{
	margin-top:4px
}
.retorna-doc-current{
	grid-area:current;
	margin:0!important;
	min-width:0
}
.retorna-current-label{
	display:none!important
}
.retorna-document-card .retorna-file-list{
	gap:7px
}
.retorna-document-card .retorna-file-row{
	padding:9px 10px!important;
	border-radius:9px!important;
	min-height:48px;
	box-sizing:border-box
}
.retorna-document-card .retorna-file-row strong{
	font-size:12px
}
.retorna-document-card .retorna-file-row span{
	font-size:11px!important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:100%
}
.retorna-document-card .retorna-file-row .retorna-link{
	white-space:nowrap;
	font-size:12px
}
.retorna-document-card .retorna-doc-form{
	grid-area:form;
	margin:0!important;
	padding:0!important;
	border-top:0!important;
	min-width:0;
	display:grid;
	gap:9px!important
}
.retorna-document-card.is-pending .retorna-doc-form{
	grid-template-columns:minmax(250px,1fr) auto;
	align-items:end
}
.retorna-document-card.is-pending .retorna-doc-form > label{
	min-width:0
}
.retorna-document-card.is-pending .retorna-doc-button{
	width:auto!important;
	min-width:180px;
	margin:0!important
}
.retorna-document-card .retorna-doc-form input[type=file]{
	padding:9px!important;
	min-height:44px;
	font-size:12px
}
.retorna-document-card .retorna-doc-form small{
	font-size:10px!important;
	line-height:1.35
}
.retorna-replacement-fields{
	grid-template-columns:1fr!important;
	gap:7px!important
}
.retorna-document-card .retorna-doc-form select,
.retorna-document-card .retorna-doc-form input[type=text]{
	min-height:40px!important;
	padding:7px 9px!important;
	font-size:12px!important
}
.retorna-doc-button{
	min-height:42px!important;
	padding:9px 14px!important;
	font-size:12px!important;
	margin-top:1px!important
}
.retorna-document-card .retorna-version-history{
	grid-area:history;
	margin:0!important;
	padding-top:11px!important;
	border-top:1px solid var(--ret-line)
}
.retorna-document-card .retorna-version-history summary{
	font-size:12px
}
.retorna-document-card .retorna-version-list{
	margin-top:9px
}
.retorna-document-card .retorna-version-row{
	grid-template-columns:90px 1fr 1fr!important;
	align-items:center
}
.retorna-document-card .retorna-version-row span:last-child{
	grid-column:auto!important
}

/* Tablet: still horizontal, but action stacks under file area */
@media(max-width:1050px) and (min-width:761px){
	.retorna-document-list-head{
		grid-template-columns:190px 1fr
	}
	.retorna-document-list-head span:nth-child(3){
		display:none
	}
	.retorna-document-card,
	.retorna-document-card.is-pending{
		grid-template-columns:190px 1fr;
		grid-template-areas:
			"head current"
			"head form"
			"history history"
	}
	.retorna-document-card.is-pending{
		grid-template-areas:
			"head form"
			"history history"
	}
}

/* Mobile: list remains ordered but stacks for usability */
@media(max-width:760px){
	.retorna-document-list-head{display:none!important}
	.retorna-document-card,
	.retorna-document-card.is-pending{
		grid-template-columns:1fr!important;
		grid-template-areas:
			"head"
			"current"
			"form"
			"history"!important;
		gap:12px!important
	}
	.retorna-document-card.is-pending{
		grid-template-areas:
			"head"
			"form"
			"history"!important
	}
	.retorna-document-card.is-pending .retorna-doc-form{
		grid-template-columns:1fr!important
	}
	.retorna-document-card.is-pending .retorna-doc-button{
		width:100%!important
	}
	.retorna-document-card .retorna-version-row{
		grid-template-columns:1fr!important
	}
}


/* ===================================================================
   v0.2.3 — Corrección estructural de lista documental
   =================================================================== */

/* El tema limita el ancho del contenido. El portal rompe ese límite de
   forma controlada para aprovechar el viewport en escritorio. */
@media(min-width:900px){
	.retorna-portal{
		width:min(1180px, calc(100vw - 56px))!important;
		max-width:none!important;
		position:relative;
		left:50%;
		transform:translateX(-50%);
		box-sizing:border-box;
	}
}

/* Oculta reglas heredadas de la vista anterior que forzaban grids rígidos. */
.retorna-document-grid{display:none!important}

.retorna-document-list-head{
	display:grid!important;
	grid-template-columns:minmax(180px, .95fr) minmax(300px, 1.65fr) minmax(190px, .8fr)!important;
	gap:22px!important;
	padding:0 18px 9px!important;
	margin-top:20px!important;
	color:var(--ret-muted);
	font-size:11px;
	font-weight:800;
	letter-spacing:.07em;
	text-transform:uppercase
}

.retorna-document-list{
	display:grid;
	gap:10px;
	margin-top:0
}

.retorna-document-row{
	display:grid;
	grid-template-columns:minmax(180px, .95fr) minmax(300px, 1.65fr) minmax(190px, .8fr);
	grid-template-areas:
		"identity current actions";
	gap:22px;
	align-items:start;
	width:100%;
	padding:16px 18px;
	border:1px solid var(--ret-line);
	border-radius:13px;
	background:#fff;
	box-sizing:border-box;
	overflow:visible
}

.retorna-doc-identity{
	grid-area:identity;
	min-width:0;
	display:grid;
	gap:5px
}
.retorna-doc-code{
	color:var(--ret-muted);
	font-size:10px;
	font-weight:800;
	letter-spacing:.08em
}
.retorna-doc-title{
	color:var(--ret-deep);
	font-size:15px;
	line-height:1.25
}

.retorna-doc-current-summary{
	grid-area:current;
	min-width:0
}
.retorna-doc-summary-top{
	margin-bottom:8px
}
.retorna-current-files{
	display:grid;
	gap:7px
}
.retorna-current-file{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	min-width:0;
	padding:9px 10px;
	border:1px solid var(--ret-line);
	border-radius:9px;
	background:#fbfdfb
}
.retorna-current-file-text{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:7px;
	min-width:0;
	width:100%
}
.retorna-current-file-text strong{
	font-size:11px;
	white-space:nowrap
}
.retorna-current-file-text span{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--ret-muted);
	font-size:11px
}
.retorna-current-file-text small{
	color:var(--ret-muted);
	font-size:10px;
	white-space:nowrap
}
.retorna-small-action{
	flex:0 0 auto;
	color:var(--ret-green);
	font-size:12px;
	font-weight:800;
	text-decoration:none
}
.retorna-doc-pending-copy{
	margin:7px 0 0;
	color:var(--ret-muted);
	font-size:12px
}

.retorna-doc-actions{
	grid-area:actions;
	display:flex;
	align-items:flex-start;
	justify-content:flex-end;
	flex-wrap:wrap;
	gap:8px;
	min-width:0
}

.retorna-action-details,
.retorna-history-details{
	position:relative;
	margin:0
}
.retorna-action-details summary,
.retorna-history-details summary{
	list-style:none
}
.retorna-action-details summary::-webkit-details-marker,
.retorna-history-details summary::-webkit-details-marker{
	display:none
}

.retorna-action-button,
.retorna-history-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:8px 13px;
	border-radius:999px;
	cursor:pointer;
	font-size:12px;
	font-weight:800;
	white-space:nowrap;
	user-select:none
}
.retorna-action-button{
	background:var(--ret-lime);
	color:var(--ret-deep)
}
.retorna-history-button{
	background:#fff;
	border:1px solid var(--ret-line);
	color:var(--ret-green)
}

/* Al abrir una acción, el panel cae debajo de la fila completa,
   no intenta vivir dentro de la columna. */
.retorna-action-details[open],
.retorna-history-details[open]{
	position:static
}
.retorna-action-panel,
.retorna-history-panel{
	position:absolute;
	z-index:10;
	right:0;
	top:46px;
	width:min(520px, calc(100vw - 56px));
	padding:16px;
	border:1px solid var(--ret-line);
	border-radius:13px;
	background:#fff;
	box-shadow:0 16px 45px rgba(6,42,37,.14);
	box-sizing:border-box
}

/* Para evitar cualquier recorte dentro de temas/containers estrechos,
   en la lista documental usamos panel embebido bajo la fila cuando abre. */
.retorna-document-row:has(.retorna-action-details[open]),
.retorna-document-row:has(.retorna-history-details[open]){
	grid-template-areas:
		"identity current actions"
		"expanded expanded expanded";
}
.retorna-document-row:has(.retorna-action-details[open]) .retorna-action-panel,
.retorna-document-row:has(.retorna-history-details[open]) .retorna-history-panel{
	position:relative;
	grid-area:expanded;
	right:auto;
	top:auto;
	width:100%;
	margin-top:10px;
	box-shadow:none;
	background:#f9fcfa
}
.retorna-document-row:has(.retorna-action-details[open]) .retorna-action-details,
.retorna-document-row:has(.retorna-history-details[open]) .retorna-history-details{
	display:contents
}
.retorna-document-row:has(.retorna-action-details[open]) .retorna-action-button,
.retorna-document-row:has(.retorna-history-details[open]) .retorna-history-button{
	grid-area:actions;
	justify-self:end
}

.retorna-action-panel .retorna-doc-form{
	margin:0!important;
	padding:0!important;
	border:0!important;
	display:grid!important;
	gap:12px!important
}
.retorna-action-panel .retorna-doc-form input[type=file]{
	width:100%!important;
	max-width:100%!important;
	min-height:46px;
	padding:10px!important;
	box-sizing:border-box
}
.retorna-action-panel .retorna-doc-form select,
.retorna-action-panel .retorna-doc-form input[type=text]{
	width:100%!important;
	max-width:100%!important;
	box-sizing:border-box
}
.retorna-action-panel .retorna-replacement-fields{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	gap:12px!important
}
.retorna-action-panel .retorna-doc-button{
	width:auto!important;
	justify-self:start;
	min-width:180px
}

.retorna-history-panel .retorna-version-list{
	display:grid;
	gap:7px
}
.retorna-history-panel .retorna-version-row{
	display:grid!important;
	grid-template-columns:55px 95px minmax(150px,1fr)!important;
	gap:9px!important;
	align-items:center;
	padding:9px 10px!important;
	border:1px solid var(--ret-line);
	border-radius:8px;
	background:#fff;
	font-size:11px
}
.retorna-history-panel .retorna-version-reason{
	grid-column:1/-1;
	color:var(--ret-muted)
}

/* Tablet: dos columnas; acciones ocupan la segunda. */
@media(max-width:1050px) and (min-width:761px){
	.retorna-document-list-head{
		grid-template-columns:190px minmax(0,1fr)!important
	}
	.retorna-document-list-head span:nth-child(3){display:none}
	.retorna-document-row{
		grid-template-columns:190px minmax(0,1fr);
		grid-template-areas:
			"identity current"
			"identity actions"
	}
	.retorna-doc-actions{
		justify-content:flex-start
	}
	.retorna-document-row:has(.retorna-action-details[open]),
	.retorna-document-row:has(.retorna-history-details[open]){
		grid-template-areas:
			"identity current"
			"identity actions"
			"expanded expanded"
	}
}

/* Mobile: lista vertical, conservando la jerarquía de fila. */
@media(max-width:760px){
	.retorna-document-list-head{display:none!important}
	.retorna-document-row{
		grid-template-columns:1fr;
		grid-template-areas:
			"identity"
			"current"
			"actions";
		gap:12px
	}
	.retorna-doc-actions{
		justify-content:flex-start
	}
	.retorna-action-panel .retorna-replacement-fields{
		grid-template-columns:1fr!important
	}
	.retorna-document-row:has(.retorna-action-details[open]),
	.retorna-document-row:has(.retorna-history-details[open]){
		grid-template-areas:
			"identity"
			"current"
			"actions"
			"expanded"
	}
	.retorna-history-panel .retorna-version-row{
		grid-template-columns:1fr!important
	}
}


/* ===================================================================
   v0.3.0 — Componentes documentales (ej. Cédula Frente + Reverso)
   =================================================================== */
.retorna-doc-status.complete{
	background:#e7f7ec;
	color:#165c2a
}
.retorna-doc-status.partial{
	background:#fff1b8;
	color:#694f00
}

.retorna-component-summary-list{
	display:grid;
	gap:8px
}
.retorna-component-summary{
	display:grid;
	grid-template-columns:118px minmax(0,1fr);
	gap:10px;
	align-items:start;
	padding:9px 10px;
	border:1px solid var(--ret-line);
	border-radius:9px;
	background:#fbfdfb
}
.retorna-component-summary-label{
	display:grid;
	gap:4px
}
.retorna-component-summary-label strong{
	font-size:12px;
	color:var(--ret-deep)
}
.retorna-component-state{
	display:inline-flex;
	width:max-content;
	max-width:100%;
	padding:3px 7px;
	border-radius:999px;
	font-size:10px;
	font-weight:800
}
.retorna-component-state.ok{
	background:#e7f7ec;
	color:#165c2a
}
.retorna-component-state.pending{
	background:#fff1b8;
	color:#694f00
}
.retorna-component-summary .retorna-current-file{
	padding:6px 8px!important;
	min-height:36px
}
.retorna-component-summary .retorna-current-file-text{
	grid-template-columns:minmax(0,1fr) auto!important
}
.retorna-component-summary .retorna-current-file-text strong{
	display:none
}

.retorna-component-manager-list{
	display:grid;
	gap:14px
}
.retorna-component-manager{
	padding:14px;
	border:1px solid var(--ret-line);
	border-radius:11px;
	background:#fff
}
.retorna-component-manager-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	margin-bottom:12px
}
.retorna-component-manager-head > div{
	display:grid;
	gap:3px
}
.retorna-component-manager-head strong{
	font-size:14px;
	color:var(--ret-deep)
}
.retorna-component-history{
	margin-top:12px;
	padding-top:10px;
	border-top:1px solid var(--ret-line)
}
.retorna-component-history summary{
	cursor:pointer;
	color:var(--ret-green);
	font-size:11px;
	font-weight:800
}
.retorna-history-group{
	display:grid;
	gap:8px;
	margin-bottom:14px
}
.retorna-history-group > strong{
	font-size:12px;
	color:var(--ret-deep)
}

@media(max-width:760px){
	.retorna-component-summary{
		grid-template-columns:1fr
	}
	.retorna-component-manager-head{
		flex-direction:column
	}
}


/* ===================================================================
   v0.3.1 — Modalidades alternativas para Cédula
   =================================================================== */
.retorna-doc-mode-label{
	display:block;
	margin-top:3px;
	color:var(--ret-muted);
	font-size:10px;
	line-height:1.35
}
.retorna-mode-options{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin-top:9px
}
.retorna-mode-chip{
	display:inline-flex;
	padding:5px 8px;
	border:1px solid var(--ret-line);
	border-radius:999px;
	background:#fff;
	color:var(--ret-green);
	font-size:10px;
	font-weight:800
}
.retorna-mode-choice-head{
	margin-bottom:14px;
	padding-bottom:12px;
	border-bottom:1px solid var(--ret-line)
}
.retorna-mode-choice-head h4{
	margin:0 0 5px;
	color:var(--ret-deep);
	font-size:16px
}
.retorna-mode-choice-head p{
	margin:0;
	color:var(--ret-muted);
	font-size:12px
}
.retorna-mode-manager{
	display:grid;
	gap:10px;
	padding:13px;
	border:1px solid var(--ret-line);
	border-radius:11px;
	background:#f9fcfa
}
.retorna-mode-manager + .retorna-mode-manager{
	margin-top:13px
}
.retorna-mode-manager-title{
	padding-bottom:9px;
	border-bottom:1px solid var(--ret-line);
	color:var(--ret-deep);
	font-size:13px
}
.retorna-mode-manager .retorna-component-manager{
	background:#fff
}


/* ===================================================================
   v0.3.2 — Elegir modalidad directamente en la fila horizontal
   =================================================================== */
.retorna-document-row.has-inline-mode-choice .retorna-doc-actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:8px
}
.retorna-inline-mode-details{
	position:relative;
	margin:0
}
.retorna-inline-mode-details summary{
	list-style:none
}
.retorna-inline-mode-details summary::-webkit-details-marker{
	display:none
}
.retorna-inline-mode-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:8px 12px;
	border-radius:999px;
	border:1px solid var(--ret-line);
	background:#fff;
	color:var(--ret-green);
	cursor:pointer;
	font-size:11px;
	font-weight:800;
	line-height:1.15;
	text-align:center;
	white-space:nowrap;
	user-select:none
}
.retorna-inline-mode-button:hover{
	border-color:var(--ret-green);
	background:var(--ret-soft)
}
.retorna-inline-mode-details:first-child .retorna-inline-mode-button{
	background:var(--ret-lime);
	border-color:var(--ret-lime);
	color:var(--ret-deep)
}

/* The selected form expands UNDER THE SAME DOCUMENT ROW, full width. */
.retorna-document-row.has-inline-mode-choice:has(.retorna-inline-mode-details[open]){
	grid-template-areas:
		"identity current actions"
		"modepanel modepanel modepanel"
}
.retorna-document-row.has-inline-mode-choice:has(.retorna-inline-mode-details[open]) .retorna-inline-mode-details[open]{
	display:contents
}
.retorna-document-row.has-inline-mode-choice:has(.retorna-inline-mode-details[open]) .retorna-inline-mode-details[open] .retorna-inline-mode-button{
	grid-area:actions;
	justify-self:end
}
.retorna-inline-mode-panel{
	position:absolute;
	z-index:10;
	right:0;
	top:46px;
	width:min(650px, calc(100vw - 56px));
	padding:16px;
	border:1px solid var(--ret-line);
	border-radius:13px;
	background:#fff;
	box-shadow:0 16px 45px rgba(6,42,37,.14);
	box-sizing:border-box
}
.retorna-document-row.has-inline-mode-choice:has(.retorna-inline-mode-details[open]) .retorna-inline-mode-panel{
	position:relative;
	grid-area:modepanel;
	right:auto;
	top:auto;
	width:100%;
	margin-top:10px;
	box-shadow:none;
	background:#f9fcfa
}
.retorna-inline-mode-panel-head{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:12px;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:1px solid var(--ret-line)
}
.retorna-inline-mode-panel-head strong{
	color:var(--ret-deep);
	font-size:14px
}
.retorna-inline-mode-panel-head span{
	color:var(--ret-muted);
	font-size:11px
}
.retorna-inline-upload-form{
	margin:0!important;
	padding:0!important;
	border:0!important
}
.retorna-inline-upload-form input[type=file]{
	width:100%!important;
	max-width:100%!important;
	box-sizing:border-box
}
.retorna-split-upload-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px
}
.retorna-split-upload-grid .retorna-inline-upload-form{
	padding:13px!important;
	border:1px solid var(--ret-line)!important;
	border-radius:10px;
	background:#fff
}

@media(max-width:1050px) and (min-width:761px){
	.retorna-document-row.has-inline-mode-choice:has(.retorna-inline-mode-details[open]){
		grid-template-areas:
			"identity current"
			"identity actions"
			"modepanel modepanel"
	}
	.retorna-document-row.has-inline-mode-choice .retorna-doc-actions{
		justify-content:flex-start
	}
	.retorna-document-row.has-inline-mode-choice:has(.retorna-inline-mode-details[open]) .retorna-inline-mode-details[open] .retorna-inline-mode-button{
		grid-area:actions;
		justify-self:start
	}
}
@media(max-width:760px){
	.retorna-document-row.has-inline-mode-choice:has(.retorna-inline-mode-details[open]){
		grid-template-areas:
			"identity"
			"current"
			"actions"
			"modepanel"
	}
	.retorna-document-row.has-inline-mode-choice .retorna-doc-actions{
		justify-content:flex-start
	}
	.retorna-inline-mode-button{
		white-space:normal
	}
	.retorna-split-upload-grid{
		grid-template-columns:1fr
	}
	.retorna-inline-mode-panel-head{
		flex-direction:column;
		align-items:flex-start
	}
}


/* ===================================================================
   v0.3.3 — Botones de modalidad bajo el texto central
   =================================================================== */
.retorna-inline-choice-copy{
	display:grid;
	gap:4px
}
.retorna-inline-choice-copy strong{
	color:var(--ret-deep);
	font-size:12px
}
.retorna-inline-choice-copy span{
	color:var(--ret-muted);
	font-size:11px
}
.retorna-mode-buttons-under-copy{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:11px
}
.retorna-mode-select-button{
	min-height:36px;
	padding:8px 12px;
	border:1px solid var(--ret-line);
	border-radius:999px;
	background:#fff;
	color:var(--ret-green);
	cursor:pointer;
	font:inherit;
	font-size:11px;
	font-weight:800;
	line-height:1.2
}
.retorna-mode-select-button:first-child{
	background:var(--ret-lime);
	border-color:var(--ret-lime);
	color:var(--ret-deep)
}
.retorna-mode-select-button:hover,
.retorna-mode-select-button.is-active{
	border-color:var(--ret-green);
	box-shadow:0 0 0 2px rgba(11,61,53,.08)
}
.retorna-action-muted{
	display:inline-flex;
	align-items:center;
	min-height:36px;
	color:var(--ret-muted);
	font-size:10px;
	font-weight:700
}

/* Full-width form below the same horizontal row. */
.retorna-document-row.mode-panel-open{
	grid-template-areas:
		"identity current actions"
		"modepanel modepanel modepanel"
}
.retorna-row-mode-panel{
	grid-area:modepanel;
	width:100%;
	margin-top:4px;
	padding:16px;
	border:1px solid var(--ret-line);
	border-radius:12px;
	background:#f9fcfa;
	box-sizing:border-box
}
.retorna-row-mode-panel[hidden]{
	display:none!important
}
.retorna-row-mode-panel .retorna-inline-mode-panel-head{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:12px;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:1px solid var(--ret-line)
}
.retorna-row-mode-panel .retorna-inline-mode-panel-head strong{
	color:var(--ret-deep);
	font-size:14px
}
.retorna-row-mode-panel .retorna-inline-mode-panel-head span{
	color:var(--ret-muted);
	font-size:11px
}
.retorna-row-mode-panel .retorna-inline-upload-form{
	margin:0!important;
	padding:0!important;
	border:0!important
}
.retorna-row-mode-panel input[type=file]{
	width:100%!important;
	max-width:100%!important;
	box-sizing:border-box
}

/* Neutralize the old 0.3.2 inline-details UI if CSS remains cached. */
.retorna-inline-mode-details{
	display:none!important
}

@media(max-width:1050px) and (min-width:761px){
	.retorna-document-row.mode-panel-open{
		grid-template-areas:
			"identity current"
			"identity actions"
			"modepanel modepanel"
	}
	.retorna-mode-buttons-under-copy{
		align-items:flex-start
	}
}
@media(max-width:760px){
	.retorna-document-row.mode-panel-open{
		grid-template-areas:
			"identity"
			"current"
			"actions"
			"modepanel"
	}
	.retorna-mode-buttons-under-copy{
		flex-direction:column
	}
	.retorna-mode-select-button{
		width:100%;
		text-align:center
	}
	.retorna-row-mode-panel .retorna-inline-mode-panel-head{
		flex-direction:column;
		align-items:flex-start
	}
}


/* ===================================================================
   v0.3.5 — Reemplazo estrictamente horizontal
   =================================================================== */

/* Disable old dropdown for single-component rows; markup no longer uses it. */
.retorna-horizontal-trigger{
	border:0;
	font-family:inherit
}
.retorna-horizontal-trigger.is-active{
	box-shadow:0 0 0 2px rgba(11,61,53,.10)
}

/* When editing, keep document identity in column 1 and REPLACE columns 2+3
   with the horizontal editor. Nothing is appended below the row. */
.retorna-document-row.retorna-horizontal-mode-open{
	grid-template-areas:"identity horizontal horizontal"!important;
	grid-template-columns:minmax(180px,.95fr) minmax(0,2.45fr)!important;
	align-items:center!important
}
.retorna-document-row.retorna-horizontal-mode-open > .retorna-doc-current-summary,
.retorna-document-row.retorna-horizontal-mode-open > .retorna-doc-actions{
	display:none!important
}

.retorna-horizontal-editor,
.retorna-horizontal-history{
	grid-area:horizontal;
	min-width:0;
	width:100%;
	box-sizing:border-box
}
.retorna-horizontal-editor[hidden],
.retorna-horizontal-history[hidden]{
	display:none!important
}

/* One line/form, horizontally distributed. */
.retorna-horizontal-form{
	display:grid;
	grid-template-columns:minmax(210px,1.35fr) minmax(145px,.72fr) minmax(160px,.82fr) auto;
	gap:10px;
	align-items:end;
	width:100%;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important
}
.retorna-horizontal-field{
	display:grid;
	gap:4px;
	min-width:0
}
.retorna-horizontal-field > span{
	color:var(--ret-deep);
	font-size:10px;
	font-weight:800
}
.retorna-horizontal-form input[type=file],
.retorna-horizontal-form input[type=text],
.retorna-horizontal-form select{
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	min-height:38px!important;
	margin:0!important;
	padding:6px 8px!important;
	border:1px solid #b8c8c2!important;
	border-radius:8px!important;
	background:#fff!important;
	font-size:11px!important;
	box-sizing:border-box!important
}
.retorna-horizontal-form input[type=file]{
	padding:5px!important
}
.retorna-horizontal-form-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:7px;
	white-space:nowrap
}
.retorna-horizontal-confirm{
	min-height:38px!important;
	padding:7px 12px!important;
	font-size:11px!important
}
.retorna-horizontal-cancel{
	min-height:38px;
	padding:7px 10px;
	border:1px solid var(--ret-line);
	border-radius:999px;
	background:#fff;
	color:var(--ret-green);
	cursor:pointer;
	font-family:inherit;
	font-size:11px;
	font-weight:800
}

/* If it is a first upload, there is no reason/explanation and the file gets space. */
.retorna-horizontal-form:not(:has(.retorna-horizontal-reason)){
	grid-template-columns:minmax(280px,1fr) auto
}

/* History also replaces columns 2+3 horizontally. */
.retorna-horizontal-history{
	display:flex;
	align-items:center;
	gap:10px;
	min-width:0
}
.retorna-horizontal-history-items{
	display:flex;
	align-items:stretch;
	gap:7px;
	flex:1 1 auto;
	min-width:0;
	overflow-x:auto;
	padding-bottom:2px
}
.retorna-horizontal-history-item{
	display:grid;
	grid-template-columns:auto auto;
	gap:2px 7px;
	flex:0 0 auto;
	min-width:150px;
	padding:7px 9px;
	border:1px solid var(--ret-line);
	border-radius:8px;
	background:#fbfdfb;
	font-size:9px
}
.retorna-horizontal-history-item strong{
	color:var(--ret-deep)
}
.retorna-horizontal-history-item span{
	color:var(--ret-muted)
}

/* Tablet: editor remains horizontal, with slightly smaller controls. */
@media(max-width:1050px) and (min-width:761px){
	.retorna-document-row.retorna-horizontal-mode-open{
		grid-template-columns:175px minmax(0,1fr)!important
	}
	.retorna-horizontal-form{
		grid-template-columns:minmax(180px,1fr) minmax(125px,.7fr) minmax(135px,.75fr);
	}
	.retorna-horizontal-form-actions{
		grid-column:1/-1;
		justify-content:flex-end
	}
}

/* Mobile is the only exception: controls must stack for accessibility. */
@media(max-width:760px){
	.retorna-document-row.retorna-horizontal-mode-open{
		grid-template-columns:1fr!important;
		grid-template-areas:
			"identity"
			"horizontal"!important
	}
	.retorna-horizontal-form,
	.retorna-horizontal-form:not(:has(.retorna-horizontal-reason)){
		grid-template-columns:1fr!important
	}
	.retorna-horizontal-form-actions{
		justify-content:flex-start
	}
	.retorna-horizontal-history{
		align-items:flex-start;
		flex-direction:column
	}
}


/* ===================================================================
   v0.3.6 — Reemplazo por cara junto a Abrir
   =================================================================== */
.retorna-current-file-actions{
	display:flex;
	align-items:center;
	gap:7px;
	flex:0 0 auto;
	white-space:nowrap
}
.retorna-small-action-button{
	border:0;
	background:transparent;
	padding:0;
	cursor:pointer;
	font-family:inherit
}
.retorna-small-action-button:hover,
.retorna-small-action-button.is-active{
	text-decoration:underline
}
.retorna-component-load-button{
	margin-left:auto
}
.retorna-action-muted-multi{
	text-align:right
}

/* Split Cédula: editor replaces the middle + action columns horizontally. */
.retorna-document-row.retorna-component-horizontal-mode-open{
	grid-template-areas:"identity componenteditor componenteditor"!important;
	grid-template-columns:minmax(180px,.95fr) minmax(0,2.45fr)!important;
	align-items:center!important
}
.retorna-document-row.retorna-component-horizontal-mode-open > .retorna-doc-current-summary,
.retorna-document-row.retorna-component-horizontal-mode-open > .retorna-doc-actions{
	display:none!important
}
.retorna-component-horizontal-editor{
	grid-area:componenteditor;
	display:grid;
	grid-template-columns:90px minmax(0,1fr);
	gap:10px;
	align-items:end;
	width:100%;
	min-width:0
}
.retorna-component-horizontal-editor[hidden]{
	display:none!important
}
.retorna-component-editor-label{
	align-self:center
}
.retorna-component-editor-label span{
	display:inline-flex;
	padding:5px 8px;
	border-radius:999px;
	background:var(--ret-soft);
	color:var(--ret-green);
	font-size:10px;
	font-weight:800
}
.retorna-component-horizontal-form{
	display:grid;
	grid-template-columns:minmax(210px,1.35fr) minmax(135px,.68fr) minmax(150px,.78fr) auto;
	gap:9px;
	align-items:end;
	width:100%;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important
}
.retorna-component-horizontal-form:not(:has(.retorna-horizontal-reason)){
	grid-template-columns:minmax(260px,1fr) auto
}
.retorna-component-horizontal-form input[type=file],
.retorna-component-horizontal-form input[type=text],
.retorna-component-horizontal-form select{
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	min-height:38px!important;
	margin:0!important;
	padding:6px 8px!important;
	border:1px solid #b8c8c2!important;
	border-radius:8px!important;
	background:#fff!important;
	font-size:11px!important;
	box-sizing:border-box!important
}
.retorna-component-horizontal-form input[type=file]{
	padding:5px!important
}
.retorna-component-horizontal-cancel{
	min-height:38px;
	padding:7px 10px;
	border:1px solid var(--ret-line);
	border-radius:999px;
	background:#fff;
	color:var(--ret-green);
	cursor:pointer;
	font-family:inherit;
	font-size:11px;
	font-weight:800
}

@media(max-width:1050px) and (min-width:761px){
	.retorna-document-row.retorna-component-horizontal-mode-open{
		grid-template-columns:175px minmax(0,1fr)!important
	}
	.retorna-component-horizontal-editor{
		grid-template-columns:75px minmax(0,1fr)
	}
	.retorna-component-horizontal-form{
		grid-template-columns:minmax(170px,1fr) minmax(120px,.7fr) minmax(130px,.75fr)
	}
	.retorna-component-horizontal-form .retorna-horizontal-form-actions{
		grid-column:1/-1
	}
}
@media(max-width:760px){
	.retorna-document-row.retorna-component-horizontal-mode-open{
		grid-template-columns:1fr!important;
		grid-template-areas:
			"identity"
			"componenteditor"!important
	}
	.retorna-component-horizontal-editor{
		grid-template-columns:1fr
	}
	.retorna-component-horizontal-form,
	.retorna-component-horizontal-form:not(:has(.retorna-horizontal-reason)){
		grid-template-columns:1fr!important
	}
	.retorna-current-file-actions{
		flex-wrap:wrap
	}
}


/* v0.4.0 — Nueva solicitud: documentos primero */
.retorna-new-request-lead{max-width:720px;color:var(--ret-muted);font-size:15px;line-height:1.6}
.retorna-simple-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.retorna-simple-flow>div{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"num title" "num copy";column-gap:10px;row-gap:3px;padding:15px;border:1px solid var(--ret-line);border-radius:12px;background:#fbfdfb}
.retorna-simple-flow>div>span{grid-area:num;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ret-lime);color:var(--ret-deep);font-weight:900}
.retorna-simple-flow strong{grid-area:title;color:var(--ret-deep);font-size:13px}
.retorna-simple-flow small{grid-area:copy;color:var(--ret-muted);font-size:11px;line-height:1.4}
.retorna-start-request{width:max-content;min-width:260px}
@media(max-width:760px){.retorna-simple-flow{grid-template-columns:1fr}.retorna-start-request{width:100%}}


/* ===================================================================
   v0.4.1 — Una sola acción para iniciar/continuar expediente
   =================================================================== */
.retorna-start-request-control{
	display:inline-flex;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important
}
.retorna-start-request-control button{
	font-family:inherit;
	cursor:pointer
}
.retorna-nav-start-control button{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	padding:7px 10px;
	border:0;
	border-radius:8px;
	background:transparent;
	color:var(--ret-deep);
	font-size:13px;
	font-weight:700
}
.retorna-nav-start-control button:hover{
	background:var(--ret-soft)
}
.retorna-section-start-control button,
.retorna-fallback-start-control button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:9px 16px;
	border:0;
	border-radius:999px;
	background:var(--ret-lime);
	color:var(--ret-deep);
	font-size:13px;
	font-weight:850
}
.retorna-section-start-control button:hover,
.retorna-fallback-start-control button:hover{
	background:#bdea34
}


/* v0.4.4 — Recuperación de solicitudes incompletas existentes */
.retorna-intake-warning{
	margin:0 0 16px;
	padding:11px 13px;
	border:1px solid #efd27b;
	border-radius:10px;
	background:#fff8d8;
	color:#5f4c00;
	font-size:12px;
	line-height:1.45
}


/* ===================================================================
   v0.5.0 — Matriz documental RET-OPS-001 V1.0
   =================================================================== */
.retorna-document-stage-summary{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:14px 0 18px
}
.retorna-document-stage-summary span{
	display:inline-flex;
	align-items:center;
	padding:6px 10px;
	border:1px solid var(--ret-line);
	border-radius:999px;
	background:#fff;
	color:var(--ret-muted);
	font-size:11px;
	font-weight:800
}
.retorna-document-stage-summary span.active{
	background:#fff8d8;
	border-color:#efd27b;
	color:#6a5200
}
.retorna-document-stage-summary span.complete{
	background:#e7f7ec;
	border-color:#bfe5ca;
	color:#165c2a
}
.retorna-documents-complete{
	display:flex;
	flex-direction:column;
	gap:3px;
	margin-top:16px;
	padding:13px 15px;
	border:1px solid #bfe5ca;
	border-radius:10px;
	background:#eaf8ee;
	color:#165c2a;
	font-size:12px
}
.retorna-documents-pending-note{
	margin-top:16px;
	padding:11px 13px;
	border:1px solid var(--ret-line);
	border-radius:10px;
	background:#fbfdfb;
	color:var(--ret-muted);
	font-size:11px
}


/* ===================================================================
   v0.5.1 — Carga documental en dos etapas
   =================================================================== */
.retorna-document-stage-summary span.locked{
	background:#f5f6f5;
	border-color:#dde4e0;
	color:#8b9792
}
.retorna-document-stage-block{
	margin-top:18px
}
.retorna-document-stage-heading{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:14px;
	margin-bottom:10px
}
.retorna-document-stage-heading h4{
	margin:2px 0 0;
	color:var(--ret-deep);
	font-size:17px
}
.retorna-stage-counter{
	display:inline-flex;
	align-items:center;
	padding:5px 9px;
	border-radius:999px;
	background:#f2f6f3;
	color:var(--ret-muted);
	font-size:11px;
	font-weight:800
}
.retorna-document-stage-locked{
	display:flex;
	align-items:center;
	gap:13px;
	margin-top:20px;
	padding:18px;
	border:1px dashed #c9d3ce;
	border-radius:12px;
	background:#f7f9f8;
	color:#6f7d77
}
.retorna-stage-lock-icon{
	display:grid;
	place-items:center;
	flex:0 0 36px;
	width:36px;
	height:36px;
	border-radius:50%;
	background:#e7ece9;
	color:#7b8983;
	font-weight:900
}
.retorna-document-stage-locked strong{
	display:block;
	color:#52615b;
	font-size:13px
}
.retorna-document-stage-locked p{
	margin:4px 0 0;
	font-size:11px;
	line-height:1.4
}
.retorna-stage-unlocked-note{
	margin:0 0 10px;
	padding:9px 11px;
	border:1px solid #bfe5ca;
	border-radius:9px;
	background:#eef9f1;
	color:#165c2a;
	font-size:11px
}


/* ===================================================================
   v0.5.2 — Puerta OCR entre Etapa 1 y Etapa 2
   =================================================================== */
.retorna-ocr-gate{
	display:flex;
	align-items:flex-start;
	gap:13px;
	margin-top:18px;
	padding:16px;
	border:1px solid #bfd8d0;
	border-radius:12px;
	background:#f1faf6
}
.retorna-ocr-gate-icon{
	display:grid;
	place-items:center;
	flex:0 0 44px;
	min-height:36px;
	padding:0 5px;
	border-radius:9px;
	background:var(--ret-green);
	color:#fff;
	font-size:10px;
	font-weight:900;
	letter-spacing:.04em
}
.retorna-ocr-gate-copy strong{
	display:block;
	color:var(--ret-deep);
	font-size:13px
}
.retorna-ocr-gate-copy p{
	margin:5px 0 0;
	color:var(--ret-muted);
	font-size:11px;
	line-height:1.45
}
.retorna-ocr-tech-note{
	display:inline-flex;
	margin-top:8px;
	padding:4px 7px;
	border-radius:999px;
	background:#fff3c8;
	color:#654f00;
	font-size:9px;
	font-weight:800
}


/* ===================================================================
   v0.5.3 — Carga conjunta por etapa
   =================================================================== */
.retorna-stage-file-picker{
	display:grid;
	gap:5px;
	width:100%
}
.retorna-stage-file-picker > span{
	color:var(--ret-deep);
	font-size:11px;
	font-weight:800
}
.retorna-stage-file-picker input[type=file]{
	width:100%;
	max-width:100%;
	min-height:42px;
	padding:6px 8px;
	border:1px dashed #aabbb4;
	border-radius:9px;
	background:#fff;
	color:var(--ret-deep);
	font-size:11px;
	box-sizing:border-box
}
.retorna-stage-file-picker small{
	color:var(--ret-muted);
	font-size:9px
}
.retorna-stage-upload-form{
	margin:12px 0 0!important;
	padding:14px!important;
	border:1px solid var(--ret-line)!important;
	border-radius:11px!important;
	background:#f8fbf9!important;
	box-shadow:none!important
}
.retorna-stage-upload-summary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px
}
.retorna-stage-upload-summary > div{
	display:grid;
	gap:2px
}
.retorna-stage-upload-summary strong{
	color:var(--ret-deep);
	font-size:12px
}
.retorna-stage-upload-summary span{
	color:var(--ret-muted);
	font-size:10px
}
.retorna-stage-upload-button{
	min-width:190px
}
.retorna-stage-upload-help{
	margin:7px 0 0;
	color:var(--ret-muted);
	font-size:10px;
	line-height:1.4
}
@media(max-width:760px){
	.retorna-stage-upload-summary{
		align-items:stretch;
		flex-direction:column
	}
	.retorna-stage-upload-button{
		width:100%;
		min-width:0
	}
}