/* AncientMU Accounts V6.7 | only page-scoped visual polish. Do not affect native PHP validation. */
/* The approved V6.5 navigation and hero remain untouched. */
.am-final:is(.am-auth-page,.am-usercp-page) .am-interior-grid{align-items:start}
.am-final:is(.am-auth-page,.am-usercp-page) .am-content-frame>.am-panel-head{background:linear-gradient(100deg,#281419,#1a1115 70%);border-bottom:1px solid #704436}
.am-final:is(.am-auth-page,.am-usercp-page) .am-content-frame>.am-panel-head h2{font-weight:600;letter-spacing:.07em}
.am-final:is(.am-auth-page,.am-usercp-page) .am-module-output{padding:24px clamp(15px,3vw,35px) 37px;min-width:0}
.am-auth-page .am-module-output .page-title{display:block;border:0;border-bottom:1px solid #57372f;text-align:center;padding:0 0 14px;margin:0 0 22px;font:600 clamp(21px,2.6vw,30px)/1.3 Cinzel,Georgia,serif;letter-spacing:.08em;color:#f8d396;text-shadow:none}
.am-auth-page .am-module-output>.am-auth-intro{text-align:center;color:#cbb39e;font:400 12px/1.8 Inter,Arial,sans-serif;max-width:560px;margin:0 auto 25px}
.am-auth-page .am-module-output .col-xs-8.col-xs-offset-2{width:100%;float:none;margin:0 auto!important;max-width:600px;padding:0!important}
.am-auth-page .am-module-output form.form-horizontal{background:linear-gradient(125deg,#231318,#100d12 70%);padding:clamp(20px,3vw,32px);border:1px solid #83503d;box-shadow:0 15px 34px #0009,inset 0 1px 0 #e6b98216;position:relative}
.am-auth-page .am-module-output form.form-horizontal:before{content:'';position:absolute;left:9px;top:9px;width:24px;height:24px;border-top:2px solid #dbab71;border-left:2px solid #dbab71;pointer-events:none}
.am-auth-page .am-module-output .form-group{display:grid;grid-template-columns:145px minmax(0,1fr);gap:15px;align-items:start;margin:0 0 21px!important}
.am-auth-page .am-module-output .form-horizontal .control-label{width:auto!important;float:none!important;margin:0;padding:11px 0 0;text-align:right;font:600 11px/1.5 Cinzel,Georgia,serif;letter-spacing:.035em;color:#ebc795}
.am-auth-page .am-module-output .form-group>.col-sm-8,.am-auth-page .am-module-output .form-group>.col-sm-offset-4.col-sm-8{width:100%!important;margin:0!important;float:none!important;min-width:0;padding:0!important}
.am-auth-page .am-module-output input.form-control{display:block;width:100%;height:44px;min-height:44px;border:1px solid #775044;border-radius:2px;padding:10px 13px;color:#fbe8d2;background:#120f14;box-shadow:inset 0 2px 7px #0007;outline-offset:2px}
.am-auth-page .am-module-output input.form-control:focus-visible{outline:2px solid #b98a59;border-color:#d59b69}
.am-auth-page .am-module-output input.form-control:disabled{opacity:1;color:#8a746c;cursor:not-allowed}
.am-auth-page .am-module-output .help-block{display:block;margin:6px 0 0;font:400 11px/1.6 Inter,Arial,sans-serif;color:#b8a199}
.am-auth-page .am-module-output .help-block a,.am-auth-page .am-module-output .am-auth-switch a{color:#e5bb80;text-decoration:none}
.am-auth-page .am-module-output .help-block a:hover,.am-auth-page .am-module-output .am-auth-switch a:hover{text-decoration:underline;color:#ffe0a9}
.am-auth-page .am-module-output .btn.btn-primary{width:100%;min-height:45px;color:#ffe5ba;font:600 12px Cinzel,Georgia,serif;letter-spacing:.065em;background:linear-gradient(110deg,#62191b,#a92d28 50%,#591719);border-color:#b46b4d;box-shadow:inset 0 1px 0 #e8a37a5a}
.am-auth-page .am-module-output .btn:disabled{opacity:1;cursor:not-allowed}
.am-auth-page .am-module-output .am-auth-switch{margin:20px auto 0;text-align:center;font:400 12px/1.7 Inter,Arial,sans-serif;color:#bca99d}
.am-auth-page .am-module-output .am-auth-footnote{text-align:center;font:400 10px/1.8 Inter,Arial,sans-serif;letter-spacing:.02em;color:#9d8d85;margin-top:18px}
.am-auth-page .am-module-output .am-terms-preview{font:400 11px/1.7 Inter,Arial,sans-serif;color:#c8b29e}
.am-auth-page .am-module-output .am-auth-preview-note{text-align:center;color:#d6b78d;border:1px solid #72513b;background:#25161a;margin:0 auto 19px;padding:10px;font:600 10px/1.65 Inter,Arial,sans-serif;letter-spacing:.05em;max-width:600px}
/* Native UserCP outputs: .page-title + .row > .col-xs-3. Keep untouched HTML and original image paths. */
.am-usercp-page .am-module-output>.page-title{font:600 clamp(22px,2.5vw,29px)/1.4 Cinzel,Georgia,serif;letter-spacing:.065em;color:#f1ca8a;margin:0 0 20px}
.am-usercp-page .am-module-output>.page-title:first-child:after{content:'YOUR ACCOUNT SERVICES';display:block;color:#a98d77;font:500 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.16em;margin-top:6px}
.am-usercp-page .am-module-output>.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 28px!important;width:100%;max-width:none}
.am-usercp-page .am-module-output>.row:before,.am-usercp-page .am-module-output>.row:after{display:none!important;content:none!important}
.am-usercp-page .am-module-output>.row>.col-xs-3{float:none!important;width:auto!important;max-width:none!important;min-width:0;padding:0!important;margin:0!important}
.am-usercp-page .am-module-output>.row>.col-xs-3>a{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;min-height:170px;text-align:center;padding:15px 9px;color:#f3d3a4;font:600 12px/1.5 Cinzel,Georgia,serif;letter-spacing:.025em;text-decoration:none;background:radial-gradient(ellipse at 50% 20%,#3b1920 0%,#1d1117 55%,#0e0d11 100%);border:1px solid #7b493b;box-shadow:inset 0 1px 0 #f7c18c14,0 8px 20px #0007;transition:border-color .18s,transform .18s,box-shadow .18s}
.am-usercp-page .am-module-output>.row>.col-xs-3>a:hover,.am-usercp-page .am-module-output>.row>.col-xs-3>a:focus-visible{border-color:#d7a166;color:#ffe3ab;transform:translateY(-2px);box-shadow:0 0 20px #a348362b,0 10px 22px #0009}
.am-usercp-page .am-module-output>.row>.col-xs-3>a>img{display:block;object-fit:contain;width:87px!important;height:87px!important;max-width:100%;filter:drop-shadow(0 3px 8px #0009)}
.am-usercp-page .am-module-output>.row>.col-xs-3>a>br{display:none}
.am-usercp-page .am-premium-services-title{font:600 22px Cinzel,Georgia,serif;color:#eac68c;margin:28px 0 21px;border-bottom:1px solid #70412e;padding-bottom:12px;-webkit-text-fill-color:unset;background:transparent;text-shadow:none}
.am-usercp-page .am-module-output .am-account-preview-msg{color:#d4bc9c;font:400 11px/1.7 Inter,Arial,sans-serif;margin:0 0 22px}
.am-final:is(.am-auth-page,.am-usercp-page) .am-interior-side .am-jb-login-note{color:#c9b2a4;line-height:1.75}
@media(max-width:1100px){.am-usercp-page .am-module-output>.row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.am-auth-page .am-module-output .form-group{grid-template-columns:116px minmax(0,1fr);gap:12px}}
@media(max-width:760px){.am-auth-page .am-module-output .form-group{grid-template-columns:minmax(0,1fr);gap:5px;margin-bottom:16px!important}.am-auth-page .am-module-output .form-horizontal .control-label{text-align:left;padding:0}.am-auth-page .am-module-output form.form-horizontal{padding:20px 15px}.am-usercp-page .am-module-output>.row{gap:11px}.am-usercp-page .am-module-output>.row>.col-xs-3>a{min-height:147px;font-size:11px}.am-usercp-page .am-module-output>.row>.col-xs-3>a>img{width:70px!important;height:70px!important}}
@media(max-width:380px){.am-usercp-page .am-module-output>.row{gap:8px}.am-usercp-page .am-module-output>.row>.col-xs-3>a{font-size:10px;min-height:131px;padding:11px 4px}.am-usercp-page .am-module-output>.row>.col-xs-3>a>img{width:60px!important;height:60px!important}}
/* Full-width action within the native Bootstrap form's offset grid. */
@media(min-width:761px){.am-auth-page .am-module-output .form-group>.col-sm-offset-4.col-sm-8{grid-column:2}}
/* Legacy global WebEngine CSS paints the bars wrapper; only its three lines get fill. */
@media(max-width:1020px){
 .am-final:is(.am-auth-page,.am-usercp-page) .am-menu-toggle .am-menu-bars{background:transparent!important;box-shadow:none!important}
 .am-final:is(.am-auth-page,.am-usercp-page) .am-menu-toggle .am-menu-bars>span{background:#e7bb80!important}
}

/* AncientMU V6.11B: Bootstrap form fields may precede their labels in native WebEngine markup.
   Render labels first within existing grid; no HTML / JS / authentication changes. */
.am-final.am-auth-page .am-module-output form.form-horizontal .form-group > label.control-label { order: -1; }

/* V6.11C login/register width hotfix */
.am-auth-page .am-module-output .col-xs-8.col-xs-offset-2{
  max-width: 760px !important;
}

.am-auth-page .am-module-output form.form-horizontal{
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 34px !important;
}

.am-auth-page .am-module-output .form-group{
  grid-template-columns: 170px minmax(0,1fr) !important;
  gap: 18px !important;
}

.am-auth-page .am-module-output .form-group > .col-sm-8,
.am-auth-page .am-module-output .form-group > .col-sm-offset-4.col-sm-8{
  width: 100% !important;
  max-width: none !important;
}

.am-auth-page .am-module-output input.form-control,
.am-auth-page .am-module-output select.form-control,
.am-auth-page .am-module-output textarea.form-control{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 48px !important;
}

.am-auth-page .am-module-output .btn.btn-primary{
  min-height: 48px !important;
}

@media (max-width: 850px){
  .am-auth-page .am-module-output .col-xs-8.col-xs-offset-2{
    max-width: 100% !important;
  }

  .am-auth-page .am-module-output form.form-horizontal{
    max-width: 100%;
    padding: 22px 18px !important;
  }

  .am-auth-page .am-module-output .form-group{
    grid-template-columns: 140px minmax(0,1fr) !important;
    gap: 12px !important;
  }
}

@media (max-width: 760px){
  .am-auth-page .am-module-output .form-group{
    grid-template-columns: minmax(0,1fr) !important;
  }

  .am-auth-page .am-module-output .form-horizontal .control-label{
    text-align: left !important;
    padding-top: 0 !important;
  }
}

/* AncientMU V6.11D — Bootstrap Grid conflict fix */

.am-final.am-auth-page
.am-module-output form.form-horizontal
.form-group::before,

.am-final.am-auth-page
.am-module-output form.form-horizontal
.form-group::after {
    content: none !important;
    display: none !important;
}