/* Dark, straightforward dashboard treatment inspired by the Supabase account UI. */
:root{--ink:#f3f6f7;--muted:#aeb8c2;--line:#303943;--accent:#3ecf8e;--paper:#171c22}
body{
  background-color:#0e1116;
  background-image:linear-gradient(rgba(10,14,20,.79),rgba(10,14,20,.86)),url('/contractor-blueprint-v1.png');
  color:var(--ink);
}
.site-header,header{background:rgba(20,24,30,.96);border-color:var(--line)}
.brand,.site-header .brand,header a,.site-header nav a{color:#f6f8f9}
.brandmark{background:#1b222a;border-color:#3c4651;color:var(--accent)}
.button,.pill,button.primary,.tabs button.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#092016!important}
.button.quiet,.tabs button,.ghost,button{background:#1a2129;color:#f3f6f7;border-color:#46515c}
.lead-card,.card{background:rgba(23,28,34,.97)!important;color:#f3f6f7;border:1px solid #35404a!important;border-top:3px solid var(--accent)!important;box-shadow:none}
.lead-card h2,.card h2,.card h3{color:#fff}
.lead-card>p:not(.eyebrow),.account-note,.muted,.lead,.footer{color:#aeb8c2!important}
.eyebrow,.hero-copy .eyebrow{color:var(--accent)!important}
.hero-copy h1,body:has(#welcome) #welcome h1{color:#fff}
.hero-copy>p:not(.eyebrow),body:has(#welcome) #welcome .lead{color:#c4ced6}
.hero-copy .text-link{color:#9df5bf}
input,select,.field input,.field select,.field textarea{background:#10161d!important;color:#f3f6f7!important;border-color:#45515d!important}
input::placeholder{color:#7e8994!important}
.notice,.install{background:#17241f!important;color:#e8f7ee!important;border-color:#315441!important}
.notice{border-left-color:var(--accent)!important}
.tabs{border-bottom-color:#3a4651}
.metric,.history,.inventory-row{background:transparent!important;border-color:#39444f!important}
.metric{color:#f3f6f7}.metric strong,.pill{color:#092016!important}
.site-header+main+footer,body:has(#welcome)>footer{color:#aeb8c2}
footer{border-color:#303943!important}footer a{color:#9df5bf!important}

/* Keep interactive text and dashboard totals readable on the dark portal. */
.notice a{
  color:#9df5bf!important;
  font-weight:750;
  text-decoration-color:#9df5bf;
  text-underline-offset:3px;
}
.notice a:hover,.notice a:focus-visible{color:#d9ffe7!important}
.metric strong{color:#59d69a!important}