/* Ajutor (?page=helpdesk) pe stilul nou (06.10.2026; macheta https://claude.ai/artifact/VrGYcRPExGtsqDFrbTRJuC), templates/helpdesk.ihtml.
   Paleta ca la inbox_conv.css / profil_form.css: accent #c2185b, text #231a1f / #3a2e33, gri #6c5e65, linii #e6dde1, fond #f7f3f5.
   Pe mobil images/ios/css/test.css face din radio-uri suprafete transparente cat tot formularul: chip-urile au regulile lor sub #content. */

.hd, #content .hd { font-family: "Nunito", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.4; color: #231a1f; text-align: left; }
.hd * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.hd-desktop { width: 789px; padding: 10px 0 28px; }   /* coloana din mijloc e celula de tabel cu latime automata; 789 = latimea maxima */
.hd-mobil { max-width: 560px; margin: 0 auto; padding: 14px 16px 28px; border-radius: 0; background: #fff; }   /* pagina alba (body.list din page_top), ca Setarile / Online */
.hd a { color: #c2185b; font-weight: bold; text-decoration: none; }
.hd a:hover { text-decoration: underline; }
.hd a:focus-visible, .hd button:focus-visible, .hd input:focus-visible, .hd textarea:focus-visible { outline: 2px solid #c2185b; outline-offset: 2px; }
.hd-ascuns { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.hd .hd-h1, #content .hd .hd-h1 { margin: 0; padding: 0; border: 0; background: none; color: #231a1f; font-size: 26px; font-weight: 800; line-height: 1.2; text-align: left; text-shadow: none; }
.hd-mobil .hd-h1, #content .hd-mobil .hd-h1 { font-size: 20px; line-height: 32px; }
.hd .hd-sub, #content .hd .hd-sub { margin: 6px 0 16px; color: #6c5e65; font-size: 14px; line-height: 20px; }

/* ultima intrebare din cookie (vizitatori) */
.hd-ultima { position: relative; margin: 0 0 14px; padding: 12px 82px 12px 34px; border: 1px solid #e6dde1; border-radius: 14px; background: #f7f3f5; color: #6c5e65; font-size: 14px; line-height: 19px; }
.hd-ultima b { display: block; color: #231a1f; }
.hd-bulina { position: absolute; left: 14px; top: 18px; width: 10px; height: 10px; border-radius: 50%; background: #c9a33a; }
.hd-bulina-raspuns { background: #1f7a4d; }
.hd-bulina-inchisa { background: #b5a8ae; }
.hd .hd-ultima a { position: absolute; right: 14px; top: 50%; margin-top: -10px; line-height: 20px; font-size: 14px; }

.hd-eroare { margin: 0 0 16px; padding: 10px 14px; border-radius: 10px; background: #fdecee; color: #a3122f; font-size: 14px; line-height: 20px; }

/* formularul */
.hd-card { margin: 0; padding: 22px 24px 20px; border: 1px solid #e6dde1; border-radius: 18px; background: #fff; box-shadow: 0 6px 24px rgba(60,20,40,.06); }
.hd-mobil .hd-card { padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.hd-camp { margin: 0 0 16px; }
.hd .hd-eticheta, #content .hd .hd-eticheta { display: block; margin: 0 0 6px; padding: 0; color: #3a2e33; font-size: 14px; font-weight: bold; line-height: 20px; }
.hd-eticheta small { color: #8a7d83; font-size: 14px; font-weight: normal; }
.hd .hd-input, .hd .hd-text, #content .hd .hd-input, #content .hd .hd-text {
	display: block; width: 100%; height: 48px; margin: 0; padding: 0 14px; border: 1px solid #d8ccd2; border-radius: 12px; background: #fff;
	color: #231a1f; font-family: inherit; font-size: 16px; line-height: normal; -webkit-appearance: none; appearance: none; box-shadow: none; }
.hd .hd-text, #content .hd .hd-text { height: auto; min-height: 168px; padding: 12px 14px; line-height: 22px; resize: vertical; }
.hd .hd-input:focus, .hd .hd-text:focus { border-color: #c2185b; outline: 0; box-shadow: 0 0 0 3px rgba(194,24,91,.15); }
.hd .hd-camp-eroare .hd-input, .hd .hd-camp-eroare .hd-text { border-color: #a3122f; }
.hd .hd-ajutor-camp, #content .hd .hd-ajutor-camp { margin: 6px 0 0; color: #8a7d83; font-size: 13px; line-height: 18px; }

/* subiectele: chip-uri (fara flexbox: browsere vechi pe mobil) */
.hd-chipuri { overflow: hidden; margin: 0 -4px; }
.hd .hd-chip, #content .hd .hd-chip { position: relative; display: block; float: left; width: auto; height: auto; margin: 0 4px 8px; padding: 0; border: 0; cursor: pointer; }
.hd .hd-chip input, #content .hd .hd-chip input[type=radio] { position: absolute; top: 0; left: 0; z-index: 0; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; background: none; -webkit-appearance: none; appearance: none; }
.hd-chip span { display: block; min-height: 44px; padding: 11px 16px; border: 1px solid #d8ccd2; border-radius: 22px; background: #fff; color: #3a2e33; font-size: 14px; line-height: 20px; }
.hd-chip input:checked + span { border-color: #c2185b; background: #fdf6f9; color: #c2185b; font-weight: bold; box-shadow: 0 0 0 1px #c2185b inset; }
.hd-chip input:focus + span { box-shadow: 0 0 0 3px rgba(194,24,91,.25); }

/* butoanele */
.hd-actiuni { overflow: hidden; margin: 20px 0 0; }
.hd .hd-actiuni p, #content .hd .hd-actiuni p { float: left; width: 50%; margin: 0; color: #8a7d83; font-size: 13px; line-height: 18px; padding-top: 8px; }
.hd .hd-buton, #content .hd .hd-buton { display: inline-block; float: right; height: 50px; min-width: 220px; margin: 0; padding: 0 32px; border: 0; border-radius: 25px; background: #c2185b;
	color: #fff; font-family: inherit; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center; text-decoration: none; text-shadow: none; cursor: pointer; -webkit-appearance: none; appearance: none; }
.hd .hd-buton:hover { background: #a3144c; color: #fff; text-decoration: none; }
.hd-trimis .hd-buton { opacity: .6; }
.hd-mobil .hd-buton, #content .hd-mobil .hd-buton { display: block; float: none; width: 100%; min-width: 0; }
.hd-mobil .hd-actiuni p, #content .hd-mobil .hd-actiuni p { float: none; width: auto; padding: 0 0 10px; text-align: center; }

/* intrebarile membrului */
.hd-ale-mele { margin: 22px 0 0; }
.hd .hd-ale-mele h2, #content .hd .hd-ale-mele h2 { margin: 0 0 10px; padding: 0; border: 0; background: none; color: #231a1f; font-size: 18px; font-weight: bold; line-height: 24px; text-shadow: none; }
.hd-mobil .hd-ale-mele { padding-top: 16px; border-top: 1px solid #efe6ea; }
.hd a.hd-rand { position: relative; display: block; margin: 0 0 8px; padding: 12px 150px 12px 14px; border: 1px solid #e6dde1; border-radius: 14px; background: #fff; color: #231a1f; font-weight: normal; text-decoration: none; }
.hd a.hd-rand:hover { border-color: #d9a3bb; background: #fdf6f9; text-decoration: none; }
.hd-mobil a.hd-rand { padding: 10px 12px 10px 12px; }
.hd-rand-text { display: block; font-size: 14px; line-height: 19px; }
.hd-rand-text b { display: block; }
.hd-rand-text span { display: block; overflow: hidden; color: #6c5e65; white-space: nowrap; text-overflow: ellipsis; }
.hd-rand-dr { position: absolute; top: 12px; right: 14px; text-align: right; }
.hd-mobil .hd-rand-dr { position: static; display: block; margin: 6px 0 0; text-align: left; }
.hd-rand-dr small { display: block; margin: 4px 0 0; color: #8a7d83; font-size: 12px; }
.hd-mobil .hd-rand-dr small { display: inline; margin: 0 0 0 8px; }

.hd-stare { display: inline-block; padding: 0 10px; border-radius: 12px; font-size: 13px; font-weight: bold; line-height: 24px; white-space: nowrap; }
.hd-stare-asteapta { background: #fff6e0; color: #6b4e00; }
.hd-stare-raspuns { background: #e7f5ee; color: #1f7a4d; }
.hd-stare-inchisa { background: #efe6ea; color: #6c5e65; }

/* vizitatori: numarul + intrarea in cont */
.hd-gasesti { overflow: hidden; margin: 18px 0 0; padding: 16px 0 0; border-top: 1px solid #efe6ea; color: #6c5e65; font-size: 14px; line-height: 20px; }
.hd-gasesti > div { float: left; width: 50%; padding-right: 22px; }
.hd-gasesti > div + div { padding: 0 0 0 22px; }
.hd-mobil .hd-gasesti > div, .hd-mobil .hd-gasesti > div + div { float: none; width: auto; padding: 0 0 16px; }
.hd-gasesti b { display: block; margin: 0 0 4px; color: #3a2e33; }
.hd-cauta-nr { position: relative; margin: 6px 0 0; padding-right: 160px; }
.hd .hd-cauta-nr .hd-input, #content .hd .hd-cauta-nr .hd-input { height: 44px; font-size: 16px; }
.hd .hd-buton-mic, #content .hd .hd-buton-mic { position: absolute; top: 0; right: 0; width: 152px; height: 44px; white-space: nowrap; overflow: hidden; margin: 0; padding: 0 8px; border: 1px solid #d8ccd2; border-radius: 22px; background: #fff;
	color: #3a2e33; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 42px; text-shadow: none; cursor: pointer; -webkit-appearance: none; appearance: none; }
.hd .hd-buton-mic:hover { border-color: #c2185b; color: #c2185b; }

/* trimisa */
.hd-gata { padding: 30px 24px 26px; text-align: center; }
.hd-mobil .hd-gata { padding: 6px 0 4px; }
.hd-gata svg { display: block; margin: 0 auto 12px; }
.hd .hd-gata-titlu, #content .hd .hd-gata-titlu { margin: 0 0 8px; padding: 0; border: 0; background: none; color: #231a1f; font-size: 22px; font-weight: bold; line-height: 30px; text-align: center; text-shadow: none; }
.hd .hd-gata p, #content .hd .hd-gata p { max-width: 470px; margin: 0 auto 16px; color: #6c5e65; line-height: 22px; }
.hd-nr { display: inline-block; margin: 2px 0 8px; padding: 8px 10px 8px 18px; border: 2px dashed #d9a3bb; border-radius: 14px; background: #fdf6f9; white-space: nowrap; }
.hd-nr code { display: inline-block; vertical-align: middle; color: #231a1f; font-family: Menlo, Consolas, "Courier New", monospace; font-size: 26px; font-weight: bold; line-height: 36px; letter-spacing: .04em; }
.hd-mobil .hd-nr code { font-size: 20px; }
.hd .hd-nr button, #content .hd .hd-nr button { display: inline-block; vertical-align: middle; width: auto; height: 36px; margin: 0 0 0 10px; padding: 0 12px; border: 0; border-radius: 10px; background: #fff;
	color: #c2185b; font-family: inherit; font-size: 13px; font-weight: bold; line-height: 36px; text-shadow: none; cursor: pointer; -webkit-appearance: none; appearance: none; }
.hd .hd-gata .hd-nota, #content .hd .hd-gata .hd-nota { margin-bottom: 20px; color: #8a7d83; font-size: 13px; line-height: 18px; }
.hd .hd-gata .hd-buton, #content .hd .hd-gata .hd-buton { float: none; min-width: 260px; }
.hd-mobil .hd-gata .hd-buton, #content .hd-mobil .hd-gata .hd-buton { display: block; min-width: 0; }
.hd-linkuri { margin: 16px 0 0; font-size: 15px; }
.hd .hd-linkuri a { display: inline-block; padding: 8px 6px; color: #8a7d83; font-weight: normal; }

/* firul: ce ai scris tu in dreapta, echipa in stanga */
.hd-cap-fir { overflow: hidden; }
.hd-cap-fir .hd-h1 { float: left; margin-right: 12px; }
.hd-cap-fir .hd-stare { float: left; margin-top: 4px; }
.hd .hd-sub-fir, #content .hd .hd-sub-fir { margin-bottom: 0; }
.hd .hd-sub-fir a { font-weight: bold; }
.hd-fir { margin: 16px 0 0; padding: 18px 18px 4px; border-radius: 18px; background: #f7f3f5; overflow: hidden; }
.hd-mobil .hd-fir { margin: 14px -4px 0; padding: 12px 8px 2px; }
.hd-msg { clear: both; max-width: 84%; margin: 0 0 14px; }
.hd-msg-eu { float: right; }
.hd-msg-echipa { float: left; }
.hd-meta { display: block; margin: 0 6px 4px; color: #8a7d83; font-size: 12px; }
.hd-msg-eu .hd-meta { text-align: right; }
.hd-balon { padding: 10px 14px; border-radius: 18px; line-height: 21px; word-wrap: break-word; overflow-wrap: break-word; }
.hd-msg-eu .hd-balon { border-bottom-right-radius: 6px; background: #c2185b; color: #fff; }
.hd-msg-echipa .hd-balon { border: 1px solid #e6dde1; border-bottom-left-radius: 6px; background: #fff; color: #231a1f; }
.hd-echipa { color: #c2185b; font-weight: bold; }
.hd-echipa i { display: inline-block; width: 18px; height: 18px; margin-right: 5px; border-radius: 50%; background: #c2185b; color: #fff; font-size: 11px; font-style: normal; line-height: 18px; text-align: center; vertical-align: -4px; }
.hd-raspunde { margin: 16px 0 0; }
.hd .hd-raspunde .hd-text, #content .hd .hd-raspunde .hd-text { min-height: 96px; }
.hd-inchis { margin: 16px 0 0; padding: 12px 14px; border-radius: 12px; background: #f7f3f5; color: #6c5e65; font-size: 14px; line-height: 20px; }

/* ---- pagina Ajutor (?page=faq, templates/faq.ihtml), varianta C: rubricile in stanga, intrebarile in dreapta ---- */
/* situatia contului (membri): celule egale pe un rand, pe mobil randuri eticheta | valoare */
.faq-cont-stare { overflow: hidden; margin: 0 0 22px; border: 1px solid #ece3e7; border-radius: 14px; }
.faq-cont-celula { float: left; padding: 12px 16px; border-left: 1px solid #ece3e7; font-size: 14px; line-height: 19px; }
.faq-cont-celula:first-child { border-left: 0; }
.faq-cont-3 .faq-cont-celula { width: 33.33%; }
.faq-cont-2 .faq-cont-celula { width: 50%; }
.faq-cont-celula small { display: block; color: #8a7d83; font-size: 12.5px; }
.faq-cont-celula b { display: block; margin: 2px 0 0; color: #231a1f; font-size: 14.5px; }
.faq-cont-celula b.faq-bun { color: #1f7a4d; }
.hd .faq-cont-celula a { font-size: 13px; }
.hd-mobil .faq-cont-celula { position: relative; float: none; width: auto !important; padding: 11px 14px; border-left: 0; border-top: 1px solid #ece3e7; }
.hd-mobil .faq-cont-celula:first-child { border-top: 0; }
.hd-mobil .faq-cont-celula b { margin: 0; font-size: 14px; }

.faq-grila { overflow: hidden; margin: 4px 0 0; }
.faq-nav { float: left; width: 214px; padding: 0 0 20px; }
.faq-continut { margin-left: 238px; min-width: 0; }
.hd-mobil .faq-continut { margin-left: 0; }
.hd a.faq-nav-rand { position: relative; display: block; margin: 0 0 2px; padding: 10px 40px 10px 12px; border-radius: 10px; color: #3a2e33; font-size: 14px; font-weight: bold; line-height: 20px; text-decoration: none; }
.hd a.faq-nav-rand span { position: absolute; top: 10px; right: 12px; color: #8a7d83; font-weight: normal; }
.hd a.faq-nav-rand:hover { background: #f7f3f5; text-decoration: none; }
.hd a.faq-nav-on, .hd a.faq-nav-on:hover { background: #fbeaf1; color: #c2185b; }
.hd a.faq-nav-on span { color: #c2185b; }
.hd a.faq-nav-contact { margin-top: 12px; border: 1px dashed #d9a3bb; color: #c2185b; }
.hd a.faq-nav-contact.faq-nav-on { border-style: solid; }
.faq-alege { position: relative; margin: 0 0 14px; }
.hd .faq-arata, #content .hd .faq-arata { position: static; display: block; width: 100%; margin: 8px 0 0; }

.faq-ok { margin: 0 0 16px; padding: 10px 14px; border-radius: 10px; background: #e7f5ee; color: #1f7a4d; font-size: 14px; font-weight: bold; line-height: 20px; }

.faq-rubrica { margin: 0 0 22px; }
.hd .faq-h2, #content .hd .faq-h2 { margin: 0 0 10px; padding: 0; border: 0; background: none; color: #231a1f; font-size: 18px; font-weight: bold; line-height: 24px; text-align: left; text-shadow: none; }
.hd .faq-h2 a { color: #231a1f; }

.faq-q { margin: 0; border-bottom: 1px solid #ece3e7; }
.faq-q:first-of-type { border-top: 1px solid #ece3e7; }
.faq-q summary { position: relative; display: block; padding: 14px 36px 14px 0; color: #231a1f; font-size: 15px; font-weight: bold; line-height: 21px; cursor: pointer; list-style: none; }
.faq-q summary::-webkit-details-marker { display: none; }
.faq-q summary:after { content: ""; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid #8a7d83; border-bottom: 2px solid #8a7d83;
	-webkit-transform: rotate(45deg); transform: rotate(45deg); }
.faq-q[open] summary:after { margin-top: -2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.faq-q summary:focus-visible { outline: 2px solid #c2185b; outline-offset: 2px; border-radius: 6px; }
.faq-raspuns { padding: 0 0 18px; color: #3a2e33; font-size: 15px; line-height: 23px; }
.faq-raspuns p { margin: 0 0 12px; }
/* formularele vechi scrise in raspunsuri (ex. parola primita prin SMS): campuri si buton in acelasi stil */
.hd .faq-raspuns input[type=text], .hd .faq-raspuns input[type=password], #content .hd .faq-raspuns input[type=text] {
	height: 42px; margin: 4px 6px 4px 0; padding: 0 12px; border: 1px solid #d8ccd2; border-radius: 12px; background: #fff; color: #231a1f; font-family: inherit; font-size: 16px; -webkit-appearance: none; }
.hd .faq-raspuns input[type=submit], #content .hd .faq-raspuns input[type=submit] {
	height: 42px; margin: 4px 0; padding: 0 18px; border: 0; border-radius: 12px; background: #c2185b; color: #fff; font-family: inherit; font-size: 15px; font-weight: bold; cursor: pointer; -webkit-appearance: none; }

/* cererea de stergere */
.faq-form { margin: 4px 0 0; }
.hd .faq-cont, #content .hd .faq-cont { margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; background: #f7f3f5; font-size: 14px; }
.hd .faq-select, #content .hd .faq-select { padding-right: 36px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238a7d83' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;
	border: 1px solid #d8ccd2; height: 48px; line-height: 46px; }
.hd .faq-select::-ms-expand { display: none; }
.hd .hd-text.faq-detalii, #content .hd .hd-text.faq-detalii { min-height: 96px; }
.hd .faq-buton-sterge, #content .hd .faq-buton-sterge { background: #3a2e33; }
.hd .faq-buton-sterge:hover { background: #231a1f; }

/* „Nu ai gasit raspunsul?” */
.faq-contact { margin: 26px 0 0; padding: 20px 22px; border-radius: 18px; background: #f7f3f5; overflow: hidden; }
.hd-mobil .faq-contact { margin: 22px -4px 0; padding: 16px 14px; }
.hd .faq-contact p, #content .hd .faq-contact p { margin: 0 0 14px; color: #6c5e65; font-size: 14px; line-height: 20px; }
.hd .faq-contact .hd-buton, #content .hd .faq-contact .hd-buton { float: none; }
.hd-mobil .faq-contact .hd-buton { display: block; }
.hd a.faq-ale-mele { display: inline-block; margin: 0 0 0 16px; line-height: 52px; }
.hd-mobil a.faq-ale-mele { display: block; margin: 6px 0 0; line-height: 40px; text-align: center; }
.faq-contact .hd-gasesti { margin-top: 18px; border-top-color: #e6dde1; }
.faq-contact .hd-gasesti > div { width: 60%; }
.hd-mobil .faq-contact .hd-gasesti > div { width: auto; }
.faq-contact-mare { padding: 26px 26px 24px; border: 1px solid #e6dde1; background: #fff; box-shadow: 0 6px 24px rgba(60,20,40,.06); }
.hd-mobil .faq-cont-celula b { display: inline; }
.hd-mobil .faq-cont-celula a { margin-left: 10px; }

/* mobil (06.10.2026): rubricile ca lista de randuri cand nu e aleasa niciuna, nu lista derulanta */
.hd-mobil .faq-nav { float: none; width: auto; padding: 0; border-top: 1px solid #ece3e7; }
.hd-mobil a.faq-nav-rand { margin: 0; padding: 15px 64px 15px 2px; border-bottom: 1px solid #ece3e7; border-radius: 0; font-size: 16px; line-height: 22px; }
.hd-mobil a.faq-nav-rand span { top: 15px; right: 26px; }
.hd-mobil a.faq-nav-rand:after { content: ""; position: absolute; top: 50%; right: 6px; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid #c2185b; border-right: 2px solid #c2185b; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hd-mobil a.faq-nav-rand:hover { background: none; }
.hd a.faq-inapoi { display: inline-block; margin: 0 0 12px; padding: 6px 0; color: #c2185b; font-size: 15px; font-weight: bold; text-decoration: none; }