/* [2026-09-15 17:48] O: ui.css — mobile first; logo ca fundal; formular centrat */

:root {
	--albastru: #007cde;
	--portocaliu: #ff8400;
	--portocaliu-inchis: #fe5b00;
	--gri: #585858;
	--hartie: #fffaf0;
	--alb: #ffffff;
	--formular-fundal: rgba(255, 250, 240, 0.72);
	--input-fundal: rgba(255, 255, 255, 0.82);
}

* {
	box-sizing: border-box;
}

html, body {
	margin: 0;
	min-height: 100%;
}

body {
	font-family: system-ui, sans-serif;
	color: var(--gri);
	background-color: var(--hartie);
}

body::before {
	content: "";
	position: fixed;
	inset: 5%;
	background: url("/d/logo.svg?v=20260915t") no-repeat center / contain;
	pointer-events: none;
	z-index: 0;
}

.pagina-centru {
	position: relative;
	z-index: 1;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	padding-bottom: max(1rem, env(safe-area-inset-bottom));
	padding-left: max(1rem, env(safe-area-inset-left));
	padding-right: max(1rem, env(safe-area-inset-right));
}

.formular {
	width: 100%;
	max-width: 22rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	text-align: left;
	padding: 1.15rem 1rem;
	background: var(--formular-fundal);
	border-radius: 0.65rem;
	border: 1px solid rgba(0, 124, 222, 0.25);
}

.formular label {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--gri);
}

.formular input {
	font: inherit;
	font-size: 1rem;
	font-weight: 400;
	width: 100%;
	min-height: 2.75rem;
	padding: 0.65rem 0.75rem;
	border: 1px solid #c5d8ea;
	border-radius: 0.4rem;
	background: var(--input-fundal);
	color: var(--gri);
}

.formular input.invalid {
	border-color: var(--portocaliu-inchis);
}

.formular input:focus {
	outline: 2px solid var(--portocaliu);
	outline-offset: 1px;
	border-color: var(--albastru);
}

.eroare-camp {
	min-height: 0.9rem;
	font-size: 0.8rem;
	font-weight: 400;
	color: var(--portocaliu-inchis);
}

.mesaj-formular {
	margin: 0;
	padding: 0.5rem 0.6rem;
	border-radius: 0.4rem;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: center;
}

.mesaj-formular.ok {
	background: rgba(0, 124, 222, 0.15);
	color: var(--albastru);
}

.mesaj-formular.eroare {
	background: rgba(254, 91, 0, 0.15);
	color: var(--portocaliu-inchis);
}

.rand-parola {
	display: flex;
	gap: 0.35rem;
	align-items: stretch;
}

.rand-parola input {
	flex: 1;
	min-width: 0;
}

.buton-parola {
	width: 2.75rem;
	min-height: 2.75rem;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #c5d8ea;
	border-radius: 0.4rem;
	background-color: var(--input-fundal);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.35rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23585858' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
	cursor: pointer;
}

.buton-parola.vizibil {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23585858' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.94 10.94 0 0 1 12 19c-7 0-11-7-11-7a21.8 21.8 0 0 1 5.06-5.94'/%3E%3Cpath d='M9.9 4.24A10.94 10.94 0 0 1 12 5c7 0 11 7 11 7a21.9 21.9 0 0 1-2.87 3.94'/%3E%3Cpath d='M14.12 14.12a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
}

.buton-genereaza {
	margin: 0.15rem 0 0;
	width: 100%;
	min-height: 2.75rem;
	font: inherit;
	font-size: 0.95rem;
	font-weight: 700;
	border: 1px solid var(--portocaliu);
	border-radius: 0.4rem;
	background: rgba(255, 132, 0, 0.12);
	color: var(--portocaliu-inchis);
	cursor: pointer;
}

.reguli-parola {
	list-style: none;
	margin: 0.35rem 0 0;
	padding: 0;
	font-size: 0.78rem;
	font-weight: 400;
	line-height: 1.45;
}

.reguli-parola li {
	color: var(--gri);
	opacity: 0.75;
}

.reguli-parola li.ok {
	display: none;
}

.reguli-parola li.lipsa {
	color: var(--portocaliu-inchis);
	opacity: 1;
}

@keyframes pulsa-regula {
	0%, 100% { font-weight: 400; transform: scale(1); }
	50% { font-weight: 800; transform: scale(1.04); }
}

.reguli-parola li.pulsa {
	display: list-item;
	color: var(--portocaliu-inchis);
	opacity: 1;
	font-weight: 800;
	animation: pulsa-regula 0.4s ease 3;
}

.parola-puternica {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	margin: 0.35rem 0 0;
	padding: 0.55rem 0.75rem;
	border-radius: 0.4rem;
	text-align: center;
	font-size: 0.95rem;
	font-weight: 700;
	color: #0a7a3e;
	background: rgba(10, 122, 62, 0.14);
	border: 1px solid rgba(10, 122, 62, 0.35);
}

.parola-puternica[hidden] {
	display: none;
}

.parola-puternica::before {
	content: "";
	width: 1.4rem;
	height: 1.4rem;
	flex-shrink: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a7a3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.formular button[type="submit"] {
	margin-top: 0.15rem;
	font: inherit;
	font-size: 1rem;
	font-weight: 700;
	min-height: 2.75rem;
	padding: 0.75rem 1rem;
	border: none;
	border-radius: 0.4rem;
	background: var(--albastru);
	color: var(--alb);
	cursor: pointer;
}

.formular button[type="submit"]:hover,
.formular button[type="submit"]:focus {
	background: #0066b8;
}

.formular button[type="submit"]:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	background: var(--gri);
}

.formular button[type="submit"]:disabled:hover,
.formular button[type="submit"]:disabled:focus {
	background: var(--gri);
}

.legatura {
	margin: 0.15rem 0 0;
	text-align: center;
}

.legatura a {
	color: var(--portocaliu);
	font-weight: 700;
	text-decoration: none;
}

.legatura a:hover,
.legatura a:focus {
	color: var(--portocaliu-inchis);
	text-decoration: underline;
}

.titlu-formular {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--albastru);
	text-align: center;
}

.nota-camp {
	margin: 0;
	font-size: 0.85rem;
	font-weight: 400;
	word-break: break-all;
	text-align: center;
}

body.mod-aplicatie::before {
	display: none;
}

#panou-aplicatie {
	position: relative;
	z-index: 1;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	background: var(--hartie);
}

.bara-sus {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 0.5rem;
	padding: 0.55rem 0.75rem;
	padding-top: max(0.55rem, env(safe-area-inset-top));
	border-bottom: 1px solid rgba(0, 124, 222, 0.25);
	background: rgba(255, 250, 240, 0.92);
}

.bara-stanga {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	min-width: 0;
	grid-column: 1;
}

.logo-bara {
	height: 3.4rem;
	width: auto;
	flex-shrink: 0;
}

.identitate {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	min-width: 0;
	font-weight: 700;
	font-size: 1rem;
}

.identitate span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.legatura-mesaje-header {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
	color: inherit;
	text-decoration: none;
}

.badge-mesaje {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.35rem;
	height: 1.35rem;
	padding: 0 0.35rem;
	border-radius: 999px;
	background: #b42318;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	flex-shrink: 0;
}

.badge-mesaje[hidden] {
	display: none !important;
}

.card-mesaje-acasa {
	display: block;
	margin-top: 1.25rem;
	max-width: 28rem;
	text-decoration: none;
	color: inherit;
}

.card-mesaj-sistem.necitit {
	border-left: 3px solid #b42318;
}

.card-mesaj-sistem select.stare-mesaj {
	max-width: 11rem;
}


.logo-acasa {
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	line-height: 0;
	text-decoration: none;
}

.buton-burger {
	display: none;
	width: 2.75rem;
	height: 2.75rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0.35rem;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.7rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007CDE' stroke-width='2.2' stroke-linecap='round'%3E%3Cline x1='4' y1='7' x2='20' y2='7'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='17' x2='20' y2='17'/%3E%3C/svg%3E");
	cursor: pointer;
	justify-self: end;
	grid-column: 3;
}

.bara-sus.meniu-deschis .buton-burger {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FE5B00' stroke-width='2.2' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E");
}

.meniu-sus {
	display: contents;
}

.meniu-centru {
	grid-column: 2;
	justify-self: center;
	display: flex;
	align-items: center;
	gap: 0.85rem;
}

.buton-meniu-text {
	display: inline-flex;
	align-items: center;
	margin: 0;
	min-height: 2.5rem;
	padding: 0 0.4rem;
	border: 0;
	background: transparent;
	color: var(--albastru);
	font: inherit;
	font-size: 1.05rem;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
}

.buton-meniu-text.activ {
	color: var(--portocaliu-inchis);
}

.meniu-dreapta {
	grid-column: 3;
	justify-self: end;
	display: flex;
	align-items: center;
	gap: 0.15rem;
}

.buton-iconita {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.85rem;
	cursor: pointer;
	text-decoration: none;
	color: var(--albastru);
}

.eticheta-meniu {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.icon-cont {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007CDE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.icon-iesire {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23585858' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
	color: var(--gri);
}

.continut-aplicatie {
	padding: 1.25rem 1rem;
	padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
	min-width: 0;
	overflow-x: clip;
}

@media (min-width: 40rem) {
	.continut-aplicatie {
		max-width: min(72rem, 96vw);
		margin-inline: auto;
		padding-inline: 1.5rem;
	}

	.formular.formular-pagina,
	.formular-doua-coloane.formular-pagina,
	#formular-setari-firma {
		max-width: none;
		width: 100%;
	}

	.formular-doua-coloane button[type="submit"] {
		justify-self: center;
	}
}

.continut-aplicatie[hidden] {
	display: none;
}

.continut-aplicatie h1 {
	margin: 0 0 0.5rem;
	font-size: 1.35rem;
	color: var(--albastru);
}

.continut-aplicatie a {
	color: var(--portocaliu);
	font-weight: 700;
	text-decoration: none;
}

.continut-aplicatie a:hover,
.continut-aplicatie a:focus {
	color: var(--portocaliu-inchis);
	text-decoration: underline;
}

.submeniu {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.55rem 0.75rem;
	margin: 0 0 0.85rem;
	padding: 0 0 0.55rem;
	border-bottom: 1px solid rgba(0, 124, 222, 0.15);
}

.submeniu-grup {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem 1rem;
	padding: 0.35rem 0.65rem;
	border: 1px solid rgba(0, 124, 222, 0.22);
	border-radius: 0.45rem;
	background: rgba(255, 255, 255, 0.55);
}

.submeniu-grup-eticheta {
	display: block;
	width: 100%;
	margin: 0 0 0.15rem;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--albastru);
	opacity: 0.85;
}

.submeniu a {
	flex: 0 0 auto;
	margin: 0;
	padding: 0.15rem 0 0.25rem;
	border-bottom: 2px solid transparent;
	color: var(--gri);
	font-size: 0.95rem;
	font-weight: 600;
	opacity: 0.7;
	text-decoration: none;
}

.submeniu a:hover,
.submeniu a:focus {
	color: var(--albastru);
	text-decoration: none;
	opacity: 1;
}

.submeniu a.activ {
	color: var(--albastru);
	border-bottom-color: var(--albastru);
	opacity: 1;
	text-decoration: none;
}

.meniu-ramura-setari {
	display: contents;
}

.meniu-copii-setari {
	display: none;
}

.meniu-copii-grup-eticheta {
	display: none;
}

.meniu-parinte::after {
	display: none;
}

@media (max-width: 39.99rem) {
	.titlu-setari-desktop {
		display: none;
	}

	.submeniu:not(.submeniu-raft-proforma) {
		display: none !important;
	}

	.meniu-parinte {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem;
	}

	.meniu-parinte::after {
		content: "";
		display: block;
		flex: 0 0 auto;
		width: 0.45rem;
		height: 0.45rem;
		margin-left: auto;
		margin-right: 0.15rem;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(-45deg);
		transition: transform 0.15s ease;
		opacity: 0.75;
	}

	.meniu-ramura-setari.deschis .meniu-parinte::after,
	.meniu-parinte[aria-expanded="true"]::after {
		transform: rotate(45deg);
	}
}

@media (min-width: 40rem) {
	.meniu-copii-setari {
		display: none !important;
	}
}

.cod-generat {
	font-family: ui-monospace, monospace;
	font-size: 0.9rem;
	background: rgba(0, 124, 222, 0.06);
	color: var(--gri);
	cursor: default;
}

a.card-legatura {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

a.card-legatura:hover,
a.card-legatura:focus {
	border-color: var(--albastru);
	text-decoration: none;
}

.bara-titlu-entitate {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.5rem;
}

.bara-titlu-entitate h1 {
	margin: 0;
}

.buton-ajutor {
	flex: 0 0 auto;
	width: 2.25rem;
	height: 2.25rem;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(0, 124, 222, 0.35);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.85);
	color: var(--albastru);
	font: inherit;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}

.buton-ajutor:hover,
.buton-ajutor:focus {
	border-color: var(--albastru);
	background: rgba(0, 124, 222, 0.08);
}

.continut-ajutor {
	margin: 0.35rem 0 0;
	font-size: 0.95rem;
	line-height: 1.45;
	color: var(--gri);
}

.continut-ajutor h3 {
	margin: 1rem 0 0.35rem;
	font-size: 0.95rem;
	color: var(--albastru);
}

.continut-ajutor h3:first-child {
	margin-top: 0;
}

.continut-ajutor ul {
	margin: 0.25rem 0 0;
	padding-left: 1.2rem;
}

.continut-ajutor p {
	margin: 0.25rem 0 0;
}

.card-utilizator.card-inactiv {
	opacity: 0.62;
}

.card-utilizator .card-cod {
	font-family: ui-monospace, monospace;
	font-size: 0.85rem;
}

.rand-cod-unic {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.75rem;
	margin: 0 0 0.75rem;
	padding: 0.35rem 0;
}

.eticheta-cod-unic {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--gri);
	opacity: 0.85;
}

.valoare-cod-unic {
	font-family: ui-monospace, monospace;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--albastru);
	word-break: break-all;
}

.valoare-cod-unic.gol {
	font-weight: 500;
	opacity: 0.65;
}

.meta-camp {
	margin: -0.35rem 0 0.75rem;
	font-size: 0.82rem;
	line-height: 1.35;
	color: var(--gri);
	opacity: 0.9;
}

.cautare-live {
	display: block;
	width: 100%;
	min-height: 2.4rem;
	margin: 0 0 0.65rem;
	padding: 0.4rem 0.7rem;
	font: inherit;
	font-size: 0.95rem;
	border: 1px solid #c5d8ea;
	border-radius: 0.4rem;
	background: var(--input-fundal);
	color: var(--gri);
}

.cautare-live:focus {
	outline: 2px solid var(--portocaliu);
	outline-offset: 1px;
	border-color: var(--albastru);
}

.submeniu-raft-proforma {
	margin-top: 0.15rem;
}

.bara-filtre-raft {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	margin: 0 0 0.65rem;
}

.bara-toggle-filtre {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.55rem 1rem;
}

.rand-viitoare {
	margin: 0 0 0.45rem;
	border: 1px solid rgba(0, 124, 222, 0.18);
	border-radius: 0.45rem;
	background: rgba(255, 255, 255, 0.65);
	overflow: hidden;
}

.rand-viitoare.deschis {
	border-color: rgba(0, 124, 222, 0.4);
	box-shadow: 0 1px 0 rgba(0, 124, 222, 0.08);
}

.rand-viitoare-cap {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.55rem 0.75rem;
	border: 0;
	background: transparent;
	text-align: left;
	font: inherit;
	color: inherit;
	cursor: pointer;
}

.rand-viitoare-cap:hover,
.rand-viitoare-cap:focus {
	background: rgba(0, 124, 222, 0.06);
}

.rand-viitoare-linia1 {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.35rem 0.75rem;
}

.rand-viitoare-linia1 strong {
	font-size: 1rem;
}

.rand-viitoare-data {
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--albastru);
}

.rand-viitoare-linia2 {
	margin-top: 0.25rem;
	font-size: 0.88rem;
	color: var(--gri);
	opacity: 0.9;
}

.rand-viitoare-linia2 a {
	font-weight: 600;
}

.rand-viitoare-card,
.rand-viitoare-preview {
	padding: 0.55rem 0.75rem 0.75rem;
	border-top: 1px solid rgba(0, 124, 222, 0.12);
}

.icon-mod-vizualizare[data-mod-curent="lista"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007CDE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E");
}

.icon-mod-vizualizare[data-mod-curent="carduri"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007CDE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}

.modal-cutie-previz {
	max-height: min(92vh, 56rem);
	overflow: auto;
}

.bara-actiuni-previz {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.55rem 0.75rem;
	margin: 0.85rem 0 0;
	padding: 0.75rem 0 0;
	border-top: 1px solid rgba(0, 124, 222, 0.15);
}

.continut-previz-proforma {
	position: relative;
}

.preview-watermark-previz {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	font-size: clamp(1.4rem, 4vw, 2.4rem);
	font-weight: 800;
	letter-spacing: 0.12em;
	color: rgba(0, 124, 222, 0.12);
	transform: rotate(-18deg);
	z-index: 1;
}

.card-abon-viitoare {
	margin: 0.35rem 0;
	padding: 0.35rem 0;
	border-top: 1px dashed rgba(0, 124, 222, 0.15);
	font-size: 0.88rem;
}

.card-abon-viitoare:first-of-type {
	border-top: 0;
	margin-top: 0;
}

.filtre-chip {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.chip-filtru {
	margin: 0;
	padding: 0.28rem 0.7rem;
	border: 1px solid rgba(0, 124, 222, 0.28);
	border-radius: 0.35rem;
	background: rgba(255, 255, 255, 0.7);
	color: var(--gri);
	font: inherit;
	font-size: 0.85rem;
	font-weight: 600;
	cursor: pointer;
	opacity: 0.75;
}

.chip-filtru:hover,
.chip-filtru:focus {
	opacity: 1;
	border-color: var(--albastru);
	color: var(--albastru);
}

.chip-filtru.activ {
	opacity: 1;
	background: rgba(0, 124, 222, 0.1);
	border-color: var(--albastru);
	color: var(--albastru);
}

.unealta-plan-proforme {
	margin: 0 0 0.75rem;
	padding: 0.45rem 0.65rem;
	border: 1px dashed rgba(0, 124, 222, 0.28);
	border-radius: 0.4rem;
	background: rgba(255, 255, 255, 0.4);
}

.unealta-plan-proforme summary {
	cursor: pointer;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--albastru);
}

.unealta-plan-proforme[open] summary {
	margin-bottom: 0.35rem;
}

.banc-test-istoric {
	margin-top: 1.25rem;
	padding: 0.5rem 0.75rem;
	border: 1px dashed rgba(0, 0, 0, 0.18);
	border-radius: 0.4rem;
	background: rgba(0, 0, 0, 0.03);
}

.banc-test-istoric > summary {
	cursor: pointer;
	font-size: 1rem;
	font-weight: 700;
}

.banc-test-istoric[open] > summary {
	margin-bottom: 0.65rem;
}

.eticheta-categorie {
	display: inline-block;
	padding: 0.1rem 0.45rem;
	border-radius: 0.25rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.eticheta-categorie.programat {
	background: rgba(0, 124, 222, 0.12);
	color: var(--albastru);
}

.eticheta-categorie.posibil {
	background: rgba(120, 120, 120, 0.12);
	color: var(--gri);
}

.rand-check {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0.55rem 0 0.85rem;
	font-weight: 600;
}

.rand-check input {
	width: 1.1rem;
	height: 1.1rem;
}

.checklist-document {
	margin: 0 0 1rem;
	padding: 0.65rem 0.75rem;
	border: 1px solid rgba(0, 124, 222, 0.22);
	border-radius: 0.45rem;
	background: rgba(255, 255, 255, 0.7);
}

.checklist-titlu {
	margin: 0 0 0.45rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--albastru);
}

.checklist-rand {
	display: flex;
	gap: 0.55rem;
	align-items: flex-start;
	padding: 0.35rem 0;
	border-top: 1px solid rgba(0, 124, 222, 0.1);
	font-size: 0.92rem;
}

.checklist-rand:first-of-type {
	border-top: 0;
}

.checklist-semn {
	flex: 0 0 1.25rem;
	font-weight: 800;
	line-height: 1.35;
}

.checklist-rand.facut .checklist-semn {
	color: #1e7a3a;
}

.checklist-rand.asteapta .checklist-semn {
	color: #a65c00;
}

.checklist-rand.na {
	opacity: 0.65;
}

.checklist-corp {
	flex: 1 1 auto;
	min-width: 0;
}

.total-lista-documente {
	margin: 0 0 0.65rem;
	padding: 0.55rem 0.75rem;
	border: 1px solid rgba(0, 124, 222, 0.28);
	border-radius: 0.45rem;
	background: rgba(0, 124, 222, 0.07);
	font-size: 0.95rem;
	color: var(--gri);
}

.total-lista-documente .card-suma-inline,
.card-suma {
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: var(--albastru);
}

.card-cu-suma .card-corp-doc {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.2rem;
	min-width: 0;
}

.card-suma {
	display: block;
	margin-top: 0.15rem;
	font-size: 1.12rem;
	letter-spacing: 0.01em;
	line-height: 1.2;
}

.card-rol {
	display: inline-block;
	margin-left: 0.35rem;
	padding: 0.05rem 0.4rem;
	border-radius: 0.25rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	vertical-align: middle;
}

.card-rol-storno {
	color: #fff;
	background: var(--albastru);
}

.filtru-interval-date {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.55rem 0.85rem;
}

.filtru-interval-date label {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--gri);
}

.filtru-interval-date input[type="date"] {
	min-height: 2.1rem;
	padding: 0.25rem 0.45rem;
	font: inherit;
	border: 1px solid #c5d8ea;
	border-radius: 0.35rem;
	background: var(--input-fundal);
	color: var(--gri);
}

.storno-linii-wrap {
	margin: 0 0 0.35rem;
}

.storno-tabel-wrap {
	margin: 0;
}

.storno-tabel .storno-linie-cant {
	width: 5.5rem;
	max-width: 100%;
	padding: 0.25rem 0.35rem;
	font: inherit;
	text-align: right;
	border: 1px solid #c5d8ea;
	border-radius: 0.3rem;
	background: var(--input-fundal, #fff);
}

.storno-tabel tr.storno-linie-epuizata {
	opacity: 0.45;
}

.storno-tabel .storno-linie-check {
	width: 1.05rem;
	height: 1.05rem;
}

.legatura-documente {
	margin: 0 0 0.75rem;
	padding: 0.55rem 0.75rem;
	border-left: 3px solid var(--albastru);
	background: rgba(0, 124, 222, 0.06);
	font-size: 0.92rem;
}

.icon-edit.icon-edit-vizibil {
	position: static;
	opacity: 1;
	flex-shrink: 0;
}

.buton-secundar {
	margin: 0;
	padding: 0.4rem 0.75rem;
	border: 1px solid rgba(0, 124, 222, 0.45);
	border-radius: 0.4rem;
	background: var(--formular-fundal);
	color: var(--albastru);
	font: inherit;
	font-weight: 600;
	font-size: 0.9rem;
	cursor: pointer;
}

.buton-secundar:hover,
.buton-secundar:focus {
	border-color: var(--albastru);
}

.buton-mic {
	display: inline-block;
	margin: 0.35rem 0.35rem 0 0;
	padding: 0.35rem 0.7rem;
	border: 1px solid var(--albastru);
	border-radius: 0.35rem;
	background: var(--alb);
	color: var(--albastru);
	font: inherit;
	font-size: 0.85rem;
	cursor: pointer;
}

.buton-mic:hover,
.buton-mic:focus {
	background: rgba(0, 124, 222, 0.08);
}

.buton-mic:disabled {
	opacity: 0.55;
	cursor: default;
}

.fab-adauga {
	position: fixed;
	right: max(1rem, env(safe-area-inset-right));
	bottom: max(1.25rem, env(safe-area-inset-bottom));
	z-index: 20;
	width: 3.35rem;
	height: 3.35rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: var(--albastru);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.45rem;
	box-shadow: 0 6px 18px rgba(0, 124, 222, 0.45);
	cursor: pointer;
}

.fab-adauga:hover,
.fab-adauga:focus {
	filter: brightness(1.06);
}

#clienti-lista[hidden] .fab-adauga,
#pagina-clienti[hidden] .fab-adauga,
#abonamente-lista[hidden] .fab-adauga,
#pagina-abonamente[hidden] .fab-adauga,
#proforma-lista[hidden] .fab-adauga,
#pagina-proforma[hidden] .fab-adauga,
#setari-produse[hidden] .fab-adauga,
#pagina-setari[hidden] .fab-adauga {
	display: none;
}

.rand-titlu-detaliu {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.rand-titlu-detaliu h1 {
	margin: 0;
	flex: 1;
}

.ascuns-tip,
label.ascuns-tip {
	display: none !important;
}

.modal-cutie-lat {
	max-width: min(56rem, 96vw);
}

.modal-cutie.modal-cutie-previz {
	max-width: min(72rem, 98vw);
	width: min(72rem, 98vw);
}

.formular-doua-coloane {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 0.55rem 0.75rem;
}

.formular-doua-coloane label {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
	margin: 0;
}

.eticheta-viz-client {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 0.12rem 0.4rem;
	border-radius: 0.25rem;
	vertical-align: middle;
}
.eticheta-viz-client--nu {
	color: #7f1d1d;
	background: #fee2e2;
	border: 1px solid #fca5a5;
}
.eticheta-viz-client--da {
	color: #14532d;
	background: #dcfce7;
	border: 1px solid #86efac;
}
.bloc-email-emoji {
	margin-top: 0.5rem;
	padding-top: 0.75rem;
	border-top: 1px solid #d8e2ec;
}
.titlu-sectiune-setari {
	margin: 0.5rem 0 0.35rem;
	font-size: 1.1rem;
	font-weight: 800;
}
.lista-teme-subiect-email {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin: 0.5rem 0 0.75rem;
}
.rand-tema-subiect {
	display: grid;
	grid-template-columns: auto 4.5rem minmax(6rem, 1.4fr) 5.5rem 5.5rem 4.5rem auto;
	gap: 0.4rem 0.5rem;
	align-items: end;
	padding: 0.55rem 0.65rem;
	border: 1px solid #c5d8ea;
	border-radius: 0.4rem;
	background: rgba(255, 255, 255, 0.75);
}
.rand-tema-subiect label {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	font-size: 0.8rem;
	font-weight: 600;
	margin: 0;
}
.rand-tema-subiect input[type="text"],
.rand-tema-subiect input[type="number"] {
	width: 100%;
	min-width: 0;
}
.rand-tema-subiect .tema-activ {
	flex-direction: row;
	align-items: center;
	gap: 0.35rem;
	padding-bottom: 0.35rem;
}
@media (max-width: 48rem) {
	.rand-tema-subiect {
		grid-template-columns: 1fr 1fr;
	}
}
.formular-doua-coloane .pe-rand {
	grid-column: 1 / -1;
}

.lista-checkbox {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	max-height: 14rem;
	overflow: auto;
	padding: 0.15rem 0;
}

.lista-checkbox label,
.formular .lista-checkbox label,
.formular-doua-coloane .lista-checkbox label {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.55rem;
	margin: 0;
	padding: 0.45rem 0.55rem;
	font-weight: 500;
	font-size: 0.95rem;
	border: 1px solid #c5d8ea;
	border-radius: 0.4rem;
	background: rgba(255, 255, 255, 0.72);
	cursor: pointer;
}

.lista-checkbox label:hover,
.formular .lista-checkbox label:hover {
	border-color: var(--albastru);
}

.lista-checkbox input[type="checkbox"],
.formular .lista-checkbox input[type="checkbox"] {
	flex: 0 0 auto;
	width: 1.15rem;
	height: 1.15rem;
	min-width: 1.15rem;
	min-height: 1.15rem;
	margin: 0;
	padding: 0;
	border-radius: 0.2rem;
	accent-color: var(--albastru);
}

.lista-checkbox .text-optiune {
	flex: 1;
	min-width: 0;
	line-height: 1.3;
}

.lista-checkbox .text-optiune .card-meta {
	display: inline;
	margin-left: 0.15rem;
}

fieldset.pe-rand {
	margin: 0 0 0.75rem;
	padding: 0.5rem 0.65rem;
	border: 1px solid #c5d8ea;
	border-radius: 0.4rem;
}

fieldset.pe-rand legend {
	padding: 0 0.35rem;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--albastru);
}

.formular-doua-coloane button[type="submit"] {
	grid-column: 1 / -1;
	justify-self: start;
}

.formular-completare input[readonly] {
	opacity: 0.85;
	cursor: default;
	background: rgba(255, 255, 255, 0.55);
}

@media (max-width: 36rem) {
	.formular-doua-coloane {
		grid-template-columns: minmax(0, 1fr);
	}
}

.panou-detaliu {
	margin: 0.75rem 0 1rem;
	min-width: 0;
}

.lista-detaliu {
	display: grid;
	grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr);
	gap: 0.35rem 0.75rem;
	margin: 0;
	padding: 0.75rem;
	background: var(--formular-fundal);
	border: 1px solid rgba(0, 124, 222, 0.25);
	border-radius: 0.45rem;
}

.lista-detaliu dt {
	margin: 0;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--gri);
}

.lista-detaliu dd {
	margin: 0;
	min-width: 0;
	overflow-wrap: anywhere;
}

.lista-module {
	margin: 0.5rem 0 0;
	padding-left: 1.1rem;
}

.lista-module li {
	margin: 0.35rem 0;
}

.lista-module li.inactiv {
	opacity: 0.55;
}

#eticheta-confirm-zero-proforma[hidden],
#eticheta-confirm-zero-edit[hidden] {
	display: none !important;
}

.total-proforma-mare {
	margin: 0.85rem 0 0.25rem;
	padding: 0.65rem 0.75rem;
	text-align: right;
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--albastru);
	background: rgba(0, 124, 222, 0.08);
	border-radius: 0.45rem;
	border: 1px solid rgba(0, 124, 222, 0.2);
}

.total-proforma-mare strong {
	font-size: 1.5rem;
	letter-spacing: 0.02em;
}

#lista-proforma.lista-carduri,
#lista-facturi.lista-carduri {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.65rem;
}

@media (min-width: 40rem) {
	#lista-proforma.lista-carduri,
	#lista-facturi.lista-carduri {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	#lista-proforma.lista-carduri,
	#lista-facturi.lista-carduri {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

#lista-proforma .card-utilizator,
#lista-facturi .card-utilizator {
	margin: 0;
	height: 100%;
}

.editor-proforma {
	margin: 1rem auto;
	padding: 1rem;
	border: 1px solid rgba(0, 124, 222, 0.22);
	border-radius: 0.55rem;
	background: rgba(0, 124, 222, 0.03);
}

.editor-proforma h2 {
	margin: 0 0 0.65rem;
	font-size: 1.05rem;
	color: var(--albastru);
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#proforma-linii,
#proforma-edit-linii {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin-top: 0.35rem;
}

.proforma-linii-cap,
.rand-linie-proforma {
	display: grid;
	grid-template-columns: minmax(7rem, 2.4fr) 4.2rem 5rem 4.2rem 5rem 1.6rem;
	gap: 0.3rem 0.4rem;
	align-items: end;
}

.proforma-linii-cap {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.65;
	padding: 0 0 0.15rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.proforma-linii-cap span:nth-child(2),
.proforma-linii-cap span:nth-child(3),
.proforma-linii-cap span:nth-child(4),
.proforma-linii-cap span:nth-child(5) {
	text-align: right;
}

.rand-linie-proforma {
	margin: 0;
	padding: 0.2rem 0;
	border-top: 0;
}

.rand-linie-proforma label {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
}

.rand-linie-proforma input {
	width: 100%;
	min-width: 0;
	padding: 0.35rem 0.4rem;
	font-size: 0.9rem;
}

.rand-linie-proforma .linie-num input {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.rand-linie-proforma .linie-total {
	text-align: right;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	font-size: 0.9rem;
	padding: 0.35rem 0.2rem;
	white-space: nowrap;
}

.rand-linie-proforma .linie-sterge {
	min-width: 1.6rem;
	padding: 0.25rem 0;
	line-height: 1;
}

@media (max-width: 39.99rem) {
	.proforma-linii-cap {
		display: none;
	}

	.rand-linie-proforma {
		grid-template-columns: 1fr 1fr;
		gap: 0.4rem;
		padding: 0.55rem 0;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
	}

	.rand-linie-proforma .linie-den {
		grid-column: 1 / -1;
	}

	.rand-linie-proforma .linie-total {
		text-align: left;
	}
}

.preview-document {
	position: relative;
	margin: 0 auto 1.25rem;
	padding: 1.25rem 1.1rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background: #fff;
	color: #1a1a1a;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
	overflow: hidden;
}

.preview-watermark {
	position: absolute;
	inset: 12% 18%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.08;
	pointer-events: none;
	z-index: 0;
}

.preview-document > *:not(.preview-watermark) {
	position: relative;
	z-index: 1;
}

.preview-ref {
	margin-top: 0.45rem;
	font-size: 0.95rem;
}

.preview-ref strong,
.copie-tap {
	font-size: 1.05rem;
	letter-spacing: 0.06em;
	font-weight: 800;
}

button.copie-tap {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0.15rem 0.2rem;
	margin: 0;
	color: var(--albastru);
	cursor: pointer;
	text-align: left;
	font: inherit;
}

button.copie-tap.text-transfer {
	display: inline-block;
	margin-top: 0.2rem;
	padding: 0.35rem 0.5rem;
	border-radius: 0.35rem;
	background: rgba(0, 124, 222, 0.08);
	font-size: 1.1rem;
}

button.copie-tap.confirma-copie,
button.copie-tap.copiat-ok {
	color: var(--portocaliu);
}

.preview-cap {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 1rem;
	margin-bottom: 1.1rem;
	padding-bottom: 0.85rem;
	border-bottom: 2px solid rgba(0, 124, 222, 0.25);
}

.preview-titlu-doc {
	text-align: right;
}

.preview-tip {
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--albastru);
}

.preview-serie {
	font-size: 1.35rem;
	font-weight: 800;
	margin: 0.2rem 0;
}

.preview-meta-mic {
	font-size: 0.85rem;
	opacity: 0.8;
}

.preview-parti {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 1rem;
	margin-bottom: 1rem;
	font-size: 0.92rem;
}

.eticheta-mica {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	opacity: 0.65;
}

.preview-tabel-wrap {
	overflow-x: auto;
	margin: 0 -0.25rem 1rem;
	-webkit-overflow-scrolling: touch;
}

.preview-tabel {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.84rem;
	table-layout: auto;
}

.preview-tabel th,
.preview-tabel td {
	padding: 0.45rem 0.4rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	vertical-align: top;
	text-align: left;
}

.preview-tabel th {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.7;
}

.preview-tabel .col-nr {
	width: 2rem;
}

.preview-tabel .col-num {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.preview-tabel .col-den {
	min-width: 6rem;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.preview-tabel td.gol {
	text-align: center;
	opacity: 0.6;
}

.preview-totaluri {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.75rem 1.25rem;
	font-size: 0.95rem;
}

.preview-total-mare {
	font-size: 1.1rem;
}

.preview-obs {
	margin: 0.85rem 0 0;
	font-size: 0.88rem;
	opacity: 0.85;
}

.banc-test-banner {
	margin: 0 0 1rem;
	padding: 0.65rem 0.85rem;
	border: 2px solid #b00020;
	border-radius: 0.4rem;
	background: #ffe8ec;
	color: #7a0015;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 0.9rem;
}

.banc-test-zona {
	margin: 0 0 1.5rem;
	padding: 0.85rem 0 0;
	border-top: 1px solid rgba(0, 124, 222, 0.18);
}

.banc-test-zona h2 {
	margin: 0 0 0.35rem;
	font-size: 1.15rem;
	color: var(--albastru);
}

.banc-test-zona-inactiva {
	opacity: 0.55;
}

.banc-test-controale {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.65rem 0.85rem;
	margin: 0.75rem 0;
}

.banc-test-controale label {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	font-size: 0.88rem;
}

.banc-test-controale input[type="number"] {
	width: 5.5rem;
	padding: 0.4rem 0.5rem;
}

.sectiune-linii-asteptare {
	margin: 1.25rem 0;
	padding: 0.85rem 0 0;
	border-top: 1px solid rgba(0, 124, 222, 0.15);
	scroll-margin-top: 5rem;
}

.sectiune-linii-asteptare h3 {
	margin: 0 0 0.35rem;
	font-size: 1.05rem;
	color: var(--albastru);
}

.sectiune-linii-asteptare h3 .legatura-previz-proforma {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.sectiune-linii-asteptare h3 .legatura-previz-proforma:hover,
.sectiune-linii-asteptare h3 .legatura-previz-proforma:focus {
	opacity: 0.85;
}

.wrap-form-linie-asteptare {
	margin-top: 0.75rem;
	max-width: min(52rem, 100%);
}

.wrap-form-linie-asteptare .proforma-linii-cap,
.wrap-form-linie-asteptare .rand-linie-proforma {
	grid-template-columns: minmax(10rem, 2.8fr) 4.2rem 5.5rem 4.2rem 5rem 2rem;
}

.lista-linii-asteptare-coloane {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.rand-linie-asteptare-salvata {
	color: var(--albastru);
	align-items: center;
}

.rand-linie-asteptare-salvata .linie-den {
	padding: 0.35rem 0.4rem;
	font-size: 0.9rem;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rand-linie-asteptare-salvata .linie-num {
	text-align: right;
	font-variant-numeric: tabular-nums;
	padding: 0.35rem 0.4rem;
	font-size: 0.9rem;
}

.rand-linie-asteptare-salvata .linie-total {
	align-self: center;
}

.total-linii-asteptare {
	margin: 0.35rem 0 0.55rem;
}

.linie-asteptare-notite {
	display: block;
	width: 100%;
	margin: 0.45rem 0 0;
	padding: 0.45rem 0.55rem;
	font-size: 0.9rem;
	box-sizing: border-box;
}

.preview-tabel tr.linie-din-asteptare td {
	color: var(--albastru);
}

.wrap-sugestii-catalog {
	position: relative;
}

.lista-sugestii-catalog {
	position: absolute;
	z-index: 40;
	left: 0;
	right: 0;
	top: calc(100% + 2px);
	margin: 0;
	padding: 0.25rem 0;
	list-style: none;
	max-height: 14rem;
	overflow: auto;
	border: 1px solid rgba(0, 124, 222, 0.35);
	border-radius: 0.35rem;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 40, 80, 0.12);
}

.lista-sugestii-catalog li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.25rem 0.75rem;
	padding: 0.4rem 0.65rem;
	cursor: pointer;
	font-size: 0.9rem;
}

.lista-sugestii-catalog li:hover,
.lista-sugestii-catalog li:focus {
	background: rgba(0, 124, 222, 0.08);
}

.lista-sugestii-catalog .sugestie-meta {
	font-size: 0.78rem;
	opacity: 0.7;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.card-cu-stare-email {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
}

.card-cu-stare-email .card-corp-doc {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
	flex: 1 1 auto;
}

.icon-stare-email {
	flex: 0 0 auto;
	width: 1.55rem;
	height: 1.55rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-stare-email.trimis {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335e317' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3Cpath d='M9 15l2 2 4-4'/%3E%3C/svg%3E");
}

.icon-stare-email.netrimis {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FE5B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
	opacity: 0.85;
}

.bara-email-document {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 0.65rem 0.85rem;
	margin: 0 auto 1rem;
	padding: 0.85rem 1rem;
	border: 1px solid rgba(0, 124, 222, 0.2);
	background: rgba(0, 124, 222, 0.04);
}

.bara-email-document.trimis {
	align-items: center;
	background: rgba(40, 160, 80, 0.08);
	border-color: rgba(40, 160, 80, 0.25);
}

.bara-email-camp {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	flex: 1 1 14rem;
	min-width: 0;
	margin: 0;
	font-size: 0.85rem;
}

.bara-email-camp input {
	width: 100%;
}

.buton-primar {
	appearance: none;
	border: 0;
	border-radius: 0.35rem;
	padding: 0.55rem 1.1rem;
	background: var(--albastru);
	color: #fff;
	font-weight: 800;
	letter-spacing: 0.04em;
	cursor: pointer;
}

.buton-primar:disabled {
	opacity: 0.55;
	cursor: default;
}

@media (max-width: 39.99rem) {
	.preview-cap,
	.preview-parti {
		grid-template-columns: 1fr;
	}

	.preview-titlu-doc {
		text-align: left;
	}
}

a.cod-jeton {
	font-size: 0.78rem;
	word-break: break-all;
	color: var(--albastru);
}

a.legatura-completare.confirma-copie {
	color: var(--gri);
}

a.legatura-completare.copiat-ok {
	color: var(--albastru);
	font-weight: 700;
}

.lista-utilizatori {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.5rem;
	width: 100%;
	min-width: 0;
}

@media (min-width: 40rem) {
	.lista-utilizatori {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

.card-utilizator {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	padding: 0.5rem 2.15rem 0.5rem 0.6rem;
	background: var(--formular-fundal);
	border: 1px solid rgba(0, 124, 222, 0.25);
	border-radius: 0.45rem;
}

.card-utilizator .rand-card {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.45rem;
	min-width: 0;
}

.card-utilizator .rand-card > * {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card-utilizator .card-nume {
	font-size: 0.92rem;
	font-weight: 700;
	color: var(--albastru);
}

.card-utilizator .card-telefon,
.card-utilizator a.legatura-tel.card-telefon {
	flex-shrink: 1;
	font-size: 0.88rem;
	font-weight: 600;
	color: inherit;
	text-decoration: underline dotted;
	text-underline-offset: 0.18rem;
}

.card-utilizator a.legatura-tel.card-telefon:hover,
.card-utilizator a.legatura-tel.card-telefon:focus,
.meta-modal a.legatura-tel:hover,
.meta-modal a.legatura-tel:focus {
	color: var(--albastru);
	text-decoration: underline;
}

.legatura-tel {
	position: relative;
	cursor: pointer;
	text-decoration: underline dotted;
	text-underline-offset: 0.18rem;
}

.card-utilizator .legatura-tel.confirma-apel,
.legatura-tel.confirma-apel {
	color: var(--portocaliu-inchis);
	white-space: normal;
}

@media (hover: hover) {
	.legatura-tel:hover::after {
		content: "Dublu tap ca să suni";
		position: absolute;
		left: 0;
		top: calc(100% + 0.25rem);
		z-index: 4;
		padding: 0.25rem 0.45rem;
		border-radius: 0.3rem;
		background: var(--gri);
		color: var(--alb);
		font-size: 0.72rem;
		font-weight: 600;
		white-space: nowrap;
		pointer-events: none;
		box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
	}

	.legatura-tel.confirma-apel:hover::after {
		content: none;
		display: none;
	}

	.card-utilizator:hover {
		overflow: visible;
		z-index: 3;
	}
}

.meta-modal a.legatura-tel {
	color: inherit;
	font-weight: 600;
	text-decoration: none;
}

.card-utilizator .meta {
	font-size: 0.78rem;
	opacity: 0.8;
}

.card-utilizator .card-adaugat {
	flex-shrink: 1;
}

.icon-edit {
	position: absolute;
	top: 0.28rem;
	right: 0.28rem;
	width: 1.85rem;
	height: 1.85rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0.3rem;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.15rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007CDE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z'/%3E%3C/svg%3E");
	cursor: pointer;
	opacity: 0;
}

.card-utilizator:hover .icon-edit,
.card-utilizator:focus-within .icon-edit,
.icon-edit:focus {
	opacity: 1;
}

@media (hover: none) {
	.icon-edit {
		opacity: 1;
	}
}

.modal-utilizator {
	position: fixed;
	inset: 0;
	z-index: 30;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 1rem;
	padding-top: max(1.25rem, env(safe-area-inset-top));
	padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
	overflow: auto;
}

#modal-ajutor {
	z-index: 40;
}

.modal-utilizator[hidden] {
	display: none;
}

.modal-fond {
	position: fixed;
	inset: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgba(88, 88, 88, 0.48);
	cursor: pointer;
}

.modal-cutie {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 24rem;
	margin: 1.5rem 0 auto;
	padding: 1.1rem 0.95rem 1.2rem;
	background: var(--hartie);
	border: 1px solid rgba(0, 124, 222, 0.28);
	border-radius: 0.65rem;
	box-shadow: 0 10px 32px rgba(88, 88, 88, 0.28);
}

.modal-cutie.modal-cutie-lat {
	max-width: min(56rem, 96vw);
}

.modal-cutie.modal-cutie-ingusta {
	max-width: 28rem;
}

.modal-cutie.modal-cutie-previz {
	max-width: min(72rem, 98vw);
	width: min(72rem, 98vw);
}

.modal-titlu-rand {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 2rem 0.25rem 0;
}

.modal-titlu-rand h2 {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
}

.modal-titlu-rand .buton-ajutor {
	width: 1.85rem;
	height: 1.85rem;
	font-size: 0.95rem;
}

.modal-cutie h2 {
	margin: 0 2rem 0.25rem 0;
	font-size: 1.15rem;
	color: var(--albastru);
}

.meta-modal {
	margin: 0 0 0.75rem;
	font-size: 0.82rem;
	opacity: 0.8;
	word-break: break-word;
}

.modal-cutie .formular {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.formular select,
.formular textarea {
	font: inherit;
	font-size: 1rem;
	font-weight: 400;
	width: 100%;
	padding: 0.65rem 0.75rem;
	border: 1px solid #c5d8ea;
	border-radius: 0.4rem;
	background: var(--input-fundal);
	color: var(--gri);
}

.formular textarea {
	min-height: 5rem;
	resize: vertical;
}

.modal-x {
	position: absolute;
	top: 0.35rem;
	right: 0.35rem;
	width: 2.1rem;
	height: 2.1rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.15rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FE5B00' stroke-width='2.2' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E");
	cursor: pointer;
}

body.modal-deschis {
	overflow: hidden;
}

@media (max-width: 39.99rem) {
	.bara-sus {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.buton-burger {
		display: block;
		grid-column: 2;
		grid-row: 1;
	}

	.meniu-sus {
		display: none;
		grid-column: 1 / -1;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 0.15rem;
		max-height: min(70vh, 28rem);
		overflow-x: hidden;
		overflow-y: auto;
		margin: 0.35rem 0 0.15rem;
		padding: 0.45rem 0.4rem 0.5rem;
		border: 1px solid rgba(0, 124, 222, 0.28);
		border-radius: 0.55rem;
		background: rgba(255, 255, 255, 0.94);
		box-shadow: 0 0.35rem 1rem rgba(0, 60, 120, 0.12);
		-webkit-overflow-scrolling: touch;
	}

	.bara-sus.meniu-deschis .meniu-sus {
		display: flex;
	}

	.meniu-centru,
	.meniu-dreapta {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0.1rem;
		width: 100%;
	}

	.meniu-dreapta {
		margin-top: 0.25rem;
		padding-top: 0.35rem;
		border-top: 1px solid rgba(0, 124, 222, 0.12);
	}

	.meniu-dreapta .icon-cont {
		display: none;
	}

	.meniu-ramura-setari {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0.05rem;
		width: 100%;
	}

	.buton-meniu-text,
	.buton-iconita {
		flex: 0 0 auto;
		width: 100%;
		box-sizing: border-box;
		min-height: 2.5rem;
		padding: 0.45rem 0.75rem;
		border: 0;
		border-radius: 0.35rem;
		background-color: transparent;
		text-align: left;
		font-size: 1.02rem;
		justify-content: flex-start;
	}

	.buton-meniu-text.activ,
	.buton-iconita.activ {
		background-color: rgba(0, 124, 222, 0.1);
		color: var(--albastru);
	}

	.buton-meniu-text.meniu-parinte {
		justify-content: space-between;
	}

	.buton-iconita {
		gap: 0.45rem;
		padding-left: 2.35rem;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0.55rem center;
		background-size: 1.25rem;
	}

	.buton-iconita.activ {
		background-color: rgba(0, 124, 222, 0.1);
	}

	.eticheta-meniu {
		position: static;
		width: auto;
		height: auto;
		overflow: visible;
		clip: auto;
		font-size: 1.02rem;
		font-weight: 700;
	}

	.icon-iesire .eticheta-meniu {
		color: var(--gri);
	}

	.meniu-copii-setari {
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0.05rem;
		width: 100%;
		padding: 0.1rem 0 0.25rem 0.65rem;
	}

	.meniu-ramura-setari.deschis .meniu-copii-setari {
		display: flex;
	}

	.meniu-ramura-setari.deschis .meniu-parinte-setari {
		position: sticky;
		top: 0;
		z-index: 2;
		background: rgba(255, 255, 255, 0.98);
		box-shadow: 0 1px 0 rgba(0, 124, 222, 0.12);
	}

	.meniu-copii-grup-eticheta {
		display: block;
		margin: 0.45rem 0.55rem 0.1rem;
		font-size: 0.68rem;
		font-weight: 700;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: var(--albastru);
		opacity: 0.8;
	}

	.meniu-copii-setari > .meniu-copii-grup-eticheta:not(:first-child) {
		margin-top: 0.55rem;
		padding-top: 0.5rem;
		border-top: 1px solid rgba(0, 124, 222, 0.18);
	}

	.meniu-copii-setari > a {
		display: block;
		width: 100%;
		box-sizing: border-box;
		min-height: 2.35rem;
		padding: 0.45rem 0.75rem;
		border-radius: 0.35rem;
		color: var(--gri);
		font-size: 0.98rem;
		font-weight: 600;
		text-decoration: none;
		opacity: 0.9;
	}

	.meniu-copii-setari > a.activ {
		background: rgba(0, 124, 222, 0.12);
		color: var(--albastru);
		opacity: 1;
	}

	.meniu-copii-setari > a:hover,
	.meniu-copii-setari > a:focus {
		background: rgba(0, 124, 222, 0.06);
		color: var(--albastru);
		text-decoration: none;
	}

	.card-utilizator .rand-card {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.1rem;
	}

	.card-utilizator .rand-card > * {
		max-width: 100%;
	}
}

/* Snackbar — bandă jos tip mobil; tap pauză/continuare */
.snackbar {
	--snack-fg: #f1f5f9;
	--snack-bg1: #475569;
	--snack-bg2: #334155;
	--snack-bord: #94a3b8;
	--snack-bara: rgba(255, 255, 255, 0.4);
	--snack-accent: #cbd5e1;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	transform: none;
	z-index: 80;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0;
	padding: 1rem 1.15rem calc(0.9rem + env(safe-area-inset-bottom));
	border: 0;
	border-top: 3px solid var(--snack-bord);
	border-radius: 0.9rem 0.9rem 0 0;
	background:
		linear-gradient(90deg, var(--snack-accent) 0, var(--snack-accent) 5px, transparent 5px),
		linear-gradient(165deg, var(--snack-bg1) 0%, var(--snack-bg2) 100%);
	color: var(--snack-fg);
	box-shadow:
		0 -10px 32px rgba(30, 45, 60, 0.22),
		0 -2px 0 rgba(255, 255, 255, 0.85) inset,
		0 0 0 1px rgba(255, 255, 255, 0.35) inset;
	cursor: pointer;
	user-select: none;
	overflow: hidden;
	animation: snackbar-apare 0.35s ease-out, snackbar-puls 1.6s ease-in-out 0.35s 2;
}

.snackbar[hidden] {
	display: none !important;
	animation: none;
}

.snackbar.ok {
	--snack-fg: #ecfdf5;
	--snack-bg1: #166534;
	--snack-bg2: #14532d;
	--snack-bord: #4ade80;
	--snack-bara: rgba(255, 255, 255, 0.45);
	--snack-accent: #86efac;
}

.snackbar.eroare {
	--snack-fg: #fef2f2;
	--snack-bg1: #b91c1c;
	--snack-bg2: #7f1d1d;
	--snack-bord: #fca5a5;
	--snack-bara: rgba(255, 255, 255, 0.4);
	--snack-accent: #f87171;
}

.snackbar.info {
	--snack-fg: #f0f9ff;
	--snack-bg1: #0369a1;
	--snack-bg2: #0c4a6e;
	--snack-bord: #7dd3fc;
	--snack-bara: rgba(255, 255, 255, 0.4);
	--snack-accent: #38bdf8;
}

.snackbar-rand {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 1.45rem;
	padding-left: 0.35rem;
}

.snackbar-icon {
	flex: 0 0 auto;
	width: 1.2rem;
	height: 1.2rem;
	display: none;
	background: currentColor;
	opacity: 0.8;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='5' width='4' height='14' rx='1'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='5' width='4' height='14' rx='1'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
}

.snackbar.snackbar-pauza .snackbar-icon {
	display: block;
}

.snackbar-text {
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	letter-spacing: 0.01em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.snackbar-bara {
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	width: 100%;
	transform-origin: left center;
	background: var(--snack-bara);
	transform: scaleX(1);
}

.snackbar.snackbar-ruleaza .snackbar-bara {
	animation: snackbar-scade var(--snack-ms, 3000ms) linear forwards;
}

.snackbar.snackbar-pauza .snackbar-bara {
	animation-play-state: paused;
}

@keyframes snackbar-scade {
	from { transform: scaleX(1); }
	to { transform: scaleX(0); }
}

@keyframes snackbar-apare {
	from {
		opacity: 0;
		transform: translateY(110%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes snackbar-puls {
	0%, 100% { filter: brightness(1); }
	50% { filter: brightness(1.06); }
}

/* Previzualizare JSON drepturi (A3/A4 dogfood) */
.raspuns-drepturi {
	margin: 0.75rem 0 0;
	padding: 0.75rem;
	max-height: 22rem;
	overflow: auto;
	font-size: 0.8rem;
	line-height: 1.35;
	white-space: pre-wrap;
	word-break: break-word;
	background: rgba(255,255,255,0.88);
	border: 1px solid rgba(88,88,88,0.25);
}

.text-ajutor-scurt {
	margin: 0 0 1rem;
	max-width: 40rem;
	color: #444;
	font-size: 0.95rem;
}
.rand-actiuni-incasari {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
	margin-top: 0.5rem;
}
.panou-incasari-rezultat {
	margin-top: 1.25rem;
	max-width: 40rem;
}
.incasari-rezumat {
	padding: 0.75rem 1rem;
	border-left: 4px solid #888;
	background: #f6f6f6;
}
.incasari-rezumat.incasari-suma-ok {
	border-left-color: #2a7a3a;
	background: #eef8f0;
}
.incasari-rezumat.incasari-suma-nu {
	border-left-color: #a33;
	background: #fceeee;
}
.lista-incasari-doc {
	margin: 0.75rem 0 0;
	padding-left: 1.25rem;
}
.lista-incasari-doc li {
	margin: 0.35rem 0;
}
.meta-mica {
	font-size: 0.9rem;
	color: #555;
}

.bara-actiuni-efactura {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin: 0.75rem 0 1rem;
}
.lista-efactura {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	max-width: 52rem;
}
.rand-efactura {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 0.5rem 0.75rem;
	align-items: center;
	padding: 0.55rem 0.65rem;
	border-bottom: 1px solid #e4e4e4;
}
.rand-efactura-info {
	min-width: 0;
}
.rand-efactura-info strong {
	display: inline-block;
	margin-right: 0.35rem;
}
.rand-efactura-actiuni {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}
.stare-efactura {
	font-size: 0.85rem;
	color: #555;
}
.stare-efactura.nedescarcat {
	color: #8a5a00;
	font-weight: 600;
}
.stare-efactura.lipsa {
	color: #a33;
}
.bara-efactura-detaliu {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	margin: 0.75rem 0;
	padding: 0.65rem 0.75rem;
	background: #f7f7f7;
	border-left: 3px solid #555;
}

/* Portal /p/ — bifă mică + text pe tot lățimea (nu moștenește .formular input 100%) */
.formular input[type="checkbox"],
.formular input[type="radio"] {
	width: auto;
	min-width: 1.15rem;
	min-height: 1.15rem;
	height: 1.15rem;
	padding: 0;
	border-radius: 0.2rem;
}
/* Portal /p/ — panou lat pe laptop (ascunde logo-ul de pe margini), conținut centrat */
.formular.portal-pagina {
	width: 100%;
	max-width: 36rem;
	margin-left: auto;
	margin-right: auto;
	background: rgba(255, 250, 240, 0.92);
}
@media (min-width: 48rem) {
	.formular.portal-pagina {
		width: 88%;
		max-width: 52rem;
	}
}
.portal-pagina .portal-titlu {
	font-size: 1.65rem;
	font-weight: 800;
	line-height: 1.25;
	margin: 0 0 0.35rem;
	letter-spacing: -0.01em;
	text-align: center;
}
.portal-subtitlu-client {
	margin: 0 0 0.85rem;
	font-size: 1.05rem;
	line-height: 1.4;
	color: #445;
	text-align: center;
}
.portal-pagina .portal-intro,
.portal-pagina .portal-total {
	text-align: center;
}
.portal-pagina .formular-portal-plata,
.portal-pagina .portal-instructiuni {
	max-width: 36rem;
	margin-left: auto;
	margin-right: auto;
}
.portal-iban-evidenta {
	margin: 0 0 1.35rem;
	padding: 1rem 1.1rem;
	border-radius: 0.55rem;
	border: 2px solid #007CDE;
	background: linear-gradient(165deg, #eef7ff 0%, #f7fbff 100%);
	text-align: center;
}
.portal-iban-eticheta {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #3a5a7a;
	margin-bottom: 0.35rem;
}
.portal-iban-eticheta--urma {
	margin-top: 0.85rem;
}
.portal-beneficiar-valoare {
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.3;
	color: #0a2a4a;
	user-select: text;
	-webkit-user-select: text;
	word-break: break-word;
}
.portal-iban-rand,
.portal-valoare-cu-copie {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.45rem;
}
.portal-iban-valoare {
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	word-break: break-all;
	color: #0a2a4a;
	/* pe mobil, user-select:all + tap → callout Share; lăsăm select manual */
	user-select: text;
	-webkit-user-select: text;
}
.portal-btn-copie {
	appearance: none;
	border: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.1rem;
	height: 2.1rem;
	padding: 0;
	border-radius: 0.4rem;
	cursor: pointer;
	color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
	transition: transform 0.12s ease, filter 0.12s ease, background 0.15s ease;
}
.portal-btn-copie:hover,
.portal-btn-copie:focus {
	filter: brightness(1.08);
	transform: translateY(-1px);
	outline: none;
}
.portal-btn-copie:active {
	transform: translateY(0);
}
.portal-btn-copie--beneficiar {
	background: #5b21b6;
}
.portal-btn-copie--iban {
	background: #007CDE;
}
.portal-btn-copie--suma {
	background: #1a9a4a;
}
.portal-btn-copie--ref {
	background: #d97706;
}
.portal-btn-copie--ok {
	background: #0f766e !important;
}
.portal-icon-copie {
	display: block;
}
.portal-iban-banca {
	margin-top: 0.4rem;
	font-size: 1rem;
	font-weight: 600;
	color: #334;
}
.portal-intro {
	margin: 0 0 1.1rem;
	font-size: 1.05rem;
	line-height: 1.5;
	color: #333;
}
.portal-total {
	margin: 0.5rem 0 1rem;
	font-size: 1.1rem;
}
.portal-instructiuni {
	padding: 1rem 1.1rem;
	border-radius: 0.5rem;
	border: 1px solid #c5d8ea;
	background: rgba(255, 255, 255, 0.92);
}
.portal-pas {
	margin: 0 0 0.85rem;
	font-size: 1.05rem;
	line-height: 1.45;
}
.portal-suma-mare {
	font-size: 1.35rem;
	font-weight: 800;
}
.portal-ref-mare {
	display: inline-block;
	margin: 0.35rem 0.5rem 0.35rem 0;
	padding: 0.35rem 0.5rem;
	font-size: 1.05rem;
	font-weight: 700;
	background: #f0f5fa;
	border-radius: 0.3rem;
	user-select: text;
	-webkit-user-select: text;
	word-break: break-word;
}
.portal-pagina .snackbar {
	z-index: 200;
}
.lista-portal-proforme {
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}
.card-portal-proforma {
	margin: 0;
	padding: 0.65rem 0.75rem;
	border: 1px solid #c5d8ea;
	border-radius: 0.45rem;
	background: rgba(255, 255, 255, 0.85);
}
.eticheta-portal-proforma {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start;
	gap: 0.65rem;
	margin: 0;
	font-weight: 500;
	cursor: pointer;
	width: 100%;
}
.eticheta-portal-proforma input[type="checkbox"] {
	flex: 0 0 auto;
	width: 1.15rem;
	height: 1.15rem;
	min-width: 1.15rem;
	min-height: 1.15rem;
	margin: 0.2rem 0 0;
	padding: 0;
	accent-color: var(--albastru);
}
.portal-doc-text {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	word-break: break-word;
}
.portal-ref-linie code {
	user-select: all;
	font-size: 0.9em;
}