/* SiteWarrior / Dark Luxury Cinematic Background — v5.1 */
/* Original SiteWarrior car photograph lives in this package; no external image fetch. */
:root { --glass: rgba(12, 14, 17, .90); --glass-border: rgba(222, 209, 191, .15); }
body { background-color:#08090b; }
/* Landing preserves the original image, with contrast control behind buttons. */
.landing {
  background-image: linear-gradient(100deg, rgba(3,4,6,.82) 0%, rgba(4,5,8,.70) 52%, rgba(3,4,6,.30) 100%), url('../images/sitewarrior-background.jpg');
  background-size:cover; background-position:center center;
}
.landing::before { opacity:.25; pointer-events:none; }
.intro { background:rgba(7,8,10,.48); border:1px solid rgba(255,255,255,.08); padding:clamp(24px,4vw,44px); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 18px 90px #0009; }
.profile {background:rgba(12,13,16,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
/* Image stays behind all screens, fixed during long dashboards and scrolling. */
.app {
  background-color:#090a0d;
  background-image:linear-gradient(90deg,rgba(7,8,10,.83),rgba(7,8,10,.71) 46%,rgba(7,8,10,.65)),url('../images/sitewarrior-background.jpg');
  background-size:cover; background-position:center center; background-attachment:fixed;
}
.sidebar { background:rgba(9,10,12,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.13); }
/* Solid-enough card surfaces preserve chart, form, and table legibility. */
.card,.column,.marketcard,.offerbox,.sw-info { background:rgba(14,16,19,.93)!important; border-color:var(--glass-border)!important; box-shadow:0 6px 25px rgba(0,0,0,.20); backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); }
.ticket {background:rgba(25,27,30,.97);border-color:rgba(220,210,196,.19)}
.card:hover,.marketcard:hover,.offerbox:hover {border-color:rgba(213,167,123,.46)!important}
.table th,.table td {text-shadow:0 1px 8px #0008}
.modal,.sw-detail {background:#17191b!important;box-shadow:0 30px 100px #000c}
.fields input,.fields select,.fields textarea,.inline-select,.offer-input {background:#111316!important;color:#f4f0e9}
.heading h1,.heading p,.top,.sectiontitle,.metric {text-shadow:0 1px 12px rgba(0,0,0,.56)}
@media(max-width:700px){.app{background-position:62% center;background-attachment:scroll}.landing{background-position:64% center}.intro{padding:22px}.sidebar{background:#090a0cf7}}
@media(prefers-reduced-motion:reduce){.intro,.profile,.marketcard,.offerbox{animation:none;transition:none}}