/* site.auth.css
   สไตล์เฉพาะหน้า Login/Invite (_LayoutAuth.cshtml) ของ Customer Portal - มินิมอลกว่า Portal หลัก
   เพราะนี่คือหน้าแรกที่ลูกค้าภายนอกพบเห็น ต้องให้ความรู้สึกเป็นมืออาชีพแต่ไม่ซับซ้อน

   สีทั้งหมดอ้างอิงจาก CSS variable ของ theme.css (brand ม่วง/เหลืองของอัคคีปราการ) แทนการ hardcode
   สี Bootstrap สต็อก (เดิมใช้ #0d6efd/#ffc107 ซึ่งเป็นสีฟ้า/เหลืองมาตรฐานของ Bootstrap ไม่ใช่สีแบรนด์จริง)
   เพื่อให้หน้า Login/Invite ของ Customer Portal แสดงผลตรงกับแบรนด์เดียวกับ Portal หลัก (ดู
   Portal/wwwroot/css/site.auth.css ซึ่งใช้ pattern เดียวกันนี้ทุกประการ)
*/

.auth-brand-strip {
    height: 4px;
    background-color: var(--bs-brand-accent);
    flex-shrink: 0;
}

.auth-shell {
    background:
        radial-gradient(1100px circle at 8% -10%, rgba(var(--bs-brand-accent-rgb), .28), transparent 55%),
        radial-gradient(900px circle at 105% 105%, rgba(var(--bs-primary-rgb), .45), transparent 55%),
        linear-gradient(160deg, var(--bs-primary) 0%, #241042 100%);
    background-attachment: fixed;
}

.auth-shell .card {
    border-radius: 1rem;
}

.auth-shell .auth-footer {
    color: rgba(255, 255, 255, .75);
}

    .auth-shell .auth-footer a {
        color: rgba(255, 255, 255, .9);
    }

.auth-logo-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: var(--bs-brand-accent-bg-subtle);
    box-shadow: 0 0 0 4px rgba(var(--bs-brand-accent-rgb), .18);
}