
/* AS Surface OS 212 — critical interior style force */
body[data-as-build="212"] #app .workspace94.as211v11a-shell{
  --blue:#d3a568!important;
  --blue2:#d3a568!important;
  --purple:#b99269!important;
  --as11-gold:#d3a568!important;
  --as11-gold-2:#e4bc83!important;
  --as11-gold-soft:rgba(211,165,104,.12)!important;
  --as11-gold-line:rgba(211,165,104,.34)!important;
}

/* Normal primary action = AS Surface material gold */
body[data-as-build="212"] #app .workspace94.as211v11a-shell .primary-btn,
body[data-as-build="212"] #app .workspace94.as211v11a-shell button.primary-btn,
body[data-as-build="212"] #app .workspace94.as211v11a-shell .quick-actions .primary-btn,
body[data-as-build="212"] #app .workspace94.as211v11a-shell .page-head .primary-btn{
  background:linear-gradient(135deg,#deb477,#be8749)!important;
  background-color:#d3a568!important;
  border-color:#e2ba82!important;
  color:#15110c!important;
  box-shadow:0 9px 26px rgba(190,135,73,.17)!important;
}

/* Sidebar active route = gold edge, never blue */
body[data-as-build="212"] #app .workspace94.as211v11a-shell .workspace91c-menu-item.active,
body[data-as-build="212"] #app .workspace94.as211v11a-shell .workspace91c-menu-item[aria-current="page"]{
  background:linear-gradient(90deg,rgba(211,165,104,.18),rgba(211,165,104,.045))!important;
  background-color:#171a18!important;
  border:1px solid rgba(211,165,104,.28)!important;
  color:#fff4df!important;
  box-shadow:inset 3px 0 0 #d3a568!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .workspace91c-menu-item.active .workspace91c-menu-icon{
  color:#e4bc83!important;
  background:rgba(211,165,104,.09)!important;
  border-color:transparent!important;
}

/* Universal page header signature; explicitly kills legacy blue diagonal */
body[data-as-build="212"] #app .workspace94.as211v11a-shell .page-head{
  min-height:128px!important;
  border:1px solid #303a40!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 87% 17%,rgba(211,165,104,.11),transparent 25%),
    linear-gradient(145deg,#141d21,#10181c)!important;
  box-shadow:0 15px 38px rgba(0,0,0,.13)!important;
  overflow:hidden!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .page-head::before{
  content:""!important;
  position:absolute!important;
  left:auto!important;right:-70px!important;top:-82px!important;bottom:auto!important;
  width:430px!important;height:230px!important;
  border:1px solid rgba(211,165,104,.17)!important;
  border-radius:48px!important;
  background:linear-gradient(145deg,rgba(211,165,104,.04),transparent)!important;
  transform:rotate(16deg)!important;
  box-shadow:0 15px 0 rgba(211,165,104,.018),0 30px 0 rgba(211,165,104,.012)!important;
  opacity:1!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .page-head::after{
  content:""!important;
  position:absolute!important;
  left:26px!important;right:auto!important;top:auto!important;bottom:0!important;
  width:150px!important;height:2px!important;
  background:linear-gradient(90deg,#d3a568,transparent)!important;
  transform:none!important;opacity:.92!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .page-head small{
  color:#e4bc83!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .page-head h1{
  color:#f3f2ee!important;
}

/* Active tabs */
body[data-as-build="212"] #app .workspace94.as211v11a-shell .tabs button.active,
body[data-as-build="212"] #app .workspace94.as211v11a-shell .workforce-clean-tabs button.active{
  background:rgba(211,165,104,.13)!important;
  color:#fff2dd!important;
  border-color:rgba(211,165,104,.32)!important;
  box-shadow:inset 0 0 0 1px rgba(211,165,104,.10)!important;
}

/* CRM neutral stages = one material language; only Won/Lost remain semantic */
body[data-as-build="212"] #app .workspace94.as211v11a-shell .crm-stage{
  border:1px solid #303a40!important;
  border-top-color:#303a40!important;
  background:#11191e!important;
  color:#f0f0ec!important;
  box-shadow:none!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .crm-stage.active{
  border-color:rgba(211,165,104,.35)!important;
  border-top-color:#d3a568!important;
  background:linear-gradient(145deg,rgba(211,165,104,.14),#121a1f)!important;
  box-shadow:inset 0 0 0 1px rgba(211,165,104,.11)!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .crm-stage[data-crm-status="Won"]{
  border-top-color:#61bc86!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .crm-stage[data-crm-status="Lost"]{
  border-top-color:#e2757b!important;
}

/* KPI neutral accents: force legacy blue/purple to material tones */
body[data-as-build="212"] #app .workspace94.as211v11a-shell .stat[style*="var(--blue)"],
body[data-as-build="212"] #app .workspace94.as211v11a-shell .stat[style*="var(--purple)"]{
  --accent:#d3a568!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .stat{
  border-color:#303a40!important;
  background:linear-gradient(145deg,rgba(211,165,104,.02),#11191e)!important;
}

/* Bigger readable tables */
body[data-as-build="212"] #app .workspace94.as211v11a-shell .data-table th{
  padding:13px 14px!important;
  background:linear-gradient(180deg,rgba(211,165,104,.06),transparent),#172128!important;
  color:#a2acb1!important;
  border-bottom-color:#39454b!important;
  font-size:8.5px!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .data-table td{
  padding:15px 14px!important;
  color:#ccd1d3!important;
  font-size:10px!important;
  border-bottom-color:#232d32!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .data-table td small{
  color:#8b969c!important;
  font-size:8.5px!important;
}

/* Command Center normal accent */
body[data-as-build="212"] #app .workspace94.as211v11a-shell .command-eyebrow{
  color:#e4bc83!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .as-kpi-card::before{
  background:#d3a568!important;
}
body[data-as-build="212"] #app .workspace94.as211v11a-shell .as-flow-number{
  color:#e4bc83!important;
  background:rgba(211,165,104,.13)!important;
  border-color:rgba(211,165,104,.30)!important;
}

/* Inputs/focus no legacy blue ring */
body[data-as-build="212"] #app .workspace94.as211v11a-shell input:focus,
body[data-as-build="212"] #app .workspace94.as211v11a-shell select:focus,
body[data-as-build="212"] #app .workspace94.as211v11a-shell textarea:focus{
  border-color:rgba(211,165,104,.38)!important;
  box-shadow:0 0 0 3px rgba(211,165,104,.075)!important;
  outline:0!important;
}

@media(max-width:800px){
  body[data-as-build="212"] #app .workspace94.as211v11a-shell .as94-mobile-tab.active{
    color:#e4bc83!important;
    background:rgba(211,165,104,.14)!important;
  }
  body[data-as-build="212"] #app .workspace94.as211v11a-shell .as94-mobile-scan{
    background:linear-gradient(145deg,#dcad70,#b97d40)!important;
    color:#15110c!important;
  }
}
