/* Petvarius müşteri üyelik ekranı */
.auth-dialog{
  width:min(540px,calc(100% - 28px));
  max-height:min(760px,calc(100vh - 28px));
  padding:0;
  overflow:auto;
  border:0;
  border-radius:26px;
  background:#fffaf3;
  color:#2d241f;
  box-shadow:0 42px 110px rgba(34,25,21,.38);
}
.auth-dialog::backdrop{background:rgba(34,25,21,.62);backdrop-filter:blur(7px)}
.auth-dialog__close{
  position:absolute;
  z-index:3;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #e4d8ca;
  border-radius:50%;
  background:#fffdf9;
  color:#493229;
  font-size:26px;
  line-height:1;
}
.auth-dialog__inner{padding:38px 38px 34px}
.auth-brand{display:flex;align-items:center;gap:12px;padding-right:48px}
.auth-brand__mark{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#6a4b3b;color:#fff;font-size:22px;font-weight:900;box-shadow:0 12px 26px rgba(106,75,59,.24)}
.auth-brand strong{display:block;letter-spacing:.13em;font-size:.9rem}
.auth-brand small{display:block;margin-top:4px;color:#776a61;font-size:.67rem}
.auth-heading{margin:28px 0 20px}
.auth-heading h2{margin:0;font-size:2rem;line-height:1.05;letter-spacing:-.045em}
.auth-heading p{margin:10px 0 0;color:#776a61;font-size:.84rem;line-height:1.6}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid #e4d8ca;border-radius:14px;background:#f4ece3}
.auth-tabs button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#776a61;font-size:.76rem;font-weight:900}
.auth-tabs button.is-active{background:#6a4b3b;color:#fff;box-shadow:0 8px 18px rgba(106,75,59,.18)}
.auth-form{display:grid;gap:14px;margin-top:20px}
.auth-form[hidden],.auth-account[hidden]{display:none!important}
.auth-form label{display:grid;gap:7px;color:#493229;font-size:.73rem;font-weight:850}
.auth-form input{width:100%;height:48px;padding:0 13px;border:1px solid #ded1c3;border-radius:12px;background:#fffdf9;color:#2d241f;outline:none;transition:border .18s,box-shadow .18s}
.auth-form input:focus{border-color:#8b624d;box-shadow:0 0 0 4px rgba(106,75,59,.10)}
.auth-form__password{position:relative}
.auth-form__password input{padding-right:78px}
.auth-password-toggle{position:absolute;right:7px;bottom:6px;height:36px;padding:0 10px;border:0;border-radius:9px;background:#f1e7dc;color:#6a4b3b;font-size:.68rem;font-weight:850}
.auth-submit{min-height:49px;border:0;border-radius:12px;background:#6a4b3b;color:#fff;font-weight:900;box-shadow:0 13px 26px rgba(106,75,59,.2)}
.auth-submit:disabled,.auth-link:disabled{opacity:.55;cursor:wait}
.auth-link{justify-self:center;padding:5px;border:0;background:transparent;color:#6a4b3b;font-size:.72rem;font-weight:850}
.auth-note{margin:2px 0 0;color:#8a7c73;font-size:.67rem;line-height:1.5;text-align:center}
.auth-message{min-height:21px;margin:14px 0 0;font-size:.74rem;line-height:1.5;text-align:center}
.auth-message.is-error{color:#b23b4e}
.auth-message.is-success{color:#39775c}
.auth-message.is-info{color:#6a4b3b}
.auth-account{margin-top:24px}
.auth-account__card{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;padding:17px;border:1px solid #e4d8ca;border-radius:16px;background:#f7efe6}
.auth-account__avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#6a4b3b;color:#fff;font-size:1.05rem;font-weight:900}
.auth-account__card strong{display:block;font-size:.88rem}
.auth-account__card small{display:block;margin-top:3px;color:#776a61;font-size:.7rem;word-break:break-all}
.auth-signout{width:100%;min-height:47px;margin-top:15px;border:1px solid #d9c8b8;border-radius:12px;background:#fffaf3;color:#6a4b3b;font-weight:900}
.auth-config-warning{margin-top:18px;padding:13px 14px;border:1px solid #e4c9a0;border-radius:12px;background:#fff4de;color:#7b5728;font-size:.72rem;line-height:1.5}
.auth-mobile-button{display:none!important}
.account-button.is-authenticated .account-avatar{background:#6a4b3b;color:#fff}

@media(max-width:860px){
  .header-actions .account-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:4px!important;
    border-radius:14px!important;
  }
  .header-actions .account-button>span:last-child{display:none!important}
  .header-actions .account-button .account-avatar{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
    font-size:.78rem!important;
  }
  .auth-mobile-button{
    display:inline-flex!important;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    margin-left:8px;
    padding:8px 13px!important;
    border:1px solid rgba(106,75,59,.18)!important;
    background:#6a4b3b!important;
    color:#fff!important;
  }
  .auth-mobile-button::before{content:"P";display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.16);font-size:.7rem;font-weight:900}
}
@media(max-width:600px){
  .auth-dialog__inner{padding:32px 20px 26px}
  .auth-heading{margin-top:24px}
  .auth-heading h2{font-size:1.7rem}
  .auth-brand__mark{width:45px;height:45px;border-radius:14px}
}