/* Auth pages (login / register) — Bricks Management by TechShilpo */
:root {
    --brand: #c2410c;
    --brand-dark: #9a3412;
    --grad-brand: linear-gradient(120deg, #c2410c 0%, #ea580c 50%, #f59e0b 100%);
    --nav-grad: linear-gradient(165deg, #21343a 0%, #132225 60%, #0f1b1d 100%);
}
* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: 'Hind Siliguri', 'Segoe UI', Tahoma, sans-serif;
    background: #eef2f5;
    color: #1f2937;
}
.auth-wrap { display: flex; min-height: 100vh; }

/* Left brand panel */
.auth-brand {
    flex: 1 1 46%;
    position: relative; overflow: hidden;
    background:
        radial-gradient(circle at 85% 15%, rgba(245, 158, 11, .25), transparent 42%),
        radial-gradient(circle at 10% 90%, rgba(194, 65, 12, .35), transparent 48%),
        var(--nav-grad);
    color: #fff;
    padding: 56px 52px;
    display: flex; flex-direction: column; justify-content: center;
}
.auth-logo { display: inline-flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; font-weight: 700; font-size: 1.3rem; margin-bottom: 40px; }
.auth-logo .lg { width: 46px; height: 46px; border-radius: 13px; background: var(--grad-brand); display: grid; place-items: center; font-size: 1.5rem; }
.auth-brand h2 { font-weight: 700; font-size: clamp(1.6rem, 2.6vw, 2.3rem); line-height: 1.3; max-width: 460px; }
.auth-brand > p { color: rgba(255, 255, 255, .82); max-width: 420px; font-size: 1.05rem; }
.auth-points { list-style: none; padding: 0; margin: 26px 0 0; }
.auth-points li { display: flex; align-items: center; gap: 10px; padding: 7px 0; color: rgba(255, 255, 255, .9); }
.auth-points i { color: #fdba74; }
.auth-brand-foot { position: absolute; bottom: 26px; left: 52px; color: rgba(255, 255, 255, .5); font-size: .85rem; }

/* Right form panel */
.auth-form { flex: 1 1 54%; display: flex; align-items: center; justify-content: center; padding: 32px 20px; }
.auth-card { width: 100%; max-width: 410px; background: #fff; border-radius: 18px; box-shadow: 0 20px 50px rgba(16, 24, 28, .10); border: 1px solid #e6eaee; padding: 34px 32px; }
.auth-head { text-align: center; margin-bottom: 22px; }
.auth-head .ico { width: 54px; height: 54px; border-radius: 15px; background: #fff1ea; color: var(--brand); display: grid; place-items: center; font-size: 1.5rem; margin: 0 auto 14px; }
.auth-head h3 { font-weight: 700; margin: 0; }
.auth-head p { color: #6b7280; margin: 4px 0 0; font-size: .92rem; }

.form-label { font-weight: 600; font-size: .86rem; color: #374151; }
.form-control { border-radius: 0 9px 9px 0; border: 1px solid #d7dde3; padding: .6rem .8rem; }
.input-group-text { border-radius: 9px 0 0 9px; background: #f4f6f8; border-color: #d7dde3; color: #6b7280; }
.form-control:focus { border-color: #f59e0b; box-shadow: 0 0 0 .2rem rgba(245, 158, 11, .18); }
.input-group:focus-within .input-group-text { border-color: #f59e0b; }

.btn-brand { background: var(--brand); border: 1px solid var(--brand); color: #fff; font-weight: 700; border-radius: 9px; }
.btn-brand:hover { background: var(--brand-dark); border-color: var(--brand-dark); color: #fff; }
.auth-link { color: var(--brand); font-weight: 600; text-decoration: none; }
.auth-link:hover { text-decoration: underline; }
.alert { border-radius: 11px; border: none; }
.alert-success { background: #e8f5ee; color: #14532d; }
.alert-danger { background: #fdeaea; color: #7f1d1d; }

@media (max-width: 860px) {
    .auth-brand { display: none; }
    .auth-form { flex: 1 1 100%; }
}