/* ==========================================================================
   STOC EXPRESS — fereastra „Leagă un curier"
   --------------------------------------------------------------------------
   Se încarcă după cont-ui.css. Fereastra funcționa, dar arăta ca un
   formular generat, nu ca restul contului:

   · „obligatoriu" stătea ca un cuvânt gri lipit de etichetă — se citea ca
     parte din denumirea câmpului („Utilizator obligatoriu");
   · bifa „Cont de test" era o casetă mică rătăcită pe mijloc, cu explicația
     dedesubt, fără să se înțeleagă la ce se referă (reparat și în JS:
     acum e un rând întreg pe care se poate apăsa oriunde);
   · câmpurile se aprindeau albastru la focus, deși în tot restul aplicației
     accentul e auriu;
   · titlul spunea ce curier legi, dar nu se vedea sigla, deși fereastra se
     deschide din patru carduri diferite;
   · despărțitorul „SETĂRI DE EXPEDIERE" era doar text majuscul, fără linie.
   ========================================================================== */

/* ---------- antetul, cu sigla curierului ---------- */
.cur-h { gap: 12px; }
.cur-logo { display: inline-flex; flex: none; }
.cur-logo:empty { display: none; }
.cur-logo .cursemn,
.cur-logo .cursigla {
  width: 34px; height: 34px;
  border-radius: 9px;
  overflow: hidden;
}
.cur-logo .cursigla img { width: 100%; height: 100%; object-fit: contain; }

/* ---------- eticheta și marcajul „obligatoriu" ---------- */
.cur-f1 > span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--ink, #16233A);
}
/* pastilă mică, aliniată la dreapta: se citește ca marcaj, nu ca parte din
   denumirea câmpului */
.cur-nec {
  margin-left: auto;
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--gold-wash, #FBF4E3);
  color: var(--gold-600, #9A701B);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* ---------- câmpurile ---------- */
.cur-f1 input[type="text"],
.cur-f1 input[type="password"],
.cur-f1 select {
  height: 42px;
  border-radius: 10px;
  transition: border-color .14s ease, box-shadow .14s ease;
}
.cur-f1 input[type="text"]:hover,
.cur-f1 input[type="password"]:hover { border-color: var(--gold-300, #DDBE6F); }
/* accentul aplicației e auriu; focusul albastru venea din altă parte */
.cur-f1 input:focus,
.cur-f1 select:focus {
  outline: none;
  border-color: var(--gold-400, #C9A24A) !important;
  box-shadow: 0 0 0 3px rgba(201, 162, 74, .16) !important;
}
.cur-hint { line-height: 1.5; }

/* selectul: săgeata proprie, ca să nu arate a listă de sistem */
.cur-sel { position: relative; }
.cur-sel select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  padding-right: 36px;
}
.cur-sel::after {
  content: "";
  position: absolute;
  right: 14px; top: 50%;
  width: 8px; height: 8px;
  margin-top: -6px;
  border-right: 2px solid var(--gold-600, #9A701B);
  border-bottom: 2px solid var(--gold-600, #9A701B);
  transform: rotate(45deg);
  pointer-events: none;
}

/* ---------- bifa, ca rând întreg ---------- */
.cur-ck {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 12px 14px;
  border: 1px solid var(--line, #e3e8ef);
  border-radius: 11px;
  background: var(--paper, #F7F9FB);
  cursor: pointer;
  transition: border-color .14s ease, background-color .14s ease;
}
.cur-ck:hover { border-color: var(--gold-300, #DDBE6F); background: #fff; }
.cur-ck input {
  width: 19px; height: 19px;
  margin: 1px 0 0;
  flex: none;
  accent-color: var(--gold-500, #B88A28);
  cursor: pointer;
}
.cur-ck span { min-width: 0; }
.cur-ck b {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink, #16233A);
}
.cur-ck em {
  display: block;
  margin-top: 2px;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5;
  color: var(--ink-3, #6b7889);
}
/* bifat = se vede din culoare, nu doar din căsuță */
.cur-ck:has(input:checked) {
  border-color: var(--gold-400, #C9A24A);
  background: var(--gold-wash, #FBF4E3);
}

/* ---------- despărțitorul de secțiune ---------- */
.cur-sep {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  color: var(--ink-3, #6b7889);
}
.cur-sep::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line-2, #eef1f5);
}

/* ---------- caseta de ajutor de sus ----------
   Era un dreptunghi galben cu chenar galben, pe toată lățimea. Galbenul plin
   înseamnă „atenție, ceva e în neregulă" — aici doar se explică de unde iei
   datele, ceea ce e o informație liniștită. Fundal alb, bară navy în stânga,
   ca notele din restul contului. */
.cur-ajutor {
  background: #fff;
  border: 1px solid var(--line, #e3e8ef);
  border-left: 3px solid var(--navy-700, #1B3A63);
  border-radius: 0 10px 10px 0;
  padding: 12px 14px;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--ink-2, #4a5768);
}

/* ---------- subsolul ---------- */
.cur-f { gap: 10px; }
.cur-f .btn { min-height: 42px; }

@media (max-width: 767px) {
  .cur-box { width: 100%; max-height: 100dvh; border-radius: 0; }
  .cur-f { flex-wrap: wrap; }
  .cur-msg { flex: 1 1 100%; }
  .cur-f .btn { flex: 1; }
}

/* ==========================================================================
   Cardurile de curier din Setări
   ========================================================================== */

/* Cinci carduri într-un rând ies din pagină pe ecran de laptop — al cincilea
   se tăia la margine. Lățimea minimă mai mare le împinge pe două rânduri,
   unde încap întregi. */
.curlist { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

.curcard {
  background: #fff;
  transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.curcard:hover {
  border-color: var(--gold-300, #DDBE6F);
  box-shadow: 0 6px 18px rgba(11, 35, 64, .07);
  transform: translateY(-1px);
}
/* cel conectat se vede de la distanță, fără să citești eticheta */
.curcard.is-legat { border-left: 3px solid var(--ok, #1B6437); }

.curcard__ok, .curcard__no {
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Butonul umple cardul: e singura acțiune de acolo, n-are rost să stea
   îngust într-un colț. */
.curcard__a { gap: 8px; }
.curcard__a .btn { flex: 1; justify-content: center; min-height: 40px; }

/* cardul „Alt curier?" rămâne discret — nu e o acțiune de zi cu zi */
.curcard--cere { background: var(--paper, #F7F9FB); border-style: dashed; }
.curcard--cere:hover { transform: none; box-shadow: none; }