/* FEMTrace application display mode. The PDF raster display mode is separate. */
.ui-display-control{
  display:flex;
  align-items:center;
  gap:4px;
  color:#333;
  white-space:nowrap;
}

header .ui-display-control select{
  width:76px;
  min-width:76px;
}

html.theme-dark{
  color-scheme:dark;
  --fc-bg:#2f3437;
  --fc-bar:#3b4247;
  --fc-tab:#3a4146;
  --fc-line:#5a656d;
  --fc-grid:#515b63;
  --fc-ink:#edf1f3;
  --fc-muted:#c3cbd1;
  --bg:var(--fc-bg);
  --panel:#363c40;
  --ink:var(--fc-ink);
  --muted:var(--fc-muted);
  --line:var(--fc-line);
  --accent-soft:#465158;
}

html.theme-dark,
html.theme-dark body,
html.theme-dark .app{
  background:var(--fc-bg)!important;
  color:var(--fc-ink)!important;
}

html.theme-dark header{
  background:#3b4247!important;
  color:var(--fc-ink)!important;
  border-color:#707b84!important;
}

html.theme-dark header .app-title,
html.theme-dark header .brand,
html.theme-dark header .brand span,
html.theme-dark header .toolname,
html.theme-dark header .ui-display-control{
  color:var(--fc-ink)!important;
}

html.theme-dark header .toolname b{
  color:#9ec9ff!important;
}

html.theme-dark header .header-sep,
html.theme-dark .menubar .sep{
  background:#707b84!important;
}

html.theme-dark header button,
html.theme-dark header select,
html.theme-dark .tab-pane button,
html.theme-dark .toolbar button,
html.theme-dark button,
html.theme-dark select,
html.theme-dark input[type=button]{
  background:#4a5359!important;
  color:var(--fc-ink)!important;
  border-color:#77838c!important;
}

html.theme-dark header button:hover:not(:disabled),
html.theme-dark button:hover:not(:disabled),
html.theme-dark select:hover:not(:disabled){
  background:#566168!important;
  color:#fff!important;
  border-color:#8bbcff!important;
}

html.theme-dark header button.active,
html.theme-dark button.active,
html.theme-dark .snap-toggles button.active,
html.theme-dark #btn-save,
html.theme-dark #btn-run-analysis,
html.theme-dark .primary{
  background:#1a6fc4!important;
  color:#fff!important;
  border-color:#3788d6!important;
}

html.theme-dark button:disabled,
html.theme-dark select:disabled,
html.theme-dark input:disabled{
  color:#aeb8bf!important;
  -webkit-text-fill-color:#aeb8bf;
  opacity:.72!important;
}

html.theme-dark .tabs-strip{
  background:#3a4146!important;
  border-color:var(--fc-line)!important;
}

html.theme-dark .tabs-strip button{
  background:#3a4146!important;
  color:var(--fc-muted)!important;
  border-right-color:var(--fc-line)!important;
}

html.theme-dark .tabs-strip button:hover{
  background:#566168!important;
  color:#fff!important;
}

html.theme-dark .tabs-strip button.active{
  background:#4b545a!important;
  color:#fff!important;
  border-bottom-color:#8bbcff!important;
}

html.theme-dark aside,
html.theme-dark .tab-pane .section,
html.theme-dark .modal{
  background:#363c40!important;
  color:var(--fc-ink)!important;
  border-color:var(--fc-line)!important;
}

html.theme-dark .tab-pane .section h3,
html.theme-dark .tab-pane .placeholder h4,
html.theme-dark .modal h2{
  color:var(--fc-ink)!important;
}

html.theme-dark .tab-pane .row label,
html.theme-dark .tab-pane .placeholder,
html.theme-dark .tab-pane .hint,
html.theme-dark .modal .row label,
html.theme-dark .modal .note,
html.theme-dark .poly-list .count,
html.theme-dark .poly-list .role-tag{
  color:var(--fc-muted)!important;
}

html.theme-dark input[type=text],
html.theme-dark input[type=number],
html.theme-dark select{
  background:#343a3f!important;
  color:var(--fc-ink)!important;
  border-color:var(--fc-line)!important;
}

html.theme-dark input:focus,
html.theme-dark select:focus{
  background:#4e5f6d!important;
  color:#fff!important;
  outline-color:#8bbcff!important;
  border-color:#8bbcff!important;
}

html.theme-dark input::placeholder{
  color:#9ca7ae!important;
}

html.theme-dark .vtable,
html.theme-dark .fc-table{
  background:#30363a!important;
  color:var(--fc-ink)!important;
}

html.theme-dark .vtable th,
html.theme-dark .fc-table th{
  background:#515b63!important;
  color:var(--fc-ink)!important;
  border-color:var(--fc-line)!important;
}

html.theme-dark .vtable td,
html.theme-dark .fc-table td{
  background:#343a3f!important;
  color:var(--fc-ink)!important;
  border-color:var(--fc-line)!important;
}

html.theme-dark .vtable td:first-child{
  color:var(--fc-muted)!important;
}

html.theme-dark .vtable tr:hover td,
html.theme-dark .fc-table tr:hover td{
  background:#465158!important;
}

html.theme-dark .poly{
  background:#343a3f!important;
  color:var(--fc-ink)!important;
  border-color:var(--fc-line)!important;
}

html.theme-dark .poly:hover,
html.theme-dark .poly.active{
  background:#465158!important;
  border-color:#8bbcff!important;
}

html.theme-dark .poly.selected{
  background:#394f68!important;
  border-color:#8bbcff!important;
}

html.theme-dark .poly-list .sel-mark,
html.theme-dark .tab-pane .hint span[style*="#1e54c0"]{
  color:#8bbcff!important;
}

html.theme-dark .tab-pane .hint span[style*="#c0301e"]{
  color:#ff8c7e!important;
}

html.theme-dark .tab-pane .hint span[style*="#16a34a"],
html.theme-dark #xline-list span[style*="#15803d"]{
  color:#64d98b!important;
}

html.theme-dark .tab-pane .hint span[style*="#d97706"]{
  color:#ffb454!important;
}

html.theme-dark .vis-toggle:not(.active){
  background:#343a3f!important;
  color:var(--fc-muted)!important;
}

html.theme-dark .statusbar,
html.theme-dark #status{
  background:#3b4247!important;
  color:var(--fc-ink)!important;
  border-color:#707b84!important;
}

html.theme-dark .statusbar .msg{color:var(--fc-ink)!important;}
html.theme-dark .statusbar .info{color:var(--fc-muted)!important;}
html.theme-dark .statusbar .info b{color:#fff!important;}

html.theme-dark .modal-bg{
  background:rgba(0,0,0,.66)!important;
}