/* === UD-V2 Auth (namespaced) ============================================= */

/* فونت وزیر (در صورت نیاز، مسیرها را با مسیر خودتان یکی کنید) */
@font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazir/Vazir.eot');
    src: url('../fonts/vazir/Vazir.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vazir/Vazir.woff2') format('woff2'),
         url('../fonts/vazir/Vazir.woff') format('woff'),
         url('../fonts/vazir/Vazir.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Vazir';
    src: url('../fonts/vazir/Vazir-Bold.eot');
    src: url('../fonts/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vazir/Vazir-Bold.woff2') format('woff2'),
         url('../fonts/vazir/Vazir-Bold.woff') format('woff'),
         url('../fonts/vazir/Vazir-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  html, body { font-family: 'Vazir', Inter, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif; }
  
  /* رنگ‌ها (از استایل‌های قبلی شما استخراج) */
  :root{
    --udv2-dark: #111a2c;   /* sidebar heading */
    --udv2-deep: #262d3b;   /* text dark */
    --udv2-teal: #2f6161;   /* client active bg */
    --udv2-cyan: #4cb6c7;   /* tabs active */
    --udv2-green:#04b504;   /* success text */
    --udv2-red:  #e7190a;   /* error text */
  }
  
  /* پس‌زمینه صفحه */
  .ud-v2-auth-bg{
    background:
      radial-gradient(1200px 600px at 110% -10%, rgba(76,182,199,.18), transparent 60%),
      radial-gradient(900px 500px at -10% 110%, rgba(47,97,97,.25), transparent 60%),
      linear-gradient(135deg, var(--udv2-dark), var(--udv2-teal));
  }
  
  /* کارت و سایه */
  .ud-v2-shadow{ box-shadow: 0 20px 60px rgba(0,0,0,.25); }
  .ud-v2-auth-wrapper{ backdrop-filter: blur(6px); }
  
  /* سمت برند (تصویر بزرگ یا لوگو) */
  .ud-v2-auth-visual{
    min-height: 520px;
    background:
      linear-gradient(160deg, rgba(76,182,199,.22), rgba(47,97,97,.22)),
      var(--udv2-brand-image) center right/cover no-repeat;
  }
  .ud-v2-auth-logo{ width: 160px; }
  
  /* گروه‌های شناور RTL */
  .ud-v2-form-floating{ direction: rtl; position: relative; }
  .ud-v2-form-floating .input-group > .input-group-text{
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .ud-v2-form-floating .form-control{
    padding: .9rem 1rem;
  }
  .ud-v2-floating-label{
    position: absolute;
    top: -.6rem;
    right: 3.1rem;  /* کنار آیکن */
    left: auto;
    background: #fff;
    padding: 0 .45rem;
    color: #6c757d;
    font-size: .86rem;
    pointer-events: none;
  }
  
  /* فوکوس فرم */
  .ud-v2-form-floating .form-control:focus{
    border-color: var(--udv2-cyan);
    box-shadow: 0 0 0 .15rem rgba(76,182,199,.25);
  }
  
  /* دکمه نمایش رمز */
  .ud-v2-show-pass{
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  /* دکمۀ اصلی برندی */
  .ud-v2-auth-submit.btn-primary{
    background: var(--udv2-teal);
    border-color: var(--udv2-teal);
  }
  .ud-v2-auth-submit.btn-primary:hover,
  .ud-v2-auth-submit.btn-primary:focus{
    background: #285252;
    border-color: #285252;
  }
  
  /* جداکننده میانی */
  .ud-v2-divider{ position: relative; text-align: center; }
  .ud-v2-divider::before, .ud-v2-divider::after{
    content:""; position:absolute; top:50%; width:40%; height:1px; background: rgba(0,0,0,.08);
  }
  .ud-v2-divider::before{ right:0; }
  .ud-v2-divider::after{ left:0; }
  
  /* ریسپانسیو */
  @media (max-width: 576px){
    .ud-v2-auth-logo{ width: 130px; }
    .ud-v2-auth-visual{ min-height: 260px; }
  }
  
  /* کمک‌های متنی رنگی (در صورت نیاز) */
  .ud-v2-text-green{ color: var(--udv2-green)!important; }
  .ud-v2-text-red{ color: var(--udv2-red)!important; }
  

  /* === UD-V2 Footer ====================================================== */
.ud-v2-auth-footer{
    border-top: 1px solid rgba(0,0,0,.06);
    background: #f7f9fb; /* لطیف، با بوت‌استرپ ۵ هماهنگ */
  }
  
  .ud-v2-auth-footer .container{ max-width: 1140px; }
  
  .ud-v2-footer-link{
    color: var(--udv2-deep, #262d3b);
    text-decoration: none;
  }
  .ud-v2-footer-link:hover{
    color: var(--udv2-cyan, #4cb6c7);
    text-decoration: underline;
  }
  
  /* در تم‌های خیلی تیره (در صورت نیاز) */
  .ud-v2-auth-bg + .ud-v2-auth-footer{
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(6px);
  }