/* BMG CRM warm UI layer (visual only; no app logic). Oct 30 2026.
   Palette: BMG gold (butlermg.ca --gold #C9A24A / --gold-dk #9A7426 / --gold-lt #E8CF8A),
   BMG green (Borderlands brand pine #334D32 + badge green #2E7D32), warm accents orange #EF6C00 + red #C62D21 (store-site badges). */
:root{--w-green:#334D32;--w-green2:#2E7D32;--w-green-lt:#e3efe3;--w-gold:#C9A24A;--w-gold-dk:#9A7426;--w-gold-lt:#E8CF8A;--w-orange:#EF6C00;--w-red:#C62D21;--w-cream:#fbf8f1}
body{background:linear-gradient(180deg,#fbf8f1 0,#f6f3ea 420px,#f3f1ea 100%) fixed}
header{background:linear-gradient(90deg,#1f3320 0%,var(--w-green) 55%,#3d5a2f 100%)!important;border-bottom:3px solid var(--w-gold)}
header .brand{color:#fff}header .brand::before{content:"";display:inline-block;width:34px;height:20px;margin-right:8px;vertical-align:-4px;background:url(/warm/bmg-oval.webp) center/contain no-repeat}
nav a{color:#e9efe2}nav a.on,nav a:hover{background:rgba(201,162,74,.28)!important;color:#fff}nav a.on{box-shadow:inset 0 -2px 0 var(--w-gold-lt)}
button.link{color:var(--w-gold-lt)}
/* primary buttons: BMG green; secondary keeps white */
button,.btn{background:var(--w-green2);border-color:var(--w-green2)}button:hover:not(:disabled){filter:brightness(1.08)}
button.sec{background:#fff;color:var(--w-green2);border-color:var(--w-green2)}
/* cards: soft gold top accent, warmer edge */
.card{border-color:#e6dfcf;border-top:3px solid var(--w-gold-lt);box-shadow:0 1px 3px rgba(60,45,10,.06)}
h1{position:relative;padding-bottom:6px}h1::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--w-green2),var(--w-gold),var(--w-orange),var(--w-red))}
th{background:#f7f3e8}tr.click:hover{background:#fdf6e3}
/* status chips: green/gold anchors, orange/red warm accents, dark text for contrast */
.pill{border:1px solid rgba(0,0,0,.06)}
.st-new{background:#fde2dc;color:#8f1d14}.st-contacted{background:#ffe8d1;color:#8a3b00}.st-appointment{background:#f6ead0;color:#6b4f12}
.st-shown{background:#e6f0dc;color:#2f4a1c}.st-sold{background:var(--w-green2);color:#fff}.st-lost{background:#ece9e2;color:#4b4a45}
.loc-HL{background:var(--w-green)}.loc-LC{background:#4f6b2c}.loc-WC{background:var(--w-orange);color:#1b1b1d}.loc-FM{background:var(--w-red)}
/* greeting */
#warm-hello{max-width:1400px;margin:14px auto 0;padding:0 16px}
#warm-hello .in{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:linear-gradient(100deg,#fff 0%,#fbf4e2 60%,#fde9d6 100%);border:1px solid #eadfc4;position:relative;overflow:hidden}
#warm-hello .in::after{content:"";position:absolute;right:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(239,108,0,.18),rgba(198,45,33,0) 70%)}
#warm-hello .sun{width:38px;height:38px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--w-gold-lt),var(--w-gold) 60%,var(--w-orange));box-shadow:0 0 0 4px rgba(201,162,74,.18)}
#warm-hello b{font-size:18px;color:#1f3320}#warm-hello small{display:block;color:#5d5a50;font-size:12.5px}
/* view-as switch: prominent gold pill for admins/managers */
#va-wrap{display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:3px 4px 3px 10px;border-radius:999px;background:var(--w-gold);color:#1b1b1d;font-weight:700;font-size:12.5px;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
#va-wrap select,#va-pick{max-width:200px!important;font-weight:600;border:0;border-radius:999px;padding:4px 8px;background:#fff;color:#1b1b1d}
#va-banner{background:linear-gradient(90deg,var(--w-orange),var(--w-red))!important;color:#fff!important;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.18)}
#va-banner b{color:#fff}#va-banner button{background:#fff!important;color:var(--w-red)!important;border-color:#fff;font-weight:700}
/* decorative side rails (wide screens only; never over content: main is max 1400px centred) */
.warm-rail{display:none;position:fixed;top:110px;bottom:24px;z-index:0;overflow:hidden;pointer-events:none;flex-direction:column;gap:18px;align-items:center}
.warm-rail.l{left:max(12px,calc((100vw - 1400px)/2 - 230px))}.warm-rail.r{right:max(12px,calc((100vw - 1400px)/2 - 230px))}
.warm-rail figure{margin:0;width:200px;background:#fff;padding:6px 6px 4px;border-radius:12px;border:2px solid var(--w-gold-lt);box-shadow:0 4px 14px rgba(60,45,10,.12);transform:rotate(-1.5deg)}
.warm-rail figure:nth-child(even){transform:rotate(1.5deg);border-color:#cfe0c4}
.warm-rail img{display:block;width:100%;height:110px;object-fit:cover;border-radius:8px;opacity:.92}
.warm-rail figcaption{font-size:11px;font-weight:700;color:#3c4a33;text-align:center;padding-top:4px;letter-spacing:.2px}
.warm-rail .blob{width:120px;height:120px;border-radius:44% 56% 62% 38%/48% 40% 60% 52%;opacity:.22}
.warm-rail .b1{background:radial-gradient(circle at 30% 30%,var(--w-orange),var(--w-red))}.warm-rail .b2{background:radial-gradient(circle at 60% 40%,var(--w-gold),var(--w-green2))}
main{position:relative;z-index:1}
/* thin brand edge stripes on mid-size desktops */
body::before,body::after{content:"";display:none;position:fixed;top:0;bottom:0;width:8px;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--w-green2),var(--w-gold) 40%,var(--w-orange) 70%,var(--w-red))}
body::before{left:0}body::after{right:0}
@media (min-width:1100px){body::before,body::after{display:block;opacity:.75}}
@media (min-width:1880px){.warm-rail{display:flex}body::before,body::after{opacity:.55}}
@media (max-width:760px){#warm-hello{margin-top:10px;padding:0 10px}#warm-hello .in{padding:10px 12px}#warm-hello b{font-size:16px}#va-wrap{margin:4px 0}}
@media print{.warm-rail,#warm-hello,body::before,body::after{display:none!important}}
/* ---- store brand marks (Borderlands / Frontier). Badges sit inline next to the store chip; watermarks ONLY in dead space:
   the wide-screen side rails, after empty-state cards, and in the blank area under short pages. Never behind text/tables/cards. */
.loc-HL,.loc-LC,.loc-WC,.loc-FM{padding-left:20px!important;background-repeat:no-repeat!important;background-position:3px center!important;background-size:14px 14px!important}
.loc-HL,.loc-LC{background-image:url(/warm/bl-icon.webp)!important}.loc-WC,.loc-FM{background-image:url(/warm/fr-icon.webp)!important}
.loc-HL{background-color:var(--w-green)!important}.loc-LC{background-color:#4f6b2c!important}.loc-WC{background-color:var(--w-orange)!important}.loc-FM{background-color:var(--w-red)!important}
.warm-rail .wm{width:200px;height:70px;background:center/contain no-repeat;opacity:.16;filter:saturate(.8)}
.warm-rail .wm.bl{background-image:url(/warm/bl-logo.webp)}.warm-rail .wm.fr{background-image:url(/warm/fr-logo.webp)}
.warm-rail .wm[hidden]{display:none}
.warm-empty{height:110px;margin:4px auto 14px;max-width:340px;background:center/contain no-repeat;opacity:.13;pointer-events:none}
.warm-empty.bl,#warm-under.bl{background-image:url(/warm/bl-logo.webp)}.warm-empty.fr,#warm-under.fr{background-image:url(/warm/fr-logo.webp)}.warm-empty.bmg,#warm-under.bmg{background-image:url(/warm/bmg-oval.webp)}
#warm-under{display:none;margin:0 auto 18px;max-width:360px;background:center/contain no-repeat;opacity:.12;pointer-events:none}
#warm-under.on{display:block}
@media print{.warm-empty,#warm-under{display:none!important}}