/* Assets tab only. Other Maintenance tabs stay as they are until their own restyle. */

html:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) { background: #faf9f6; }
body:not(.signin):has(#screen-cmms.active .cm-tab[data-tab="assets"].on) {
  background: #faf9f6;
  color: #111;
}

#screen-cmms:has(.cm-tab[data-tab="assets"].on),
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet {
  font-family: "FT Signin", system-ui, sans-serif;
  font-size: 16px;
  color: #111;
}

#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-head h1,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) h2,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) h3,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet h2 {
  color: #111;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-head h1 { font-size: 28px; }

#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-muted,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-empty,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-num,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-aid,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-kv .k,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet .cm-muted {
  color: #5c564c;
}

#screen-cmms:has(.cm-tab[data-tab="assets"].on) :focus-visible,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet :focus-visible {
  outline: 2px solid #111;
  outline-offset: 2px;
}

#screen-cmms:has(.cm-tab[data-tab="assets"].on) .ux-skel i { animation: none; background: #f3f1ec; }

#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-tabs {
  background: #faf9f6;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-tab {
  color: #5c564c;
  background: transparent;
  border-color: transparent;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-tab.on {
  color: #111;
  background: #fff;
  border-color: #e4e1da;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-tab.on::after { background: #111; }

#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-pill {
  background: #f3f1ec;
  color: #5c564c;
  border-color: #e4e1da;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-pill.accent { color: #111; border-color: #e4e1da; background: #fff; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-pill.green { color: #166534; background: #dcfce7; border-color: #bbf7d0; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-pill.red { color: #991b1b; background: #fee2e2; border-color: #fecaca; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-pill.amber { color: #92400e; background: #fef3c7; border-color: #fde68a; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-pill.demo,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-pill.demo {
  color: #5c564c;
  background: #f3f1ec;
  border-color: #e4e1da;
}

#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-tree,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-sec,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-card,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-banner,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-kpi {
  background: #fff;
  background-image: none;
  border: 1px solid #e4e1da;
  color: #111;
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.06);
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-banner.demo { border-color: #e4e1da; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-asset-tree .cm-asset-tree { border-left-color: #e4e1da; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-asset-main { color: #111; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-asset-main:hover,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-asset-main.sel { background: #f3f1ec; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-asset-main.sel { box-shadow: inset 0 0 0 1px #111; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-adesc { color: #111; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-chev span { border-color: #5c564c; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-badge.wo { background: #fef3c7; color: #92400e; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-badge.pm { background: #f3f1ec; color: #5c564c; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-dot.st-running { background: #22c55e; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-dot.st-down { background: #ef4444; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-dot.st-standby { background: #f59e0b; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-wo-link { color: #111; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-card.sel { border-color: #111; }
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-hist,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-comment { border-color: #e4e1da; color: #111; }

#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-input,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) select,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) input,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) textarea,
#cm-ast,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet input,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet select,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet textarea {
  background: #fff;
  border: 1px solid #e4e1da;
  color: #111;
}

#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-head {
  flex-direction: column;
  align-items: stretch;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .btn,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) a.btn,
html.ftf-ux_polish #screen-cmms:has(.cm-tab[data-tab="assets"].on) .btn,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet .btn {
  width: 100%;
  min-height: 52px;
  background: #fff;
  color: #111;
  border: 1px solid #e4e1da;
  border-radius: 12px;
  box-shadow: none;
  filter: none;
  font-weight: 650;
  transition: transform 100ms ease-out, background 100ms ease-out;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .btn:hover,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet .btn:hover {
  filter: none;
  transform: none;
  background: #fff;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .btn:active,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet .btn:active { transform: scale(0.98); }

/* One accent: + Asset on the page. A sheet's own primary is the accent while that sheet is open. */
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .btn-primary,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) #cm-new {
  background: #fff;
  color: #111;
  border: 1px solid #e4e1da;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) #cm-a-new,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet .btn-primary {
  background: #0f766e;
  border-color: #0f766e;
  color: #fff;
}
#screen-cmms:has(.cm-tab[data-tab="assets"].on) #cm-a-new:hover,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet .btn-primary:hover {
  background: #0c655e;
  border-color: #0c655e;
  color: #fff;
}

#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-bar,
#screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-actions,
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet-actions {
  flex-direction: column;
  align-items: stretch;
}
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet-actions { background: #fff; }
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet-back {
  background: rgba(17, 17, 17, 0.45);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet {
  background: #fff;
  color: #111;
  border: 1px solid #e4e1da;
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.06);
  animation: none;
}
body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet label { color: #5c564c; }

@media (min-width: 900px) {
  #screen-cmms.active:has(.cm-tab[data-tab="assets"].on) { max-width: 1120px; }
  #screen-cmms:has(.cm-tab[data-tab="assets"].on) .btn,
  #screen-cmms:has(.cm-tab[data-tab="assets"].on) a.btn,
  html.ftf-ux_polish #screen-cmms:has(.cm-tab[data-tab="assets"].on) .btn,
  body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet .btn {
    min-height: 46px;
    height: 46px;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
  }
  #screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-detail-pane {
    background: transparent;
  }
  #screen-cmms:has(.cm-tab[data-tab="assets"].on) .cm-detail-pane .cm-sec:first-child { margin-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #screen-cmms:has(.cm-tab[data-tab="assets"].on) .btn,
  body:has(#screen-cmms.active .cm-tab[data-tab="assets"].on) .cm-sheet .btn { transition: none; }
}