/* AnymHost Kawaii v5: slider gradient, balance, sidebar cards, ticket dark mode, auth split layout */

/* ---------- A. Slider: gradient across the whole card ---------- */
@property --m1{syntax:'<color>';inherits:true;initial-value:#dfe4ff}
@property --m2{syntax:'<color>';inherits:true;initial-value:#e2ebff}
@property --m3{syntax:'<color>';inherits:true;initial-value:#ffe8d4}
@property --m4{syntax:'<color>';inherits:true;initial-value:#d6f4ec}
.ah-hs{--m1:#dfe4ff;--m2:#e2ebff;--m3:#ffe8d4;--m4:#d6f4ec;
  background:radial-gradient(60% 90% at 8% 10%,var(--m1),transparent 62%),radial-gradient(55% 80% at 95% 12%,var(--m2),transparent 60%),radial-gradient(60% 90% at 88% 100%,var(--m3),transparent 62%),radial-gradient(55% 80% at 5% 100%,var(--m4),transparent 60%),#f6f8ff!important;
  transition:--m1 .6s ease,--m2 .6s ease,--m3 .6s ease,--m4 .6s ease}
.ah-hs:has(.ah-hs-s2.is-active){--m1:#e7dcff;--m2:#dbe8ff;--m3:#ffdff0;--m4:#d9f1ff}
.ah-hs:has(.ah-hs-s3.is-active){--m1:#d7f4e6;--m2:#e0f0ff;--m3:#fff1d1;--m4:#e6f6d8}
.ah-hs:has(.ah-hs-s4.is-active){--m1:#ffe3d1;--m2:#ffe9f1;--m3:#e3e6ff;--m4:#fff3cf}
.ah-hs:has(.ah-hs-s6.is-active){--m1:#d9eaff;--m2:#e4e1ff;--m3:#d3f3f0;--m4:#e8eefc}
.ah-hs .ah-hs-slide .ah-hs-art{background:none!important}
html[data-theme="dark"] .ah-hs{--m1:rgba(110,100,255,.28);--m2:rgba(74,139,255,.26);--m3:rgba(255,150,90,.18);--m4:rgba(40,200,170,.18);background:radial-gradient(60% 90% at 8% 10%,var(--m1),transparent 62%),radial-gradient(55% 80% at 95% 12%,var(--m2),transparent 60%),radial-gradient(60% 90% at 88% 100%,var(--m3),transparent 62%),radial-gradient(55% 80% at 5% 100%,var(--m4),transparent 60%),#0b1330!important}
html[data-theme="dark"] .ah-hs:has(.ah-hs-s2.is-active){--m1:rgba(150,110,255,.3);--m3:rgba(255,110,190,.18)}
html[data-theme="dark"] .ah-hs:has(.ah-hs-s3.is-active){--m1:rgba(40,200,150,.24);--m3:rgba(255,200,90,.16)}
html[data-theme="dark"] .ah-hs:has(.ah-hs-s4.is-active){--m1:rgba(255,130,80,.24);--m2:rgba(255,110,160,.18)}
html[data-theme="dark"] .ah-hs:has(.ah-hs-s6.is-active){--m1:rgba(74,139,255,.28);--m4:rgba(40,200,190,.2)}

/* ---------- B. Balance ---------- */
.panel-sidebar[menuitemname="Client-Balance"] .list-group-item h4,.panel-sidebar[menuitemname="Client-Balance"] h4{font-size:22px!important;line-height:1.2;white-space:nowrap;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis}

/* ---------- C. Sidebar cards ---------- */
.sidebar .panel-sidebar:not([menuitemname="Client-Balance"]):not([menuitemname="Client Details"]){background:var(--ah-white)!important;border:1px solid var(--ah-line)!important;border-radius:16px!important;box-shadow:var(--ah-shadow);overflow:hidden;margin-bottom:16px}
.sidebar .panel-sidebar:not([menuitemname="Client-Balance"]):not([menuitemname="Client Details"])>.panel-heading{background:transparent!important;border:0!important;padding:14px 16px 8px!important}
.sidebar .panel-sidebar:not([menuitemname="Client-Balance"]):not([menuitemname="Client Details"])>.panel-heading .panel-title{font-size:12px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ah-muted)!important;display:flex;align-items:center;gap:8px}
.sidebar .panel-sidebar:not([menuitemname="Client-Balance"]):not([menuitemname="Client Details"])>.panel-heading .panel-title i{color:var(--ah-blue);float:none!important;width:auto}
.sidebar .panel-sidebar .list-group{margin:0}
.sidebar .panel-sidebar:not([menuitemname="Client-Balance"]):not([menuitemname="Client Details"]) .list-group-item{background:transparent!important;border:0!important;border-top:1px solid var(--ah-line)!important;border-radius:0!important;padding:11px 16px!important;font-size:14px;color:var(--ah-body)!important;display:flex;align-items:center;gap:10px;transition:background .2s var(--ah-ease),color .2s}
.sidebar .panel-sidebar:not([menuitemname="Client-Balance"]):not([menuitemname="Client Details"]) a.list-group-item:hover{background:var(--ah-blue-50)!important;color:var(--ah-blue)!important}
.sidebar .panel-sidebar:not([menuitemname="Client-Balance"]):not([menuitemname="Client Details"]) .list-group-item.active{background:var(--ah-blue-50)!important;color:var(--ah-blue)!important;font-weight:700}
.sidebar .panel-sidebar .list-group-item i{float:none!important;width:20px;text-align:center;color:var(--ah-muted);flex:none;margin:0!important}
.sidebar .panel-sidebar .list-group-item.active i,.sidebar .panel-sidebar a.list-group-item:hover i{color:var(--ah-blue)}
.sidebar .panel-sidebar .badge{margin-left:auto;background:var(--ah-blue-50);color:var(--ah-blue);border-radius:999px}
.sidebar .panel-sidebar .w-hidden{display:none!important}
.sidebar .panel-sidebar>.panel-footer{background:transparent!important;border:0!important;border-top:1px solid var(--ah-line)!important;padding:12px 16px!important}
/* Ticket information */
.ticket-details-children{display:block!important}
.sidebar .ticket-details-children .list-group-item{display:block!important}
.sidebar .ticket-details-children .list-group-item br{display:none}
.sidebar .ticket-details-children .list-group-item .title{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ah-muted);margin-bottom:3px}
.sidebar .ticket-details-children .label{border-radius:999px;font-size:11px;padding:2px 8px;margin-left:6px}
.sidebar .panel-sidebar>.panel-footer .row{display:flex;gap:8px;margin:0}
.sidebar .panel-sidebar>.panel-footer .row>[class*="col-"]{flex:1;width:auto;padding:0;float:none}
.sidebar .panel-sidebar>.panel-footer .btn-block{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:999px!important;font-weight:700;padding:8px 12px}
.sidebar .panel-sidebar>.panel-footer .btn-success{background:var(--ah-blue)!important;border-color:var(--ah-blue)!important;color:#fff!important}
.sidebar .panel-sidebar>.panel-footer .btn-danger{background:transparent!important;border:1px solid #e5484d!important;color:#e5484d!important}
/* CC recipients */
#sidebarTicketCc .ticket-cc-email{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
#frmAddCcEmail .input-group{display:flex;width:100%;gap:8px}
#frmAddCcEmail .input-group .form-control{flex:1;min-width:0;height:40px;border-radius:999px!important;background:var(--ah-surface)!important;border:1px solid var(--ah-line-strong)!important;color:var(--ah-ink)!important;padding:0 14px;box-shadow:none}
#frmAddCcEmail .input-group-btn{width:auto;display:block}
#frmAddCcEmail .input-group-btn .btn{height:40px;border-radius:999px!important;background:var(--ah-blue)!important;border:0!important;color:#fff!important;font-weight:700;padding:0 16px}

/* ---------- D. Ticket content and reply form ---------- */
.ticket-reply{background:var(--ah-white)!important;border:1px solid var(--ah-line)!important;border-radius:16px!important;color:var(--ah-body)!important;margin-bottom:16px;overflow:hidden;box-shadow:var(--ah-shadow)}
.ticket-reply .date{float:right;font-size:12px;color:var(--ah-muted)!important;padding:12px 16px}
.ticket-reply .user{background:var(--ah-surface)!important;border:0!important;border-bottom:1px solid var(--ah-line)!important;color:var(--ah-ink)!important;padding:12px 16px!important}
.ticket-reply .user .name{font-weight:700;color:var(--ah-ink)!important}
.ticket-reply .user .type{color:var(--ah-muted)!important;font-size:12px}
.ticket-reply .message{background:transparent!important;color:var(--ah-body)!important;padding:16px!important;line-height:1.65;word-break:break-word}
.ticket-reply .message *{color:inherit}
.ticket-reply .message a{color:var(--ah-blue)!important}
.ticket-reply.staff{border-left:4px solid var(--ah-blue)!important}
.ticket-reply .attachments,.ticket-reply .attachments *{color:var(--ah-body)!important}
.panel.panel-info.panel-collapsable{background:var(--ah-white)!important;border:1px solid var(--ah-line)!important;border-radius:16px!important;overflow:hidden;box-shadow:var(--ah-shadow)}
.panel-info>.panel-heading{background:var(--ah-blue-50)!important;border:0!important;color:var(--ah-blue)!important}
.panel-info>.panel-heading *{color:var(--ah-blue)!important}
.panel-info>.panel-body{background:var(--ah-white)!important;color:var(--ah-body)!important}
#frmReply label,#frmReply .control-label{color:var(--ah-ink)!important}
#frmReply .form-control,#frmReply input[type=text],#frmReply input[type=email],#frmReply textarea,#frmReply select{background:var(--ah-surface)!important;color:var(--ah-ink)!important;border:1px solid var(--ah-line-strong)!important;border-radius:12px!important;box-shadow:none!important}
#frmReply .form-control[disabled],#frmReply .form-control[readonly],#frmReply input:disabled{background:var(--ah-surface)!important;opacity:.7;color:var(--ah-muted)!important}
#frmReply input[type=file]{color:var(--ah-body)!important}
#frmReply .btn-primary{background:var(--ah-blue)!important;border:0!important;color:#fff!important;border-radius:999px!important;font-weight:700;padding:10px 22px}
#frmReply .btn-default{background:transparent!important;border:1px solid var(--ah-line-strong)!important;color:var(--ah-body)!important;border-radius:999px!important}
.md-editor{background:var(--ah-surface)!important;border:1px solid var(--ah-line-strong)!important;border-radius:12px!important;overflow:hidden}
.md-editor.active{border-color:var(--ah-blue)!important;box-shadow:0 0 0 3px var(--ah-blue-50)!important}
.md-editor>.md-header{background:var(--ah-white)!important;border-bottom:1px solid var(--ah-line)!important}
.md-editor>.md-header .btn,.md-editor>.md-header .btn-default{background:transparent!important;border:0!important;color:var(--ah-body)!important;box-shadow:none!important}
.md-editor>.md-header .btn:hover{background:var(--ah-blue-50)!important;color:var(--ah-blue)!important}
.md-editor>textarea,.md-editor>.md-preview{background:var(--ah-surface)!important;color:var(--ah-ink)!important;border:0!important;box-shadow:none!important}
.md-editor>.md-footer{background:var(--ah-white)!important;color:var(--ah-muted)!important;border-top:1px solid var(--ah-line)!important}

/* ---------- E. Auth split layout ---------- */
html.ah-auth:not(.ah-auth-ready) #main-body{opacity:0;animation:ahReveal 0s 1.6s forwards}
@keyframes ahReveal{to{opacity:1}}
html.ah-auth-ready #footer,html.ah-auth-ready .ah-skip-link,html.ah-auth-ready #main-menu,html.ah-auth-ready .ah-header-top>*:not(.ah-utils),html.ah-auth-ready .ah-utils>li:not(.ah-theme-wrap),html.ah-auth-ready #main-body>.container{display:none!important}
html.ah-auth-ready #header{position:fixed!important;top:14px;right:16px;left:auto;width:auto;z-index:50;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html.ah-auth-ready .ah-header-top{padding:0!important;min-height:0!important;background:transparent!important}
html.ah-auth-ready body,html.ah-auth-ready #main-body{background:var(--ah-white)!important;padding:0!important;margin:0!important}
.ah-auth-shell{--a-ink:#121826;--a-body:#4b5565;--a-muted:#8a93a3;--a-line:#e3e7ee;--a-field:#fff;--a-form:#fafbfc;--a-soft:#edf3ff;display:grid;grid-template-columns:1.08fr 1fr;min-height:100vh;font-family:var(--ah-font-body)}
html[data-theme="dark"] .ah-auth-shell{--a-ink:#ecf3fd;--a-body:#a9b6cc;--a-muted:#7f8da6;--a-line:#26364f;--a-field:#0f1a30;--a-form:#0a1325;--a-soft:#11264a}
.ah-auth-art{position:relative;overflow:hidden;background:#cfd6fb url("../img/ah-auth-bg.webp") center/cover no-repeat;display:flex;flex-direction:column;padding:72px 64px}
html[data-theme="dark"] .ah-auth-art{background:linear-gradient(rgba(8,14,32,.55),rgba(8,14,32,.62)),url("../img/ah-auth-bg.webp") center/cover no-repeat}
.ah-auth-copy{position:relative;z-index:2;max-width:520px}
.ah-auth-copy h2{font-family:var(--ah-font-heading);font-size:clamp(34px,4.4vw,60px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#16205a;margin:0 0 16px}
.ah-auth-copy h2 em{font-style:normal;color:var(--ah-blue)}
.ah-auth-copy p{font-size:18px;line-height:1.55;color:#3a4670;margin:0;max-width:420px}
html[data-theme="dark"] .ah-auth-copy h2{color:#fff}
html[data-theme="dark"] .ah-auth-copy p{color:#c9d4ec}
.ah-auth-girl{position:absolute;left:-7%;bottom:0;height:88%;width:auto;max-width:none;z-index:1;animation:ahFloat 6s ease-in-out infinite;pointer-events:none;user-select:none}
@keyframes ahFloat{50%{transform:translateY(-10px)}}
.ah-auth-main{position:relative;background:var(--a-form);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:84px 48px 96px;color:var(--a-body)}
.ah-auth-card{width:100%;max-width:460px}
.ah-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ah-blue);margin:0 0 12px}
.ah-auth-card h1{font-family:var(--ah-font-heading);font-size:clamp(30px,3.2vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--a-ink);margin:0 0 10px}
.ah-sub{font-size:16px;line-height:1.55;color:var(--a-body);margin:0 0 28px}
.ah-auth-foot{position:absolute;left:48px;right:48px;bottom:28px;display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--a-muted)}
.ah-auth-foot a{color:var(--a-muted);text-decoration:none}.ah-auth-foot a:hover{color:var(--ah-blue)}
.ah-auth-foot nav{display:flex;gap:10px}
/* form internals */
.ah-auth-card .logincontainer,.ah-auth-card #registration,.ah-auth-card .main-content{width:100%;max-width:none;margin:0;padding:0;float:none;background:none;border:0;box-shadow:none}
.ah-auth-card .header-lined,.ah-auth-card .logincontainer .col-sm-5,.ah-auth-card .sub-heading,.ah-auth-card .field-icon,.ah-auth-card br{display:none!important}
.ah-auth-card .col-sm-7,.ah-auth-card .col-sm-12,.ah-auth-card .logincontainer .row{width:100%;float:none;padding:0;margin:0}
.ah-auth-card .form-group{margin:0 0 16px;position:relative}
.ah-lbl{display:block;font-size:13px;font-weight:700;color:var(--a-ink)!important;margin:0 0 7px;text-align:left}
.ah-lbl small,.ah-lbl .opt{font-weight:500;color:var(--a-muted)}
.ah-in{position:relative}
.ah-in .ah-ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--a-muted);pointer-events:none;display:flex}
.ah-in .ah-ico svg,.ah-eye svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ah-in .ah-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:var(--a-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px;padding:0}
.ah-in .ah-eye:hover{color:var(--ah-blue)}
.ah-auth-card input[type=text],.ah-auth-card input[type=email],.ah-auth-card input[type=password],.ah-auth-card input[type=tel],.ah-auth-card input[type=number],.ah-auth-card select,.ah-auth-card .form-control{height:52px!important;width:100%;border-radius:12px!important;border:1px solid var(--a-line)!important;background:var(--a-field)!important;color:var(--a-ink)!important;font-size:15px;padding:0 14px!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
.ah-in input{padding-left:44px!important}
.ah-in.has-eye input{padding-right:46px!important}
.ah-auth-card input::placeholder{color:var(--a-muted)!important;opacity:1}
.ah-auth-card input:focus,.ah-auth-card select:focus{border-color:var(--ah-blue)!important;box-shadow:0 0 0 4px var(--a-soft)!important;outline:0}
.ah-auth-card .prepend-icon .form-control{padding-left:14px!important}
.ah-help{font-size:12.5px;color:var(--a-muted);margin:6px 0 0}
.ah-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 20px;font-size:14px}
.ah-row label{margin:0;display:flex;align-items:center;gap:8px;font-weight:500;color:var(--a-body);cursor:pointer}
.ah-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--ah-blue)}
.ah-row a{color:var(--ah-blue);font-weight:600;text-decoration:none}
.ah-btn,.ah-auth-card input.btn-primary[type=submit]{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;border-radius:999px!important;border:0!important;background:var(--ah-blue)!important;color:#fff!important;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s var(--ah-ease),background .2s,box-shadow .2s;box-shadow:0 10px 24px -10px rgba(31,99,242,.6);padding:0 24px}
.ah-btn:hover{background:var(--ah-blue-dark)!important;transform:translateY(-1px)}
.ah-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ah-btn.ah-ghost{background:transparent!important;color:var(--a-ink)!important;border:1px solid var(--a-line)!important;box-shadow:none}
.ah-btn.ah-ghost:hover{background:var(--a-soft)!important}
.ah-actions{display:flex;gap:12px}.ah-actions .ah-btn{flex:1}.ah-actions .ah-btn.ah-ghost{flex:0 0 auto;width:auto;padding:0 22px}
.ah-or{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--a-muted);font-size:13px}
.ah-or:before,.ah-or:after{content:"";flex:1;height:1px;background:var(--a-line)}
.ah-auth-card .providerPreLinking,.ah-auth-card .social-signin-btns{display:flex;justify-content:center;width:100%;margin:0}
.ah-auth-card .btn-social,.ah-auth-card .btn-google{width:100%;height:52px;border-radius:999px!important;border:1px solid var(--a-line)!important;background:var(--a-field)!important;color:var(--a-ink)!important;font-weight:600}
.ah-alt{text-align:center;font-size:14.5px;color:var(--a-body);margin:24px 0 0}
.ah-alt a{color:var(--ah-blue);font-weight:700;text-decoration:none}
.ah-auth-card .alert{border-radius:12px;border:1px solid;margin:0 0 18px;font-size:14px;padding:12px 14px}
.ah-auth-card .alert-danger{background:#fff1f1;border-color:#f6c6c6;color:#a12626}
.ah-auth-card .alert-success{background:#effaf2;border-color:#bfe5c9;color:#1d6b39}
.ah-auth-card .alert-info,.ah-auth-card .alert-warning{background:var(--a-soft);border-color:var(--a-line);color:var(--a-ink)}
html[data-theme="dark"] .ah-auth-card .alert-danger{background:#3a1a22;border-color:#6e2c38;color:#ffb4bd}
html[data-theme="dark"] .ah-auth-card .alert-success{background:#12301f;border-color:#235a38;color:#9be3b5}
.ah-auth-card p{color:var(--a-body)}
.ah-auth-card .form-group.text-center .btn-primary{width:100%}
/* stepper */
.ah-steps{list-style:none;margin:0 0 26px;padding:0;display:flex;align-items:center;gap:10px}
.ah-steps li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--a-muted)}
.ah-steps .n{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--a-line);display:flex;align-items:center;justify-content:center;font-size:13px;flex:none;background:var(--a-field)}
.ah-steps .bar{flex:1;height:2px;background:var(--a-line);border-radius:2px;min-width:12px}
.ah-steps li.is-active{color:var(--a-ink)}.ah-steps li.is-active .n{background:var(--ah-blue);border-color:var(--ah-blue);color:#fff}
.ah-steps li.is-done .n{background:var(--a-soft);border-color:var(--ah-blue);color:var(--ah-blue)}
.ah-steps .bar.is-done{background:var(--ah-blue)}
.ah-step{display:none}.ah-step.is-active{display:block;animation:ahIn .35s var(--ah-ease)}
@keyframes ahIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.ah-step .row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin:0}
.ah-step .row>[class*="col-"]{width:auto;float:none;padding:0}
.ah-step .row>.ah-span,.ah-step>.ah-span{grid-column:1/-1}
.ah-auth-card .intl-tel-input{width:100%;display:block}
.ah-auth-card .intl-tel-input input{padding-left:52px!important}
.ah-auth-card .generate-password{height:44px;border-radius:999px;border:1px solid var(--a-line);background:var(--a-field);color:var(--a-ink);font-weight:600;padding:0 16px;margin:0 0 14px}
.ah-auth-card .password-strength-meter{margin-top:6px}
.ah-auth-card .progress{height:6px;border-radius:6px;background:var(--a-line);box-shadow:none;margin:0 0 6px}
.ah-auth-card #passwordStrengthTextLabel{font-size:12.5px;color:var(--a-muted)}
.ah-auth-card #containerPassword{display:block}
.ah-auth-card #containerPassword>[class*="col-"]{width:100%;float:none;padding:0}
.ah-auth-card .marketing-email-optin{background:var(--a-field);border:1px solid var(--a-line);border-radius:14px;padding:14px 16px;margin:6px 0 16px}
.ah-auth-card .marketing-email-optin h4{font-size:15px;margin:0 0 4px;color:var(--a-ink)}
.ah-auth-card .marketing-email-optin p{font-size:13px;margin:0 0 10px}
.ah-auth-card .tospanel{background:transparent!important;border:0!important;box-shadow:none;margin:0 0 18px}
.ah-auth-card .tospanel .panel-body{padding:0!important;background:transparent!important}
.ah-auth-card .tospanel label{font-size:14px;color:var(--a-body);font-weight:500}
.ah-auth-card .tospanel a{color:var(--ah-blue);font-weight:600}
.ah-auth-card .ah-submit{margin-top:6px}
@media(max-width:900px){
  .ah-auth-shell{grid-template-columns:1fr}
  .ah-auth-art{display:none}
  .ah-auth-main{padding:72px 22px 96px;min-height:100vh;justify-content:flex-start}
  .ah-auth-foot{left:22px;right:22px}
}
@media(max-width:480px){
  .ah-step .row{grid-template-columns:1fr}
  .ah-steps li span:not(.n){display:none}.ah-steps li.is-active span:not(.n){display:inline}
  .ah-auth-foot{flex-direction:column;align-items:center;gap:6px;bottom:18px}
  .ah-actions{flex-direction:column-reverse}.ah-actions .ah-btn.ah-ghost{width:100%}
}
.ah-auth-card .ah-bad{border-color:#e5484d!important;box-shadow:0 0 0 4px rgba(229,72,77,.14)!important}
.ah-auth-card .form-group.ah-submit{margin-top:8px}
@media(prefers-reduced-motion:reduce){.ah-auth-girl,.ah-step.is-active{animation:none}}

/* v5 fixes */
.ah-auth-card .logincontainer,.ah-auth-card .logincontainer.with-social,.ah-auth-card #registration{background:none!important;box-shadow:none!important;padding:0!important;border:0!important;border-radius:0!important;max-width:none!important;width:100%!important;margin:0!important}
.ah-auth-card .logincontainer::before,.ah-auth-card .logincontainer::after,.ah-auth-card #registration::before{display:none!important;content:none!important;background:none!important}
.ah-auth-card .ah-in input{padding-left:44px!important}
.ah-auth-card .ah-in.has-eye input{padding-right:46px!important}
.ah-auth-girl{height:82%!important}

.ah-step .row:before,.ah-step .row:after{display:none!important;content:none!important}
.ah-auth-card .intl-tel-input input[type=tel],.ah-auth-card .intl-tel-input input[type=text],.ah-auth-card .intl-tel-input.separate-dial-code input{padding-left:96px!important}
.ah-auth-card .intl-tel-input .selected-flag{border-radius:12px 0 0 12px;background:transparent!important}
.ah-auth-card .intl-tel-input .selected-dial-code{color:var(--a-ink)}

.ah-auth-card .tospanel>.panel-heading{display:none!important}
.ah-auth-card .tospanel .panel-body,.ah-auth-card .tospanel{padding:0!important;margin:0 0 18px!important}
.ah-auth-card .tospanel label.checkbox{display:flex;align-items:flex-start;gap:10px;padding:0!important;margin:0;line-height:1.5}
.ah-auth-card .tospanel input[type=checkbox]{position:static!important;margin:3px 0 0!important;width:18px;height:18px;opacity:1!important;accent-color:var(--ah-blue);flex:none}
.ah-auth-card .tospanel .icheckbox_square-blue,.ah-auth-card .tospanel .iradio_square-blue{margin:3px 0 0}
html[data-theme="dark"] .ah-auth-art{background:linear-gradient(rgba(10,19,48,.72),rgba(10,19,48,.8)),url("../img/ah-auth-bg.webp") center/cover no-repeat}
.ah-auth-foot a{color:var(--a-muted)!important}

.ah-auth-card .tospanel .col-md-12{width:100%;float:none;padding:0}
.ah-auth-card .tospanel label.checkbox{width:100%}

.ah-lbl{font-weight:700!important}