/* Loehr Remodel & Construction theme - scoped to the private Contractor Hub only. */
#module .chub{
  --ch-red:#d20d12;
  --ch-red-dark:#7e0407;
  --ch-black:#070707;
  --ch-panel:#141414;
  --ch-panel2:#1c1c1c;
  --ch-silver:#d7d7d7;
  --ch-steel:#8d9196;
  --ch-line:#515151;
  color:#f5f5f5;
  position:relative;
}
#module .chub::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.15;
  background:
    radial-gradient(circle at 15px 15px,#777 0 2px,transparent 2.5px) 0 0/30px 30px,
    radial-gradient(circle at 0 0,#333 0 2px,transparent 2.5px) 15px 15px/30px 30px;
  z-index:0;
}
#module .chub>*{position:relative;z-index:1}
#module .chub .card,
#module .chub .chub-kpi,
#module .chub .chub-item{
  background:linear-gradient(145deg,#181818,#090909);
  border-color:#505050;
  border-radius:5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.18);
}
#module .chub .card{border-top:3px solid var(--ch-red)}
#module .chub .chub-hero{
  overflow:hidden;
  padding:22px;
  background:
    linear-gradient(118deg,rgba(4,4,4,.98),rgba(19,19,19,.95) 60%,rgba(99,0,4,.62)),
    repeating-linear-gradient(135deg,#151515 0 8px,#0d0d0d 8px 16px);
  border:1px solid #747474;
  border-top:4px solid var(--ch-red);
}
#module .chub .chub-hero::after{
  content:"STEEL-BUILT STRENGTH. WORK DONE RIGHT.";
  position:absolute;
  right:18px;
  bottom:12px;
  color:#a9a9a9;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
}
#module .chub .chub-hero .eyebrow{
  color:#f1f1f1;
  letter-spacing:.16em;
}
#module .chub .chub-hero h2{
  margin:.2rem 0;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  font-size:clamp(2.3rem,6vw,4.3rem);
  letter-spacing:.055em;
  background:linear-gradient(180deg,#fff,#aaa 38%,#f0f0f0 50%,#6d6d6d 72%,#d8d8d8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-stroke:1px #252525;
  text-shadow:0 3px 0 #050505;
}
#module .chub .muted,#module .chub .small,#module .chub .chub-status{color:#b6b6b6}
#module .chub .chub-legal{
  border-color:#7a7a7a;
  background:rgba(255,255,255,.045);
  color:#d6d6d6;
  border-radius:4px;
}
#module .chub .btn{
  background:linear-gradient(180deg,#242424,#0c0c0c);
  border:1px solid #606060;
  border-radius:5px;
  color:#fff;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
#module .chub .btn.primary,
#module .chub .chub-nav button.active{
  background:linear-gradient(180deg,#d8181d,#830508);
  border-color:#ff454a;
  color:#fff;
}
#module .chub .btn.secondary{background:linear-gradient(180deg,#202020,#0a0a0a)}
#module .chub .chub-stop{background:linear-gradient(180deg,#8f0a0e,#430204)!important;border-color:#d42b30!important}
#module .chub .chub-nav{
  padding:8px;
  border:1px solid #3f3f3f;
  background:#080808;
  border-radius:5px;
}
#module .chub .chub-nav button{border-radius:4px}
#module .chub .chub-kpi{border-top:3px solid var(--ch-red)}
#module .chub .chub-kpi strong{
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  color:#fff;
  letter-spacing:.04em;
}
#module .chub .chub-item.urgent{border-color:#ff3238;box-shadow:inset 3px 0 0 #ff2026}
#module .chub .chub-post-public{border-color:#d20d12}
#module .chub .chub-helper-answer{
  background:linear-gradient(145deg,#171717,#0b0b0b);
  border-color:#5b5b5b;
  box-shadow:inset 3px 0 0 var(--ch-red);
}
#module .chub .chub-search-hit{border-left-color:var(--ch-red);background:#111}
#module .chub .chub-signal{border-color:#c1292e;background:linear-gradient(145deg,#291011,#100707)}
#module .chub .chub-gmail{border-left-color:#cfd0d1}
#module .chub .chub-pill{
  border-color:#626262;
  border-radius:4px;
  background:#121212;
  color:#e8e8e8;
}
#module .chub input,
#module .chub textarea,
#module .chub select{
  background:#080808;
  color:#fff;
  border:1px solid #555;
  border-radius:4px;
}
#module .chub input:focus,
#module .chub textarea:focus,
#module .chub select:focus{
  outline:2px solid var(--ch-red);
  outline-offset:1px;
}
#module .chub h2,#module .chub h3{color:#f4f4f4}
#module .chub a{color:#fff}
@media(max-width:800px){
  #module .chub .chub-hero::after{position:static;display:block;margin-top:12px}
}