:root{
  --auth-surface-bg: rgba(255,255,255,.02);
  --auth-card-bg: rgba(0,0,0,.25);
  --auth-border: rgba(255,255,255,.12);
  --auth-text: #ECEFF4;
  --auth-muted: #9CA3AF;
  --radius: 14px;
}
[data-theme="light"]:root{
  --auth-surface-bg: rgba(0,0,0,.02);
  --auth-card-bg: rgba(255,255,255,.85);
  --auth-border: rgba(0,0,0,.12);
  --auth-text: #0f1115;
  --auth-muted: #6c757d;
}


body.auth-layout .card-surface{ background: var(--auth-card-bg); border-radius: var(--radius); box-shadow: 0 10px 30px rgba(0,0,0,.25); backdrop-filter: blur(6px); }
body.auth-layout .card-surface .border-bottom{ border-bottom-color: var(--auth-border) !important; }


body.auth-layout .card-surface{ min-height: 100%; }
body.auth-layout .card-surface > .auth-body{ flex: 1 1 auto; }


.auth-brand{ display:flex; flex-direction:column; align-items:center; justify-content:center; }

.auth-logo{ height:72px; width:auto; border-radius: 12px; background: var(--auth-surface-bg); border:1px solid var(--auth-border); padding:8px; object-fit: contain; }

.auth-logo.square{ width:72px; height:72px; border-radius:12px; object-fit: contain; }
.auth-logo.circle, .auth-logo.rounded-circle{ width:72px; height:72px; border-radius:50%; object-fit: cover; padding:0; }
.auth-logo.rect{ height:64px; width:auto; border-radius:12px; object-fit: contain; }
.app-logo.auth-logo{ height:72px; width:72px; line-height:72px; font-size:28px; border-radius:12px; text-align:center; background: var(--auth-surface-bg); color: var(--auth-text); border:1px solid var(--auth-border); }


body.auth-layout .form-control{ border-radius: 12px; }
body.auth-layout .btn{ border-radius: 12px; }
body.auth-layout .input-group .form-control{ border-radius: 12px; }
body.auth-layout .input-group .btn{ border-radius: 12px; }


[dir="rtl"] .form-label{ text-align: right; }
[dir="ltr"] .form-label{ text-align: left; }


@media (min-width: 992px){
  body.auth-layout .display-6{ font-weight:700; }
}


.ql-container{ min-height:200px; }


body.auth-layout .min-vh-100{ min-height: 100vh !important; }
body.auth-layout .row.g-0{ --bs-gutter-x: 0; --bs-gutter-y: 0; }
body.auth-layout .container-fluid.px-0{ padding-left:0 !important; padding-right:0 !important; }


body.auth-layout .auth-body{ min-height: calc(100vh - 62px);  }
@media (min-width: 992px){
  body.auth-layout .auth-body{ min-height: calc(100vh - 70px); }
}


body.auth-layout .auth-body .form-group, body.auth-layout .auth-body .mb-3{ margin-bottom: .75rem !important; }
body.auth-layout .auth-body .btn{ padding: .5rem .9rem; }


@media (max-width: 991.98px){
  body.auth-layout .display-6{ font-size: 1.75rem; }
}


html, body.auth-layout{ height: auto; min-height: 100%; }
body.auth-layout{ min-height: 100vh; overflow-x: hidden; overflow-y: auto; }
body.auth-layout .row.g-0.min-vh-100{ min-height: 100vh; }
body.auth-layout .card-surface{ min-height: 100vh; display: flex; flex-direction: column; }
body.auth-layout .card-surface > .auth-body{ flex: 1 1 auto; overflow: visible; }
body.auth-layout .auth-hero{ overflow: hidden; }


body.auth-layout .auth-body{ min-height: calc(100vh - 64px); height: auto; }
@media (min-width: 992px){
  body.auth-layout .auth-body{ min-height: calc(100vh - 72px); }
}


body.auth-layout .auth-hero {
  background: var(--color-accent); 
  background: linear-gradient(135deg, var(--color-accent), color-mix(in oklab, var(--color-accent) 65%, #000 35%));
  color: #fff;
}
body.auth-layout .auth-hero .display-6,
body.auth-layout .auth-hero h1,
body.auth-layout .auth-hero h2,
body.auth-layout .auth-hero p { color: #fff; }

body.auth-layout .card-surface{
  background: var(--color-surface);
  border: 1px solid var(--bs-border-color, rgba(148,163,184,.25));
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}


body.auth-layout .btn-primary{
  background-color: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  color: #000 !important;
}
body.auth-layout .btn-primary:hover{ filter: brightness(.95); }
body.auth-layout .btn-primary:active{ filter: brightness(.9); }
body.auth-layout .btn-primary:focus{
  box-shadow: 0 0 0 .25rem rgba(var(--color-primary-rgb, 255, 183, 3), .25); 
  box-shadow: 0 0 0 .25rem color-mix(in oklab, var(--color-accent) 25%, transparent);
}


body.auth-layout .form-control:focus{
  border-color: var(--color-accent);
  box-shadow: 0 0 0 .25rem rgba(var(--color-primary-rgb, 255, 183, 3), .25); 
  box-shadow: 0 0 0 .25rem color-mix(in oklab, var(--color-accent) 25%, transparent);
}


body.auth-layout .quill-editor{ border:1px solid var(--bs-border-color); border-radius:10px; overflow:hidden; background: var(--color-surface); }
body.auth-layout .quill-editor .ql-toolbar{ border-bottom:1px solid var(--bs-border-color); background: var(--color-bg); }
body.auth-layout .quill-editor .ql-container{ min-height: 220px; background: var(--color-surface); }


body.auth-layout .container-fluid.px-0 { width: 100%; }
body.auth-layout .row.g-0.min-vh-100 { min-height: 100vh; }
body.auth-layout .auth-body { padding-block: clamp(16px, 3vh, 40px); }


body.auth-layout .btn-outline-dark{
  border-color: rgba(0,0,0,.15);
  background: #fff;
}
@media (prefers-color-scheme: dark){
  body.auth-layout .btn-outline-dark{ background:#0f172a; border-color:#1e293b; color:#e2e8f0; }
}