/* Экран регистрации /habits|medcard|trip/auth (patient-auth.html, #s-register) — вид «карточка»
   (22.10.2026, макет «Подключение AI Здоровья»). ТОЛЬКО токены /auth-theme.css, цветов не заводим.
   Всё под #s-register: остальные экраны флоу (код доступа, способы входа) не затронуты.
   Откат: убрать одну строку <link href="/pa-register.css"> из patient-auth.html. */

#s-register .flow{
  margin:8px 0 40px; padding:30px 22px 24px;
  background:var(--card); border:1px solid var(--bd-2); border-radius:28px;
  box-shadow:var(--ui-shadow-lg);
}
#s-register .pa-reg-tile{
  width:64px; height:64px; margin:0 auto 14px; border-radius:20px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,160,255,.12); color:var(--brand);
}
#s-register .pa-reg-tile .ico{width:30px; height:30px;}
#s-register .flow h2{text-align:center; font-size:clamp(23px,6vw,28px); margin:0 0 8px;}
#s-register .flow .sub{text-align:center; margin:0 0 22px; font-size:14px;}

#s-register .field label{font-size:13px; font-weight:600; margin-bottom:8px; letter-spacing:0;}
#s-register .field input{
  min-height:56px; border-radius:16px; border-width:1.5px; padding:0 18px;
}
#s-register .field input:focus{
  border-color:var(--brand); box-shadow:0 0 0 4px var(--glow-1);
}
/* дата: нативный input на iOS не сжимался и вылезал за правый край; тема календаря — по теме страницы */
#s-register .field input[type=date]{
  display:block; -webkit-appearance:none; appearance:none;
  min-width:0; max-width:100%; text-align:left; color-scheme:inherit;
}
#s-register .field input[type=date]::-webkit-date-and-time-value{text-align:left; min-height:1.2em;}
#s-register .hint{font-size:12px; margin-top:8px;}

#s-register .seg{gap:12px;}
#s-register .seg div{
  min-height:56px; border-radius:16px; border-width:1.5px; font-size:16px;
}
#s-register .seg div.on{
  border-color:var(--brand); color:var(--brand); background:rgba(0,160,255,.12); font-weight:600;
}

#s-register .pa-reftoggle{color:var(--brand); font-weight:600; font-size:14px; padding:4px 0; margin-bottom:6px;}

#s-register .note:not(.pa-mt12){
  background:rgba(0,160,255,.09); border-color:rgba(0,160,255,.22); border-radius:16px;
  color:var(--tx); font-size:13.5px; line-height:1.5;
}
#s-register .pa-pdn span{font-size:12.5px; line-height:1.5;}
#s-register .pa-pdn input{width:22px; height:22px; accent-color:var(--brand);}

#s-register #registerBtn{
  border-radius:999px; min-height:56px; font-size:17px; box-shadow:var(--ui-shadow-md);
}
#s-register #registerBtn:hover{box-shadow:var(--ui-shadow-md);}
#s-register #registerBtn:disabled{box-shadow:none;}