/* ===== Public Auth: Login (scoped; no template change) ===== */

/* พื้นหลังโปร่งเขียวอ่อน + ระยะหายใจด้านบน */
.no-sidebar .content{
  background:
    linear-gradient(180deg, rgba(27,94,32,.08), rgba(27,94,32,0) 240px),
    #ffffff;
  min-height: calc(100vh - var(--topbar-h));
  padding-top: 18px;
  padding-bottom: 24px;
}

/* การ์ด: พื้นเขียวอ่อน, ขอบเขียวอ่อน, เงาเนียน (ตัดประกายทองจาก base) */
.no-sidebar .card{
  background: #f4f9f5 !important;
  border: 1px solid rgba(27,94,32,.20) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.07) !important;
}
.no-sidebar .card-body{ padding: 22px 22px 18px !important; }

/* หัวข้อบนการ์ด */
.no-sidebar .card .h4{
  margin: 0 0 14px;
  color: #0f1a12;
  font-weight: 800;
  letter-spacing: .1px;
}

/* ฟอร์ม: ช่องอินพุตขาวสะอาด + โฟกัสเขียว */
.no-sidebar .form-label{ color:#2a4a33; }
.no-sidebar .form-control{
  background:#ffffff;
  border:1px solid rgba(27,94,32,.22);
  color:#0f1a12;
  height: var(--control-h);
  border-radius: 12px;
}
.no-sidebar .form-control::placeholder{ color:#93a39a; }
.no-sidebar .form-control:focus{
  border-color:#1B5E20;
  box-shadow:0 0 0 .16rem rgba(27,94,32,.18);
  outline:0;
}

/* ปุ่ม Login (ใช้ .btn.btn-primary เดิมของคุณ) → โทนแบรนด์เขียว/ทอง */
.no-sidebar .btn.btn-primary{
  background: linear-gradient(90deg, var(--apa-gold, #f6ca3b), var(--apa-green, #1B5E20)) !important;
  border-color: transparent !important;
  color:#fff !important;
  border-radius: 10px;
  font-weight: 700;
  padding: .58rem 1rem;
}
.no-sidebar .btn.btn-primary:hover{ filter: brightness(1.06); }

/* ลิงก์ช่วยเหลือด้านขวา */
.no-sidebar .text-end a{
  color:#0b3d20;
  text-decoration:none;
}
.no-sidebar .text-end a:hover{ text-decoration:underline; }

/* กล่อง error */
.no-sidebar .alert.alert-danger{
  background:#fff5f5;
  border:1px solid #fecaca;
  color:#7f1d1d;
  border-radius: 10px;
}

/* จัดแนวคอลัมน์กลาง + ระยะห่างเมื่อจอเล็ก */
@media (max-width: 576px){
  .no-sidebar .content{ padding-top: 12px; }
  .no-sidebar .card-body{ padding: 18px; }
}

/* ปุ่ม Login/Register มุมขวาบน (ถ้ามี) ให้กลมกลืน */
.top-right .btn.small{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.22);
  color:#f3f7ec;
  border-radius: 10px;
  padding: 6px 12px;
}
.top-right .btn.small:hover{ border-color: var(--apa-gold, #f6ca3b); }



/* === Auth page logo: full-width but no overflow vertically === */
.no-sidebar .topbar{ overflow: hidden; }               /* กันส่วนเกินแนวตั้ง */
.no-sidebar .top-logo{
  display:flex; align-items:center;
  height: var(--topbar-h);                             /* เท่าความสูงท็อปบาร์ */
  overflow: hidden;                                    /* กันล้นแกน Y */
}
.no-sidebar .top-logo img{
  height: calc(var(--topbar-h) - 8px);                 /* กางเต็มแต่เหลือระยะ 4px บน/ล่าง */
  max-height: calc(var(--topbar-h) - 8px);
  width: auto;                                         /* ให้ยาวตามสัดส่วน */
  max-width: none;                                     /* ไม่บังคับความกว้าง → กางได้ยาว */
  object-fit: contain;                                 /* คงสัดส่วน ไม่บี้ */
  display: block;
  border-radius: 12px;                                 /* เหมือนเดิม */
}