/* ARIS branding for the Comet (GLKVM) login page — Feenixtech Ventures. Undo: kvm-login-brand restore */
body:has(.auth-form-container) { background: #eef5f3 url(/aris/aris-bg.svg?v=c593e161bf) center / cover no-repeat fixed !important; }
*:has(> .auth-form-container), *:has(.auth-form-container) { background: transparent !important; }
img[src*="login-bg"] { display: none !important; }
/* GL.iNet wraps the login in a 970x600 split box (white-page-container); make it a full-screen transparent layer */
.white-page-container:has(.auth-form-container) {
  position: fixed !important; inset: 0 !important; width: auto !important; height: auto !important; margin: 0 !important;
  border-radius: 0 !important; box-shadow: none !important; background: transparent !important; z-index: 50;
}
.white-page-container:has(.auth-form-container) > :not(.white-page-content) { display: none !important; }
.white-page-content:has(.auth-form-container) {
  position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important;
  overflow: auto !important; display: block !important;
}
.auth-form-container { width: 100% !important; min-height: 100% !important; box-sizing: border-box; padding: 32px 16px !important;
  display: flex !important; align-items: center !important; align-items: safe center !important; justify-content: center !important; }
html:has(.auth-form-container), body:has(.auth-form-container) { overflow-y: auto !important; height: auto !important; min-height: 100%; }
.auth-form-container > * { margin-left: auto !important; margin-right: auto !important; }

/* split card: brand panel (left) + sign-in (right) */
.auth-form-container div.login-form {
  display: grid !important; grid-template-columns: 380px 1fr; column-gap: 0;
  width: 880px !important; max-width: calc(100vw - 32px); margin: 0 auto !important; padding: 0 !important;
  border-radius: 24px; overflow: hidden; background: #ffffff !important; color: #201f1f;
  box-shadow: 0 24px 60px rgba(16,52,48,.16), 0 2px 8px rgba(16,52,48,.06), 0 0 0 1px rgba(16,52,48,.06);
}
.auth-form-container div.login-form::before {
  content: ""; grid-column: 1; grid-row: 1 / span 6; min-height: 547px; background-size: 100% 100% !important;
  background: url(/aris/aris-panel.png?v=c593e161bf) top center / 100% auto no-repeat, linear-gradient(160deg, #0d3335, #0a2426);
}
.auth-form-container div.login-form > * { grid-column: 2; margin-left: 48px !important; margin-right: 48px !important; }
.auth-form-container div.login-form .title-container { text-align: center !important; margin-top: 59px !important; margin-bottom: 12px !important; }
.auth-form-container div.login-form .title-container img { display: none !important; }
.auth-form-container div.login-form .title-container::before {
  content: ""; display: block; width: 100%; aspect-ratio: 404 / 168;
  background: url(/aris/aris-header.png?v=c593e161bf) center / contain no-repeat;
}
.auth-form-container div.login-form .title-container .title {
  margin-top: 22px !important; text-align: center !important; font-size: 11.5px !important; line-height: 1.4 !important;
  font-weight: 700 !important; letter-spacing: 1.6px; text-transform: uppercase; color: #6b7280 !important;
}
.auth-form-container form.login-form { width: auto !important; }
.auth-form-container div.login-form .ant-input-affix-wrapper { box-sizing: border-box; width: 100%; }
.auth-form-container div.login-form .ant-input-affix-wrapper,
.auth-form-container div.login-form .ant-input { border-radius: 12px !important; }
.auth-form-container div.login-form input { font-size: 15px; color: #201f1f !important; background: #ffffff !important; -webkit-text-fill-color: #201f1f; }
.auth-form-container div.login-form .ant-input-affix-wrapper { background: #ffffff !important; border-color: #d1d9d7 !important; }
.auth-form-container div.login-form .ant-input-affix-wrapper svg, .auth-form-container div.login-form .ant-input-suffix { color: #6b7280 !important; }
.auth-form-container div.login-form input::placeholder { color: #9ca3af !important; -webkit-text-fill-color: #9ca3af; }
.auth-form-container div.login-form .ant-input-affix-wrapper:focus-within { border-color: #589c8f !important; box-shadow: 0 0 0 3px rgba(88,156,143,.18) !important; }
.auth-form-container div.login-form .operation-btn {
  width: auto !important; height: 48px !important; margin-top: 6px !important; margin-bottom: 14px !important; border: 0 !important;
  font-weight: 600; font-size: 15px; letter-spacing: .4px; color: #fff !important;
  background: linear-gradient(135deg, #63ad9f, #3e7d71) !important; box-shadow: 0 12px 26px rgba(62,125,113,.35);
}
.auth-form-container div.login-form .operation-btn:hover { filter: brightness(1.07); }
.auth-form-container div.login-form .forget { color: #589c8f !important; font-size: 13px; text-align: center !important; }
.auth-form-container div.login-form::after {
  content: ""; grid-column: 2; align-self: end; display: block; margin: 24px 48px 59px;
  aspect-ratio: 404 / 56; background: url(/aris/aris-footer.png?v=c593e161bf) center / contain no-repeat;
}
/* tablets / phones: one column — sign-in first, Powered by, then the safety panel */
@media (max-width: 860px) {
  .auth-form-container { padding: 20px 12px !important; }
  .auth-form-container div.login-form { grid-template-columns: 1fr; width: 440px !important; max-width: calc(100vw - 24px); border-radius: 20px; }
  .auth-form-container div.login-form > *, .auth-form-container div.login-form::after { grid-column: 1; margin-left: 28px !important; margin-right: 28px !important; }
  .auth-form-container div.login-form::after { order: 1; margin-top: 18px; margin-bottom: 22px; }
  .auth-form-container div.login-form::before {
    order: 2; grid-column: 1; grid-row: auto; min-height: 0; aspect-ratio: 320 / 378.5;
    background: url(/aris/aris-panel-m.png?v=c593e161bf) top center / 100% 100% no-repeat, #0d3335;
  }
  .auth-form-container div.login-form .title-container { margin-top: 30px !important; }
}
@media (max-width: 380px) {
  .auth-form-container div.login-form > *, .auth-form-container div.login-form::after { margin-left: 20px !important; margin-right: 20px !important; }
}