.auth-shell{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:24px;align-items:stretch;margin:24px auto 60px;max-width:1200px}
.auth-shell[hidden],.auth-pane[hidden]{display:none!important}
.auth-intro,.auth-console{padding:clamp(24px,4vw,46px)!important;border-radius:28px}
.auth-intro{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(47,13,83,.9),rgba(18,9,46,.9)),url('hero.jpg') center/cover}
.auth-intro:after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:#a34bff44;filter:blur(55px);pointer-events:none}
.auth-intro h2{font-size:clamp(36px,5vw,65px);line-height:1.09;letter-spacing:-.055em;margin:22px 0}
.auth-gradient{background:linear-gradient(100deg,#ffe59c,#e79aff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-intro>p{max-width:470px;line-height:1.85;color:#e9dafa}
.auth-steps{display:grid;gap:15px;margin:35px 0}
.auth-steps>div{display:flex;gap:15px;align-items:center;padding:15px 18px;background:#ffffff0e;border:1px solid #ffffff24;border-radius:17px}
.auth-steps b{color:#ffe38a;font-size:22px}.auth-steps span{font-size:14px;line-height:1.5}
.auth-note{margin-top:22px;padding:16px 18px;border:1px solid #fbdc8352;background:#ffdd7810;border-radius:15px;color:#f8eacb;font-size:13px;line-height:1.7}
.auth-console{background:linear-gradient(140deg,rgba(47,19,77,.94),rgba(16,11,39,.96))!important}
.auth-console-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.auth-console-head img{width:60px;height:60px;object-fit:cover;border-radius:16px}
.auth-console-head h2{font-size:27px;margin:5px 0 0}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px;background:#0707126e;border:1px solid #ffffff24;border-radius:17px;margin-bottom:26px}
.auth-tab{background:transparent;border:0;color:#d6c5e8;padding:14px 8px;border-radius:12px;font-weight:800}
.auth-tab.is-active{background:linear-gradient(110deg,#8c44e9,#bd65ef);color:#fff;box-shadow:0 5px 18px #7d2bc04b}
.auth-pane h3{font-size:27px;margin:0 0 8px}.auth-pane .muted{line-height:1.6}
.auth-pane form{display:grid;gap:10px;margin-top:22px}
.auth-pane form label{font-size:13px;font-weight:700;margin-top:5px}
.auth-pane input{width:100%;min-height:48px;border-radius:12px;border:1px solid #ffffff43;background:#0909198c;color:white;padding:12px 15px;outline:none}
.auth-pane input:focus{border-color:#d7a4ff;box-shadow:0 0 0 3px #ac6cff30}
.auth-submit{width:100%;min-height:49px;margin-top:14px}
.auth-details{margin-top:18px}.auth-details summary{cursor:pointer;color:#ffe59c}
.auth-fine{font-size:12px;margin-top:20px}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-intro h2{font-size:40px}}

/* Profil paneli: form eylemleri ile ikincil butonlarin ust uste binmesini onle. */
#dashboard .dash-panel form > button.action[type="submit"] {
  display:flex; width:100%; min-height:52px; margin-top:18px; margin-bottom:0;
  box-sizing:border-box; transform:none;
}
#dashboard #minecraft-refresh,
#dashboard #remove-avatar {
  display:inline-flex; width:auto; max-width:100%; min-height:48px;
  margin-top:18px; margin-bottom:6px; position:relative;
  box-sizing:border-box; vertical-align:top;
}
#dashboard .dash-panel form + button.action { clear:both; }
@media(max-width:600px) {
  #dashboard #minecraft-refresh, #dashboard #remove-avatar { width:100%; }
}

/* V4: Hesap kartlarında taşmayı ve iç içe görünen düğmeleri önle. */
#account-member .dash-panel, #account-guest .auth-console, .auth-pane, .auth-pane form, .recovery-panel {min-width:0;}
#account-member .action, #account-guest .action, .recovery-panel .action {max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.45;box-sizing:border-box;transform:none;}
#account-member .action:hover, #account-guest .action:hover, .recovery-panel .action:hover {transform:none;filter:brightness(1.12);}
#account-member .action-row {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:12px;align-items:stretch;}
#account-member .action-row > * {width:100%;min-height:48px;}
#account-member .dash-panel > button.action, #account-member .dash-panel details button.action, #account-member .dash-panel form button.action, .auth-pane form button.action {display:flex;width:100%;min-height:48px;margin:14px 0 0;position:static;}
#account-member .dash-panel form {margin-bottom:16px;}
#account-member #minecraft-refresh, #account-member #remove-avatar {margin:8px 0 16px;width:100%;}
#account-member .dash-panel details {clear:both;}
#account-member .dash-panel label.check {display:flex;align-items:flex-start;gap:10px;}
#account-member .dash-panel label.check input {flex:0 0 18px;width:18px;margin:2px 0 0;}
.recovery-panel {max-width:580px;margin:28px auto 55px;padding:clamp(22px,4vw,38px)!important;}
.recovery-panel form {display:grid;gap:14px;}
.recovery-panel input {width:100%;min-height:50px;}
.recovery-panel button.action {width:100%;min-height:52px;}
@media(max-width:600px){.auth-intro,.auth-console{padding:22px!important}.auth-console-head h2{font-size:23px}.auth-tab{padding:12px 6px;font-size:13px}.auth-steps>div{padding:12px}.recovery-panel{margin:20px 0 36px}}