/* Dosadno.bg — C23 „Вход“: снимка от край до край отзад + бяла карта в центъра.
   Ползва се от vhod.html, zabravena-parola.php, nova-parola.php, potvardi-imeil.php.
   Зарежда се СЛЕД auth.css (оттам идват окото за паролата, силата на паролата, ролите, грешките, тоста). */

/* ── Сцена: снимка + лек тъмен слой ── */
.ax{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  min-height:calc(100vh - var(--dsb-hdr-h,68px));min-height:calc(100svh - var(--dsb-hdr-h,68px));
  padding:48px 20px 64px;background:var(--dark)}
.ax-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.ax-bg picture{display:block;width:100%;height:100%}
.ax-bg img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:62% 50%}
.ax-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,34,26,.28) 0%,rgba(18,34,26,.46) 100%)}

/* скрито е скрито (иначе .btn/.au-tabs с display печелят срещу [hidden]) */
.ax [hidden]{display:none!important}
/* без бутона „Изпрати ново писмо“ (не е влязъл) няма нужда от „или“ */
.ax-btn[hidden]+.ax-or{display:none}
.ax-btn[hidden]+.ax-or+.ax-alt{background:var(--green);border-color:var(--green);color:var(--white)}
.ax-btn[hidden]+.ax-or+.ax-alt:hover{background:var(--green-d);color:var(--white)}

/* снимката опира директно във футъра (без общия отстъп 64 px) */
.ax ~ #dsb-footer{margin-top:0}

/* ── Карта ── */
.ax-card{position:relative;width:100%;max-width:420px;background:var(--white);border-radius:var(--r-lg);
  box-shadow:var(--shadow),0 24px 60px rgba(10,24,18,.22);padding:32px 28px 26px}
.ax-logo{display:block;width:120px;height:auto;margin:0 auto 22px}
.ax-logo-link{display:block;width:max-content;margin:0 auto}
.ax-logo-link:hover{text-decoration:none}
.ax-title{font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--dark);text-align:center;margin:0 0 8px}
.ax-lead{font-size:15.5px;line-height:1.55;color:var(--muted);text-align:center;margin:0 0 24px;overflow-wrap:anywhere}
.ax-card .alert{font-size:14.5px;padding:12px 16px;margin-bottom:16px}

/* ── Полета-хапчета 48 px, заглавие над полето ── */
.ax-card .field{margin-bottom:16px}
.ax-card label{font-size:14px;font-weight:600;color:var(--dark);margin:0 0 6px}
.ax-card input[type=text],.ax-card input[type=email],.ax-card input[type=password],.ax-card input[type=tel],.ax-card select{
  height:48px;min-height:48px;padding:0 18px;border:1.5px solid var(--line);border-radius:999px;font-size:16px;background-color:var(--white)}
.ax-card input:focus,.ax-card select:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px var(--mint-2)}
.ax-card input.is-err,.ax-card select.is-err{border-color:var(--err)}
.ax-card input.is-err:focus{box-shadow:0 0 0 3px var(--err-bg)}
.ax-card select{appearance:none;-webkit-appearance:none;padding-right:46px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6B64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:18px}
.ax-card .au-pw input{padding-right:54px}
.ax-card .au-eye{right:2px;width:44px;height:44px;border-radius:999px}
.ax-card .au-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ax-card .au-label-row label{margin-bottom:6px}
.ax-card .au-label-row a{font-size:14px;font-weight:600;padding:4px 0 6px}
.ax-card .au-err{font-size:13.5px;margin:6px 0 0 18px}
.ax-card .au-meter{margin:8px 0 0 18px}
.ax-card .au-note{border-radius:var(--r);margin-top:8px}

/* избор на роля — две компактни карти */
.ax-card .au-roles{margin:0 0 18px;gap:8px}
.ax-card .au-roles legend{font-size:14px;margin:0 0 8px}
.ax-card .au-role{border-radius:var(--r);padding:11px 14px;min-height:56px;font-size:15px}

/* отметки за съгласие */
.ax-card .check{font-size:14px;line-height:1.5;margin:0 0 12px;color:var(--ink);cursor:pointer}
.ax-card .check input{width:20px;height:20px;margin-top:1px}

/* ── Бутони ── */
.ax-btn{width:100%;min-height:48px;margin-top:6px;font-size:16px}
.ax-alt{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px 20px;
  border:1.5px solid var(--green);border-radius:999px;background:var(--white);color:var(--green);
  font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:.15s}
.ax-alt:hover{background:var(--mint-3);color:var(--green-d);text-decoration:none}
.ax-btn:focus-visible,.ax-alt:focus-visible,.ax-card a:focus-visible{outline:0;box-shadow:0 0 0 3px var(--mint-2)}

/* разделител „или“ */
.ax-or{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:13px;font-weight:600}
.ax-or::before,.ax-or::after{content:"";flex:1;height:1px;background:var(--line)}

/* малък текст за условията */
.ax-fine{font-size:13px;line-height:1.5;color:var(--muted);text-align:center;margin:18px 0 0}
.ax-fine a{font-weight:600}

/* икона над заглавието (потвърждения, грешен линк) */
.ax-card .au-ico{margin:0 auto 16px}
.ax-card .au-tips{margin:0 0 22px}
.ax-center{text-align:center}

/* ── Телефон: картата е на цял екран, снимката става горна лента ── */
@media (max-width:600px){
  .ax{display:block;padding:0;min-height:0;background:var(--white)}
  .ax-bg{position:relative;inset:auto;z-index:0;height:168px}
  .ax-bg img{object-position:72% 45%}
  .ax-bg::after{background:linear-gradient(180deg,rgba(18,34,26,.22) 0%,rgba(18,34,26,.58) 100%)}
  .ax-card{z-index:1;max-width:none;margin-top:-26px;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:none;
    padding:24px 16px 36px;min-height:calc(100svh - var(--dsb-hdr-h,62px) - 142px)}
  .ax-logo{width:108px;margin-bottom:18px}
  .ax-title{font-size:26px}
  .ax-lead{font-size:15px;margin-bottom:20px}
}

@media (prefers-reduced-motion:reduce){.ax-alt,.ax-card .au-role{transition:none}}