/* AES Status 1.2.0 — paleta Petrol. Selectori de două clase + !important pe culori și
   mărimi, ca tema site-ului să nu le poată strica (regula de lizibilitate a casei). */

.aes-st.aes-st-gazda {
	--aes-petrol: #06302E;
	--aes-teal: #17B6A7;
	--aes-teal-inchis: #0E7F75;
	--aes-aqua: #35D6C4;
	--aes-fond: #F4F8F7;
	--aes-text: #0B2826;
	--aes-text2: #52676A;
	--aes-linie: #DCE7E5;
	--aes-rosu: #C23B3B;
	--aes-rosu-fond: #FBECEC;
	--aes-galben: #B97710;
	--aes-galben-fond: #FCF4E3;
	--aes-albastru: #3866B8;
	--aes-gri: #A3B1AF;
	--aes-st-scara: 1;
	box-sizing: border-box;
	position: relative;               /* reper pentru bula de hover */
	max-width: 100%;
	/* 1.0.1: aer sub antetul site-ului (cerut de AE); pe telefon mai puțin */
	margin: 48px auto 40px;
	color: var(--aes-text) !important;
	font-size: calc(16px * var(--aes-st-scara)) !important;
	line-height: 1.45;
}
.aes-st.aes-st-gazda *,
.aes-st.aes-st-gazda *::before,
.aes-st.aes-st-gazda *::after { box-sizing: border-box; }

/* ------------------------------------------------ încărcare și anunțuri */
.aes-st-gazda .aes-st-incarcare,
.aes-st-gazda .aes-st-anunt {
	padding: 18px 20px;
	border-radius: 12px;
	background: var(--aes-fond) !important;
	color: var(--aes-text2) !important;
	font-size: calc(15px * var(--aes-st-scara)) !important;
	margin: 0;
}
.aes-st-gazda .aes-st-link { color: var(--aes-teal-inchis) !important; font-weight: 600; text-decoration: underline; }

/* ------------------------------------------------ antet */
.aes-st-gazda .aes-st-cap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}
.aes-st-gazda .aes-st-titlu {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--aes-petrol) !important;
	font-size: calc(24px * var(--aes-st-scara)) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em;
}
.aes-st-gazda .aes-st-cand {
	display: block;
	margin-top: 4px;
	color: var(--aes-text2) !important;
	font-size: calc(13px * var(--aes-st-scara)) !important;
}
.aes-st-gazda .aes-st-unelte { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

.aes-st-gazda .aes-st-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 40px;
	min-height: 40px;
	padding: 0 12px;
	border: 1px solid var(--aes-linie) !important;
	border-radius: 10px;
	background: #fff !important;
	color: var(--aes-petrol) !important;
	font: inherit;
	font-size: calc(14px * var(--aes-st-scara)) !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer;
	box-shadow: none !important;
	text-transform: none !important;
}
.aes-st-gazda .aes-st-btn:hover { border-color: var(--aes-teal) !important; background: var(--aes-fond) !important; }
.aes-st-gazda .aes-st-btn:focus-visible { outline: 3px solid var(--aes-aqua); outline-offset: 2px; }
.aes-st-gazda .aes-st-btn[aria-pressed="true"] { background: var(--aes-petrol) !important; color: #fff !important; border-color: var(--aes-petrol) !important; }
.aes-st-gazda .aes-st-btn svg { width: 18px; height: 18px; flex: none; }
.aes-st-gazda .aes-st-btn.aes-st-se-invarte svg { animation: aes-st-rotire 0.9s linear infinite; }
.aes-st-gazda .aes-st-scari { display: inline-flex; gap: 0; }
.aes-st-gazda .aes-st-scari .aes-st-btn { border-radius: 0; margin-left: -1px; padding: 0 10px; }
.aes-st-gazda .aes-st-scari .aes-st-btn:first-child { border-radius: 10px 0 0 10px; margin-left: 0; }
.aes-st-gazda .aes-st-scari .aes-st-btn:last-child { border-radius: 0 10px 10px 0; }
@keyframes aes-st-rotire { to { transform: rotate(360deg); } }

/* ------------------------------------------------ banda generală */
.aes-st-gazda .aes-st-banda {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px 18px;
	margin-bottom: 16px;
	border-radius: 12px;
	border: 1px solid var(--aes-linie);
	border-left: 6px solid var(--aes-teal);
	background: #fff !important;
}
.aes-st-gazda .aes-st-banda svg { width: 24px; height: 24px; flex: none; margin-top: 1px; }
.aes-st-gazda .aes-st-banda-text { min-width: 0; }
.aes-st-gazda .aes-st-banda-titlu {
	display: block;
	color: var(--aes-petrol) !important;
	font-size: calc(18px * var(--aes-st-scara)) !important;
	font-weight: 700 !important;
}
.aes-st-gazda .aes-st-banda-detaliu {
	display: block;
	margin-top: 2px;
	color: var(--aes-text2) !important;
	font-size: calc(14px * var(--aes-st-scara)) !important;
	overflow-wrap: anywhere;
}
.aes-st-gazda .aes-st-banda.aes-st-v-operational svg { color: var(--aes-teal); }
.aes-st-gazda .aes-st-banda.aes-st-v-probleme { border-left-color: var(--aes-rosu); background: var(--aes-rosu-fond) !important; }
.aes-st-gazda .aes-st-banda.aes-st-v-probleme svg { color: var(--aes-rosu); }
.aes-st-gazda .aes-st-banda.aes-st-v-atentie { border-left-color: var(--aes-galben); background: var(--aes-galben-fond) !important; }
.aes-st-gazda .aes-st-banda.aes-st-v-atentie svg { color: var(--aes-galben); }
.aes-st-gazda .aes-st-banda.aes-st-v-necunoscut { border-left-color: var(--aes-gri); }
.aes-st-gazda .aes-st-banda.aes-st-v-necunoscut svg { color: var(--aes-gri); }

/* ------------------------------------------------ grupuri */
.aes-st-gazda .aes-st-grup {
	margin-bottom: 14px;
	border: 1px solid var(--aes-linie);
	border-radius: 12px;
	background: #fff !important;
	overflow: hidden;
}
.aes-st-gazda .aes-st-grup-cap {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 10px;
	padding: 14px 18px;
	border: 0 !important;
	border-bottom: 1px solid transparent !important;
	background: var(--aes-fond) !important;
	color: var(--aes-petrol) !important;
	font: inherit;
	font-size: calc(16px * var(--aes-st-scara)) !important;
	font-weight: 700 !important;
	text-align: left;
	cursor: pointer;
	box-shadow: none !important;
	text-transform: none !important;
	line-height: 1.3 !important;
}
.aes-st-gazda .aes-st-grup-cap:focus-visible { outline: 3px solid var(--aes-aqua); outline-offset: -3px; }
.aes-st-gazda .aes-st-grup.aes-st-deschis .aes-st-grup-cap { border-bottom-color: var(--aes-linie) !important; }
.aes-st-gazda .aes-st-grup-nume {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
	color: var(--aes-petrol) !important;
	font-size: calc(16px * var(--aes-st-scara)) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
}
/* textul din butoane e un <span>: tema îl poate lovi direct, deci se pinuiește și el */
.aes-st-gazda .aes-st-btn span {
	color: inherit !important;
	font-size: calc(14px * var(--aes-st-scara)) !important;
	font-weight: 600 !important;
	line-height: 1 !important;
}
.aes-st-gazda .aes-st-pastila {
	flex: none;
	padding: 3px 10px;
	border-radius: 999px;
	background: #E2F4F1 !important;
	color: var(--aes-teal-inchis) !important;
	font-size: calc(13px * var(--aes-st-scara)) !important;
	font-weight: 700 !important;
	white-space: nowrap;
}
.aes-st-gazda .aes-st-pastila.aes-st-pastila-rau { background: var(--aes-rosu-fond) !important; color: var(--aes-rosu) !important; }
.aes-st-gazda .aes-st-sageata { width: 20px; height: 20px; flex: none; transition: transform 0.2s ease; color: var(--aes-text2); }
.aes-st-gazda .aes-st-grup.aes-st-deschis .aes-st-sageata { transform: rotate(180deg); }
.aes-st-gazda .aes-st-grup:not(.aes-st-deschis) .aes-st-lista { display: none; }

/* ------------------------------------------------ rânduri */
.aes-st-gazda .aes-st-lista { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.aes-st-gazda .aes-st-rand {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(120px, 260px) 76px;
	grid-template-areas: "nume bare uptime";
	align-items: center;
	gap: 14px;
	margin: 0 !important;
	padding: 12px 18px !important;
	border-top: 1px solid var(--aes-linie);
}
.aes-st-gazda .aes-st-rand:first-child { border-top: 0; }
.aes-st-gazda .aes-st-rand::before, .aes-st-gazda .aes-st-rand::marker { content: none !important; }
.aes-st-gazda .aes-st-rand.aes-st-s-jos { background: #FFF8F8 !important; }
.aes-st-gazda .aes-st-rand { transition: background-color 0.15s ease; }
.aes-st-gazda .aes-st-rand:hover { background: #F2F9F8 !important; }
.aes-st-gazda .aes-st-rand.aes-st-s-jos:hover { background: #FDEFEF !important; }
.aes-st-gazda .aes-st-grup-cap:hover { background: #E9F4F2 !important; }
.aes-st-gazda .aes-st-rand:hover .aes-st-bata { opacity: 0.85; }

.aes-st-gazda .aes-st-nume-cutie { grid-area: nume; display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.aes-st-gazda .aes-st-punct { width: 11px; height: 11px; flex: none; margin-top: calc(6px * var(--aes-st-scara)); }
.aes-st-gazda .aes-st-nume-text { min-width: 0; }
.aes-st-gazda .aes-st-nume {
	display: block;
	color: var(--aes-text) !important;
	font-size: calc(15px * var(--aes-st-scara)) !important;
	font-weight: 600 !important;
	overflow-wrap: anywhere;
}
.aes-st-gazda .aes-st-sub {
	display: block;
	color: var(--aes-text2) !important;
	font-size: calc(13px * var(--aes-st-scara)) !important;
	overflow-wrap: anywhere;
}
.aes-st-gazda .aes-st-sub.aes-st-sub-rau { color: var(--aes-rosu) !important; }

.aes-st-gazda .aes-st-bare { grid-area: bare; display: flex; align-items: stretch; justify-content: flex-end; gap: 2px; height: 22px; min-width: 0; }
.aes-st-gazda .aes-st-bata { flex: 1 1 0; min-width: 2px; max-width: 7px; border-radius: 2px; background: var(--aes-teal); }
.aes-st-gazda .aes-st-bata.aes-st-b-jos { background: var(--aes-rosu); }
.aes-st-gazda .aes-st-bata.aes-st-b-in_asteptare { background: #E0A12E; }
.aes-st-gazda .aes-st-bata.aes-st-b-mentenanta { background: var(--aes-albastru); }
.aes-st-gazda .aes-st-bata.aes-st-b-necunoscut,
.aes-st-gazda .aes-st-bata.aes-st-b-gol { background: #E6ECEB; }
.aes-st-gazda .aes-st-bata { cursor: default; transition: transform 0.12s ease, opacity 0.12s ease; transform-origin: center bottom; }
.aes-st-gazda .aes-st-rand .aes-st-bata.aes-st-bata-activa { opacity: 1; transform: scaleY(1.25); box-shadow: 0 0 0 1px rgba(6, 48, 46, 0.35); }

/* bula de hover */
.aes-st-gazda .aes-st-tip {
	position: absolute;
	z-index: 20;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding: 7px 10px;
	border-radius: 8px;
	background: var(--aes-petrol) !important;
	box-shadow: 0 4px 14px rgba(6, 48, 46, 0.25);
	white-space: nowrap;
}
.aes-st-gazda .aes-st-tip[hidden] { display: none !important; }
.aes-st-gazda .aes-st-tip strong {
	color: #fff !important;
	font-size: calc(14px * var(--aes-st-scara)) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}
.aes-st-gazda .aes-st-tip span {
	color: #CFEDE8 !important;
	font-size: calc(13px * var(--aes-st-scara)) !important;
	line-height: 1.2 !important;
}
.aes-st-gazda .aes-st-tip.aes-st-tip-jos span { color: #FFC9C9 !important; }

.aes-st-gazda .aes-st-uptime {
	grid-area: uptime;
	text-align: right;
	color: var(--aes-text) !important;
	font-size: calc(14px * var(--aes-st-scara)) !important;
	font-weight: 700 !important;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.aes-st-gazda .aes-st-uptime small { display: block; color: var(--aes-text2) !important; font-weight: 400 !important; font-size: calc(12px * var(--aes-st-scara)) !important; }

.aes-st-gazda .aes-st-subsol {
	margin-top: 6px;
	color: var(--aes-text2) !important;
	font-size: calc(12px * var(--aes-st-scara)) !important;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	align-items: center;
}
.aes-st-gazda .aes-st-subsol span {
	color: var(--aes-text2) !important;
	font-size: calc(12px * var(--aes-st-scara)) !important;
	line-height: 1.4 !important;
}
.aes-st-gazda .aes-st-legenda { display: inline-flex; align-items: center; gap: 6px; }
.aes-st-gazda .aes-st-legenda i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }

/* ------------------------------------------------ telefon */
@media (max-width: 760px) {
	.aes-st.aes-st-gazda { margin-top: 28px; }
	.aes-st-gazda .aes-st-titlu { font-size: calc(20px * var(--aes-st-scara)) !important; }
	.aes-st-gazda .aes-st-rand {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "nume uptime" "bare bare";
		gap: 8px 12px;
		padding: 12px 14px !important;
	}
	.aes-st-gazda .aes-st-bare { justify-content: flex-start; height: 16px; }
	.aes-st-gazda .aes-st-bata { max-width: none; }
	.aes-st-gazda .aes-st-grup-cap { padding: 12px 14px; }
	.aes-st-gazda .aes-st-banda { padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.aes-st-gazda .aes-st-sageata,
	.aes-st-gazda .aes-st-rand,
	.aes-st-gazda .aes-st-bata { transition: none; }
	.aes-st-gazda .aes-st-rand .aes-st-bata.aes-st-bata-activa { transform: none; }
	.aes-st-gazda .aes-st-btn.aes-st-se-invarte svg { animation: none; }
}

/* 1.1.0 — nota de pe pagina publică (pe rândul ei, sub legendă) */
.aes-st-gazda .aes-st-subsol span.aes-st-nota { flex-basis: 100%; font-style: italic; }

/* 1.2.0 — istoricul lung: cutiile pe ore / zile */
.aes-st-gazda .aes-st-bata.aes-st-b-partial { background: #E0A12E; }
.aes-st-gazda .aes-st-bata.aes-st-b-sus { background: var(--aes-teal); }
.aes-st-gazda .aes-st-bare.aes-st-bare-zile .aes-st-bata,
.aes-st-gazda .aes-st-bare.aes-st-bare-ore .aes-st-bata { max-width: 9px; }
.aes-st-gazda .aes-st-moduri .aes-st-btn { padding: 0 12px; white-space: nowrap; }
@media (max-width: 760px) {
	.aes-st-gazda .aes-st-unelte { width: 100%; }
	.aes-st-gazda .aes-st-moduri { flex: 1 1 100%; }
	.aes-st-gazda .aes-st-moduri .aes-st-btn { flex: 1 1 0; padding: 0 6px; }
}