/* =========================================================
   MARTINS SELECT — LOGIN LUXO PRETO E BRANCO
   ========================================================= */
*{box-sizing:border-box}
html,body{overflow-x:hidden!important}

body.ms-login-page{
  margin:0;
  min-height:100vh;
  font-family:Inter,Arial,sans-serif;
  color:#fff;
  background:
    radial-gradient(circle at 50% -18%,rgba(255,255,255,.075),transparent 36%),
    radial-gradient(circle at 10% 16%,rgba(255,255,255,.035),transparent 28%),
    linear-gradient(180deg,#000 0%,#050505 54%,#000 100%);
}

body.ms-login-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0%,rgba(255,255,255,.032) 48%,transparent 62%),
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.040),transparent 30%);
}

.ms-final-header{
  width:100%;
  min-height:82px;
  background:rgba(0,0,0,.975);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 55px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
  position:sticky;
  top:0;
  z-index:999;
}

.ms-final-header-inner{
  width:min(1180px,calc(100% - 44px));
  min-height:82px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.ms-final-brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
}

.ms-final-mark{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:17px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.20);
  background:#050505;
  box-shadow:0 16px 45px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10);
}

.ms-final-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ms-final-text{
  display:flex;
  flex-direction:column;
  gap:3px;
  line-height:1;
}

.ms-final-text strong{
  color:#fff;
  font-size:15px;
  font-weight:950;
  letter-spacing:-.035em;
  white-space:nowrap;
}

.ms-final-text span{
  color:rgba(255,255,255,.58);
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
}

.ms-final-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
}

.ms-final-nav a{
  color:rgba(255,255,255,.72);
  text-decoration:none;
  font-size:13px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}

.ms-final-nav a:hover,
.ms-final-nav a.active{
  color:#fff;
}

.ms-final-menu-btn{
  display:none;
  width:46px;
  height:46px;
  min-width:46px;
  min-height:46px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  color:#fff;
  align-items:center;
  justify-content:center;
  font-size:18px;
  padding:0;
}

.login-wrap{
  width:min(1120px,calc(100% - 44px));
  margin:0 auto;
  padding:44px 0 66px;
  min-height:calc(100vh - 82px);
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  align-items:center;
  gap:28px;
}

.login-panel{
  min-height:540px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.060),transparent 44%),
    linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.016));
  box-shadow:0 28px 90px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(14px);
  padding:38px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  position:relative;
}

.login-panel::after{
  content:"SELECT";
  position:absolute;
  right:-18px;
  bottom:-10px;
  color:rgba(255,255,255,.035);
  font-size:104px;
  font-weight:950;
  letter-spacing:-.09em;
  line-height:1;
  pointer-events:none;
}

.login-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.58);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:950;
  margin-bottom:14px;
}

.login-kicker::before{
  content:"";
  width:32px;
  height:1px;
  background:#fff;
}

.login-copy{
  max-width:660px;
  position:relative;
  z-index:2;
}

.login-copy h1{
  color:#fff;
  font-size:clamp(44px,6vw,78px);
  line-height:.90;
  letter-spacing:-.075em;
  margin:0 0 16px;
}

.login-copy p{
  color:rgba(255,255,255,.66);
  font-size:15px;
  line-height:1.68;
  font-weight:650;
  margin:0;
}

.login-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:28px;
}

.login-points span{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.74);
  font-size:12px;
  line-height:1.35;
  font-weight:850;
  padding:13px;
  text-align:center;
}

.login-card{
  width:100%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.060),transparent 44%),
    linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.016));
  box-shadow:0 28px 90px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(14px);
  padding:32px;
}

.login-title{
  text-align:center;
  margin-bottom:24px;
}

.login-title span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.68);
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.login-title h2{
  color:#fff;
  font-size:clamp(31px,4vw,46px);
  line-height:.95;
  letter-spacing:-.065em;
  margin:0 0 10px;
}

.login-title p{
  color:rgba(255,255,255,.64);
  font-size:14px;
  line-height:1.58;
  font-weight:650;
  margin:0;
}

.login-alert{
  border-radius:17px;
  padding:14px 16px;
  margin-bottom:16px;
  font-size:13px;
  line-height:1.45;
  font-weight:850;
}

.login-alert.success{
  border:1px solid rgba(34,197,94,.45);
  background:rgba(34,197,94,.14);
  color:#bbf7d0;
}

.login-alert.error{
  border:1px solid rgba(255,110,110,.34);
  background:rgba(255,80,80,.11);
  color:#ffdada;
}

.login-field{
  display:grid;
  gap:8px;
  margin-bottom:14px;
}

.login-field label{
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:850;
}

.login-field input{
  width:100%;
  min-height:54px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.44);
  color:#fff;
  padding:0 16px;
  outline:none;
  font-size:14px;
}

.login-field input:focus{
  border-color:rgba(255,255,255,.42);
  box-shadow:0 0 0 4px rgba(255,255,255,.085);
}

.password-line{
  position:relative;
}

.password-line input{
  padding-right:54px;
}

.password-toggle{
  position:absolute;
  right:8px;
  top:8px;
  width:38px;
  height:38px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.76);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:12px;
  font-weight:900;
}

.login-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:18px;
}

.login-btn{
  width:100%;
  min-height:54px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(180deg,#1b1b1b,#050505);
  color:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.075);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
}

.login-btn.ghost{
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.86);
  border-color:rgba(255,255,255,.18);
}

.login-btn:hover{
  border-color:rgba(255,255,255,.42);
  background:rgba(255,255,255,.085);
  transform:translateY(-2px);
}

.login-note{
  margin-top:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:17px;
  color:rgba(255,255,255,.58);
  font-size:12px;
  line-height:1.5;
  font-weight:650;
  padding:13px 14px;
  text-align:center;
}

.ms-footer-clean{
  background:rgba(0,0,0,.98);
  border-top:1px solid rgba(255,255,255,.10);
  padding:28px 0;
}

.ms-footer-clean-inner{
  width:min(1180px,calc(100% - 44px));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.ms-footer-copy span{
  color:rgba(255,255,255,.62);
  font-size:12px;
  font-weight:750;
}

.ms-footer-right,
.ms-footer-social{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.ms-footer-admin-link,
.ms-social-link{
  min-height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.86);
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ms-footer-admin-link{
  padding:0 15px;
  font-size:12px;
  font-weight:850;
}

.ms-social-link{
  width:44px;
  height:44px;
}

.ms-social-icon,
.ms-social-icon svg{
  width:20px;
  height:20px;
  fill:currentColor;
}

@media(max-width:1080px){
  .ms-final-header-inner,
  .login-wrap,
  .ms-footer-clean-inner{
    width:calc(100% - 32px);
  }

  .login-wrap{
    grid-template-columns:1fr;
    max-width:850px;
  }

  .login-panel{
    min-height:360px;
  }

  .login-points{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:860px){
  .ms-final-header{
    min-height:auto;
  }

  .ms-final-header-inner{
    width:calc(100% - 22px);
    min-height:74px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    padding:10px 0;
  }

  .ms-final-menu-btn{
    display:flex;
  }

  .ms-final-nav{
    grid-column:1 / -1;
    display:none;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding-top:6px;
  }

  .ms-final-nav.open,
  .ms-final-nav.is-open{
    display:flex;
  }

  .ms-final-nav a{
    width:100%;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-top:1px solid rgba(255,255,255,.08);
    font-size:13px;
  }
}

@media(max-width:760px){
  .login-wrap,
  .ms-final-header-inner,
  .ms-footer-clean-inner{
    width:calc(100% - 18px);
  }

  .login-wrap{
    padding:22px 0 42px;
    min-height:auto;
  }

  .login-panel,
  .login-card{
    border-radius:22px;
    padding:18px;
  }

  .login-panel{
    min-height:270px;
  }

  .login-panel::after{
    font-size:62px;
    right:-10px;
    bottom:-5px;
  }

  .login-copy h1{
    font-size:clamp(38px,11vw,56px);
  }

  .login-points{
    grid-template-columns:1fr;
    gap:8px;
  }

  .ms-footer-clean-inner{
    flex-direction:column;
    text-align:center;
    justify-content:center;
    gap:18px;
  }

  .ms-footer-right{
    width:100%;
    justify-content:center;
    flex-direction:column;
    gap:12px;
  }
}

@media(max-width:420px){
  .login-wrap,
  .ms-final-header-inner,
  .ms-footer-clean-inner{
    width:calc(100% - 14px);
  }

  .ms-final-text span{
    display:none;
  }
}


/* =========================================================
   LOGIN E SISTEMA — SEM SOMBRA, PRETO/BRANCO E RESPONSIVO
   ========================================================= */
:root{
  --ms-white:#fff!important;
  --ms-muted:rgba(255,255,255,.66)!important;
  --ms-line:rgba(255,255,255,.12)!important;
  --ms-line-strong:rgba(255,255,255,.22)!important;
  --ms-card-bg:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014))!important;
  --gold:#fff!important;
  --gold2:#e8e8e8!important;
  --ms-gold:#fff!important;
  --ms-gold-2:#e8e8e8!important;
  --blue:#fff!important;
  --blue2:#e8e8e8!important;
  --green:#fff!important;
  --green2:#e8e8e8!important;
}

html,body{
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 50% -18%,rgba(255,255,255,.070),transparent 36%),
    linear-gradient(180deg,#000 0%,#050505 52%,#000 100%)!important;
  color:#fff!important;
}

/* Remover sombras no login e no sistema administrativo */
body.ms-login-page *,
body.admin-view *,
body.partner-view *,
body.profile-page-body *,
body.auth-page *,
body.register-page-body *{
  box-shadow:none!important;
}

/* Remove os cards/atalhos Serviços Histórico Perfil no login */
.login-points,
.login-points span{
  display:none!important;
}

/* Login projetado e centralizado */
body.ms-login-page{
  margin:0!important;
  min-height:100vh!important;
  font-family:Inter,Arial,sans-serif!important;
}

body.ms-login-page::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(115deg,transparent 0%,rgba(255,255,255,.026) 48%,transparent 62%),
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.032),transparent 30%)!important;
}

/* Topo padrão */
.ms-final-header,
.admin-clean-topbar{
  background:rgba(0,0,0,.975)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px)!important;
}

.ms-final-header-inner,
.admin-clean-inner{
  width:min(1180px,calc(100% - 44px))!important;
  margin:0 auto!important;
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}

.ms-final-mark,
.admin-clean-mark{
  border:1px solid rgba(255,255,255,.20)!important;
  background:#050505!important;
  box-shadow:none!important;
}

.ms-final-nav a,
.admin-clean-nav a{
  color:rgba(255,255,255,.72)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.ms-final-nav a:hover,
.ms-final-nav a.active,
.admin-clean-nav a:hover,
.admin-clean-nav a.active{
  color:#fff!important;
}

/* Layout do login */
.login-wrap{
  width:min(1080px,calc(100% - 44px))!important;
  min-height:calc(100vh - 82px)!important;
  margin:0 auto!important;
  padding:48px 0 64px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 430px!important;
  align-items:center!important;
  gap:30px!important;
}

.login-panel{
  min-height:470px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.055),transparent 44%),
    linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014))!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
  padding:38px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
  position:relative!important;
}

.login-panel::after{
  content:"MARTINS"!important;
  position:absolute!important;
  right:-20px!important;
  bottom:-10px!important;
  color:rgba(255,255,255,.025)!important;
  font-size:92px!important;
  font-weight:950!important;
  letter-spacing:-.09em!important;
  line-height:1!important;
  pointer-events:none!important;
}

.login-copy{
  max-width:650px!important;
  position:relative!important;
  z-index:2!important;
}

.login-copy h1{
  color:#fff!important;
  font-size:clamp(42px,5.4vw,74px)!important;
  line-height:.90!important;
  letter-spacing:-.075em!important;
  margin:0 0 16px!important;
}

.login-copy p{
  color:rgba(255,255,255,.66)!important;
  font-size:15px!important;
  line-height:1.68!important;
  font-weight:650!important;
  margin:0!important;
}

.login-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  color:rgba(255,255,255,.58)!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  margin-bottom:14px!important;
}

.login-kicker::before{
  content:""!important;
  width:32px!important;
  height:1px!important;
  background:#fff!important;
}

/* Card de login */
.login-card,
.form-card,
.profile-card,
.panel,
.card,
.table-card,
.ticket-card,
.reports-card{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.050),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014))!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
}

.login-card{
  width:100%!important;
  padding:32px!important;
}

.login-title{
  text-align:center!important;
  margin-bottom:24px!important;
}

.login-title span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.68)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  margin-bottom:14px!important;
  box-shadow:none!important;
}

.login-title h2{
  color:#fff!important;
  font-size:clamp(31px,4vw,46px)!important;
  line-height:.95!important;
  letter-spacing:-.065em!important;
  margin:0 0 10px!important;
}

.login-title p{
  color:rgba(255,255,255,.64)!important;
  font-size:14px!important;
  line-height:1.58!important;
  font-weight:650!important;
  margin:0!important;
}

.login-field{
  display:grid!important;
  gap:8px!important;
  margin-bottom:14px!important;
}

.login-field label,
.field label,
label{
  color:rgba(255,255,255,.76)!important;
  font-size:12px!important;
  font-weight:850!important;
}

.login-field input,
input,
select,
textarea{
  width:100%!important;
  min-height:54px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(0,0,0,.44)!important;
  color:#fff!important;
  padding:0 16px!important;
  outline:none!important;
  box-shadow:none!important;
}

.login-field input:focus,
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:none!important;
}

.password-line{
  position:relative!important;
}

.password-line input{
  padding-right:64px!important;
}

.password-toggle{
  position:absolute!important;
  right:8px!important;
  top:8px!important;
  width:48px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.76)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  font-size:11px!important;
  font-weight:900!important;
  padding:0!important;
  box-shadow:none!important;
}

.login-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin-top:18px!important;
}

.login-btn,
.ms-btn,
.btn,
button,
input[type="submit"]{
  min-height:54px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:linear-gradient(180deg,#1b1b1b,#050505)!important;
  color:#fff!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:950!important;
  cursor:pointer!important;
}

.login-btn.ghost,
.btn.ghost,
.ms-btn.ghost{
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.86)!important;
  border-color:rgba(255,255,255,.18)!important;
}

.login-btn:hover,
.ms-btn:hover,
.btn:hover,
button:hover{
  border-color:rgba(255,255,255,.42)!important;
  background:rgba(255,255,255,.085)!important;
  transform:translateY(-1px)!important;
}

.login-note,
.alert,
.notice{
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.64)!important;
  box-shadow:none!important;
}

/* Sistema: espaçamento e responsividade */
main,
.admin-wrap,
.dashboard-wrap,
.profile-wrap,
.layout,
.hero{
  width:min(1180px,calc(100% - 44px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.form-grid,
.grid,
.input-grid,
.profile-layout{
  gap:16px!important;
}

/* Mobile */
@media(max-width:1080px){
  .ms-final-header-inner,
  .admin-clean-inner,
  .login-wrap,
  main,
  .admin-wrap,
  .dashboard-wrap,
  .profile-wrap,
  .layout,
  .hero{
    width:calc(100% - 32px)!important;
  }

  .login-wrap{
    grid-template-columns:1fr!important;
    max-width:780px!important;
  }

  .login-panel{
    min-height:300px!important;
  }
}

@media(max-width:860px){
  .ms-final-header,
  .admin-clean-topbar{
    min-height:auto!important;
  }

  .ms-final-header-inner,
  .admin-clean-inner{
    width:calc(100% - 22px)!important;
    min-height:74px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    padding:10px 0!important;
  }

  .ms-final-menu-btn,
  .admin-menu-toggle{
    display:flex!important;
  }

  .ms-final-nav,
  .admin-clean-nav{
    grid-column:1 / -1!important;
    display:none!important;
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding-top:6px!important;
  }

  .ms-final-nav.open,
  .ms-final-nav.is-open,
  .admin-clean-nav.open,
  .admin-clean-nav.is-open{
    display:flex!important;
  }

  .ms-final-nav a,
  .admin-clean-nav a{
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    font-size:13px!important;
  }
}

@media(max-width:760px){
  .login-wrap,
  .ms-final-header-inner,
  .admin-clean-inner,
  main,
  .admin-wrap,
  .dashboard-wrap,
  .profile-wrap,
  .layout,
  .hero{
    width:calc(100% - 18px)!important;
    max-width:560px!important;
  }

  .login-wrap{
    padding:22px 0 42px!important;
    min-height:auto!important;
  }

  .login-panel,
  .login-card,
  .form-card,
  .profile-card,
  .panel,
  .card{
    border-radius:22px!important;
    padding:18px!important;
  }

  .login-panel{
    min-height:230px!important;
  }

  .login-panel::after{
    font-size:54px!important;
    right:-8px!important;
    bottom:-5px!important;
  }

  .login-copy h1{
    font-size:clamp(36px,10vw,52px)!important;
  }

  .login-actions,
  .actions,
  .btn-row,
  .form-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .login-btn,
  .ms-btn,
  .btn,
  button,
  input[type="submit"]{
    width:100%!important;
  }

  .form-grid,
  .grid,
  .input-grid,
  .profile-layout{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:420px){
  .login-wrap,
  .ms-final-header-inner,
  .admin-clean-inner,
  main,
  .admin-wrap,
  .dashboard-wrap,
  .profile-wrap,
  .layout,
  .hero{
    width:calc(100% - 14px)!important;
  }

  .ms-final-text span,
  .admin-clean-text small{
    display:none!important;
  }
}