:root,
:root[data-theme="light"] {
  /* Background Colors */
  --base-bg: #f9f9f9;
  --primary-bg: #ffffff;
  --primary-bg-hover-active: #ffffff;
  --box-shadow: #ffffff;
  --border-color: var(--base-bg);
  --border-radius: 8px;

  /* Text Colors */
  --color-base: #2c3e50;
  --color-light: #7f8c8d;
  
  /* Link / Button Colors */
  --link-color: #3498db;
  --link-hover: #2980b9;

  /* Font Sizes */
  --font-xs: 0.75rem;    /* 12px */
  --font-sm: 0.875rem;   /* 14px */
  --font-base: 1rem;     /* 16px (default) */
  --font-md: 1.125rem;   /* 18px */
  --font-lg: 1.25rem;    /* 20px */
  --font-xl: 1.5rem;     /* 24px */
  --font-xxl: 2rem;      /* 32px */
}

:root[data-theme="dark"] {
  /* Background Colors */
  --base-bg: #171717;
  --primary-bg: #212121;
  --primary-bg-hover-active: #2a2a2a;
  --border-color: #2c2c2c;

  /* Text Colors */
  --color-base: #ecf0f1;
  --color-light: #bdc3c7;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Background Colors */
    --base-bg: #171717;
    --primary-bg: #212121;
    --primary-bg-hover-active: #2a2a2a;
    --border-color: #2c2c2c;

    /* Text Colors */
    --color-base: #ecf0f1;
    --color-light: #bdc3c7;
  }
}
.atipanel { 
    background:var(--base-bg);
    color: var(--color-base);
    font-size: var(--font-base);
    height: 100%;
    margin: 0!important;
    padding: 0!important;
    box-sizing: border-box;
    overflow: hidden;
}
.atipanel img {
    user-select: none;
}
@media screen and (max-width: 768px) {
    .atipanel {
        margin: unset !important;
        overflow: unset;
    }
    #wpadminbar {
        display:none !important;
    }
    .atipanel-body.admin-bar .atipanel-wrapper {
      margin-top: 0 !important;
    }
}
.atipanel a{
    color: var(--color-base);
    text-decoration: unset;
    user-select: none;
    outline: unset;
    cursor: pointer;
}
.atipanel-body{
    background: var(--base-bg);
    color: var(--color-base);
    font-size: var(--font-base);
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    min-height: 100%;
    height: 100%;
    box-sizing: border-box;
    flex-direction: unset;
    overflow: unset;
}
.atipanel-body input{
    background-color: #ffffff40;
}
.atipanel-body.admin-bar .atipanel-wrapper {
  margin-top: 32px;
}

.atipanel-body *{
    box-sizing: border-box;
    font-family: IRANSansXV;
}
.atipanel-content-loading-wrapper::-webkit-scrollbar {
    width: 4px;
    height: 2px;
}
.atipanel-content-loading-wrapper::-webkit-scrollbar-thumb {
    background:var(--base-bg);
    border-radius: 4px;
}
/* ati panel and reg login form fields start */
.atipanel-form {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}
.atipanel-back-form{
    position: absolute;
    right: 0;
}
.atipanel-back-form svg{
    rotate: 180deg;
    width: 2rem;
}
.atipanel-text-form *{
    all: unset !important;
}
.atipanel-text-form {
    all: unset;
    cursor: pointer;
}
.atipanel-form .atipanel-fieldbox{
    position: relative;
    padding: 10px 0 5px 0;
}

.atipanel-fieldbox .atipanel-floating-label {
    position: absolute;
    pointer-events: none;
    top: 1.8rem;
    right: 8px;
    transition: 0.2s ease all;
    opacity: 0.5;
    font-size: 13px;
}

.atipanel-fieldbox input:focus + .atipanel-floating-label,
.atipanel-fieldbox input:not(:placeholder-shown):not(:focus):valid + .atipanel-floating-label,
.atipanel-fieldbox input:read-only + .atipanel-floating-label {
    top: -6px;
    left: 0;
    font-size: 13px;
    opacity: 0.5;
}
.atipanel-form input{
    margin: 5px 0px;
    height: 43px !important;
    width: 100% !important;
    border-radius: 8px;
    border: unset;
    font-weight: normal;
    padding: 14px 8px 0;
    position: relative;
    outline-style: unset;
    outline-width: unset;
    background-position: 5px 50%;
    background-size: 1.5rem !important;
}

.atipanel-form input[type="submit"] {
    padding: 8px 0;
    cursor: pointer;
    background: #EC407A;
    color: #fff;
    font-weight: 600;
}
.atipanel-form input:not([type="submit"]):focus,
.atipanel-form input:not([type="submit"]):focus{
    box-shadow: inset #EC407A 0px -2px;
}

.atipanel-fieldbox:has(input:user-invalid) .atipanel-floating-label,
.atipanel-fieldbox.invalid .atipanel-floating-label {
    color: red;
    font-weight: 500;
}

/* pass word invis style start */
/* Hide Edge's and Chrome's default eye icon */
.atipanel-fieldbox
input::-ms-reveal,
input::-ms-clear {
  display: none;
}

.atipanel-fieldbox input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.atipanel-fieldbox .eye-toggle {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMC41IDhhMi41IDIuNSAwIDEgMS01IDAgMi41IDIuNSAwIDAgMSA1IDAiPjwvcGF0aD4KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTAgOHMzLTUuNSA4LTUuNVMxNiA4IDE2IDhzLTMgNS41LTggNS41UzAgOCAwIDhtOCAzLjVhMy41IDMuNSAwIDEgMCAwLTcgMy41IDMuNSAwIDAgMCAwIDciPjwvcGF0aD4KPC9zdmc+");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
}

.atipanel-fieldbox .eye-toggle.visible {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Im0xMC43OSAxMi45MTItMS42MTQtMS42MTVhMy41IDMuNSAwIDAgMS00LjQ3NC00LjQ3NGwtMi4wNi0yLjA2Qy45MzggNi4yNzggMCA4IDAgOHMzIDUuNSA4IDUuNWE3IDcgMCAwIDAgMi43OS0uNTg4TTUuMjEgMy4wODhBNyA3IDAgMCAxIDggMi41YzUgMCA4IDUuNSA4IDUuNXMtLjkzOSAxLjcyMS0yLjY0MSAzLjIzOGwtMi4wNjItMi4wNjJhMy41IDMuNSAwIDAgMC00LjQ3NC00LjQ3NHoiPjwvcGF0aD4KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTUuNTI1IDcuNjQ2YTIuNSAyLjUgMCAwIDAgMi44MjkgMi44Mjl6bTQuOTUuNzA4LTIuODI5LTIuODNhMi41IDIuNSAwIDAgMSAyLjgyOSAyLjgyOXptMy4xNzEgNi0xMi0xMiAuNzA4LS43MDggMTIgMTJ6Ij48L3BhdGg+Cjwvc3ZnPg==");
}
/* pass word invis style end */
/* ati panel and reg login form fields end */