/* Employee view slider · R19v chrome + WFM badges + Total FM tabs */
/* Below #ocView 3009 / #scView 3010 / #staffPicker 3000 so they stack on top */
#ecView.fm-slider { position: fixed; inset: 0; z-index: 2147482998; display: flex; justify-content: flex-end; isolation: isolate; }
#ecView.fm-slider[hidden] { display: none !important; }
#ecView .fm-slider-backdrop { position: absolute; inset: 0; background: rgba(9, 33, 49, 0.35); }
#ecView .fm-slider-shell {
  position: relative; z-index: 1; height: 100%;
  display: flex; align-items: stretch; max-width: 100%;
}
#ecView .fm-slider-edge {
  display: flex; flex-direction: column; gap: 6px;
  align-self: flex-start; margin-top: 52px;
  margin-right: 6px; z-index: 3; flex: 0 0 auto;
}
#ecView .fm-slider-edge-btn {
  width: 34px; height: 34px; padding: 0; margin: 0;
  border: 0; background: #2fc6f6; color: #fff;
  font-size: 14px; line-height: 1; cursor: pointer;
  display: grid; place-items: center;
  border-radius: 17px;
  box-shadow: -2px 1px 8px rgba(15, 96, 140, .22);
  font-family: inherit;
}
#ecView .fm-slider-edge-btn:hover { background: #1bb1e0; }
#ecView .fm-slider-edge-btn.is-on { background: #0f8fbf; }
#ecView .fm-slider-edge-ico { width: 16px; height: 16px; display: block; pointer-events: none; }
#ecView .fm-slider-panel {
  position: relative; z-index: 1;
  /* Персонал — самый широкий слайдер */
  width: min(780px, 96vw); height: 100%;
  max-width: 840px;
  background: #eef2f4;
  border-radius: 16px 0 0 16px;
  overflow: hidden;
  box-shadow: -8px 0 32px rgba(0,0,0,.18);
  border: 1px solid #d5dee7; border-right: 0;
  display: flex; flex-direction: column;
}
#ecView.is-help-fs .fm-slider-panel { width: min(1000px, 96vw); max-width: 1040px; }
#ecView .fm-slider-top {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 10px; padding: 14px 16px; border-bottom: 1px solid #E8ECF1; flex-shrink: 0;
  background: #fff;
}
#ecView .fm-slider-titles { flex: 1; min-width: 0; }
#ecView .fm-slider-title { font-size: 16px; font-weight: 700; color: #092131; line-height: 1.3; }
#ecView .fm-slider-sub { font-size: 12px; color: #73737D; margin-top: 4px; }
#ecView .fm-slider-body {
  flex: 1; overflow: auto;
  padding: 12px; background: #eef2f4;
  display: flex; flex-direction: column; gap: 12px;
}
#ecView #ecBody {
  display: flex; flex-direction: column; gap: 12px;
  width: 100%; min-width: 0; flex: 1;
}
#ecView .ec-tile {
  width: 100%; box-sizing: border-box;
  background: #fff; border-radius: 12px;
  box-shadow: 0 1px 3px rgba(15, 31, 45, .06);
}
#ecView .ec-tile-hero { padding: 12px; }
#ecView .ec-tile-tabs { padding: 4px 0 12px; }
#ecView .ec-msg { font-size: 12px; color: #828b95; min-height: 0; margin: 0; }
#ecView .ec-msg:empty { display: none; }
/* Busy create: центрированная карточка на слайдере (не footer) */
#ecView.is-creating .fm-slider-panel { position: relative; }
#ecView.is-creating .fm-slider-body,
#ecView.is-creating .fm-slider-top,
#ecView.is-creating .fm-slider-foot {
  pointer-events: none;
}
#ecView .ec-create-busy {
  display: none;
  position: absolute; inset: 0; z-index: 8;
  align-items: center; justify-content: center;
  background: rgba(238, 242, 244, 0.72);
  pointer-events: all;
}
#ecView.is-creating .ec-create-busy { display: flex; }
#ecView .ec-create-busy-card {
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  padding: 20px 24px; min-width: min(280px, 72%);
  background: #fff; border: 1px solid #9bc4da; border-radius: 12px;
  box-shadow: 0 8px 24px rgba(22, 99, 143, 0.16);
  text-align: center;
}
#ecView .ec-create-busy-spin {
  width: 28px; height: 28px; border-radius: 50%;
  border: 3px solid #c5d9e6; border-top-color: #16638F;
  animation: ec-create-spin 0.7s linear infinite;
  flex: 0 0 auto;
}
#ecView .ec-create-busy-lab {
  font-size: 14px; font-weight: 650; color: #16638F; line-height: 1.35;
  max-width: 28ch;
}
@keyframes ec-create-spin { to { transform: rotate(360deg); } }
/* U9: skeleton parity StaffCard — no «загрузка…» copy */
#ecView .ec-create-skel {
  padding: 8px 4px 16px;
  display: flex; flex-direction: column; gap: 12px;
}
#ecView .ec-create-skel-line {
  height: 14px; border-radius: 6px;
  background: linear-gradient(90deg, #e8eef3 0%, #f5f8fa 45%, #e8eef3 90%);
  background-size: 200% 100%;
  animation: ec-skel-shine 1.1s ease-in-out infinite;
}
#ecView .ec-create-skel-line.thin { height: 8px; }
#ecView .ec-create-skel-line.w40 { width: 40%; }
#ecView .ec-create-skel-line.w55 { width: 55%; }
@keyframes ec-skel-shine {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}
#ecView .fm-skel {
  border-radius: 6px;
  background: linear-gradient(90deg, #e8eef3 0%, #f5f8fa 45%, #e8eef3 90%);
  background-size: 200% 100%;
  animation: ec-skel-shine 1.1s ease-in-out infinite;
}
#ecView .fm-skel.line { height: 12px; display: block; }
#ecView .fm-skel.thin { height: 8px; margin-top: 5px; display: block; }
#ecView .ec-create-slot { font-size: 13px; color: #1f2a37; margin: 0 0 4px; }
#ecView .ec-create-slot.is-muted { color: #828b95; font-weight: 500; }
#ecView .ec-create-bar {
  display: flex; flex-direction: column; gap: 10px;
  padding: 10px 12px; margin: 0 0 10px;
  border: 1px solid #9bc4da; border-radius: 8px; background: #f3f8fb;
}
#ecView .ec-create-bar[hidden] { display: none !important; }
#ecView .ec-create-fields {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px;
}
#ecView .ec-create-fields label {
  display: block; font-size: 12px; color: #73737D; margin: 0;
}
#ecView .ec-create-fields .req { color: #B42318; }
#ecView .ec-create-fio { width: 100%; font-size: 18px; font-weight: 700; }
#ecView .ec-field-edit,
#ecView .ec-field-edit.fm-sd-block-edit {
  position: static; width: 16px; height: 16px; padding: 0; margin: 0 0 0 4px;
  border: 0; border-radius: 2px;
  background: rgba(255,255,255,.92); color: #16638F;
  font-size: 11px; line-height: 16px; cursor: pointer;
  box-shadow: 0 0 0 1px rgba(22,99,143,.18);
  font-family: inherit; vertical-align: middle;
  display: inline-flex; align-items: center; justify-content: center;
}
#ecView .ec-field-edit:hover,
#ecView .ec-field-edit.fm-sd-block-edit:hover {
  background: #E8F4FB;
  box-shadow: 0 0 0 1px #2fc6f6;
  color: #0b4f72;
}
#ecView .ec-fio-text { font-weight: inherit; }
#ecView .fm-slider-foot.ec-create-foot {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  padding: 12px 16px; border-top: 1px solid #E8ECF1; flex-shrink: 0;
  background: #f8f9fa;
}
#ecView .ec-create-foot[hidden] { display: none !important; }
#ecView .ec-create-foot .fm-btn-primary {
  background: #16638F; color: #fff; border: 0; border-radius: 6px;
  padding: 8px 14px; font-weight: 600; cursor: pointer; font: 600 13px/1 inherit;
}
#ecView .ec-create-foot .fm-btn-ghost {
  background: #fff; border: 1px solid #DEDEDE; border-radius: 6px;
  padding: 8px 14px; cursor: pointer; font: 500 13px/1 inherit; color: #1f2a37;
}
#ecView .ec-foot-msg { font-size: 12px; color: #828b95; margin-left: auto; }
/* Notice slot — same role as #scView .sc-plan-banner (дубли / будущие алерты) */
#ecView .ec-notice-banner {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  padding: 8px 10px; border-radius: 8px; margin: 0 0 10px;
  background: #FFF8E8; border: 1px solid #F0DFB4; color: #8A6D00; font-size: 13px;
}
#ecView .ec-notice-banner[hidden] { display: none !important; }
#ecView .ec-notice-mark {
  font-weight: 800; text-transform: uppercase; letter-spacing: .03em; font-size: 11px;
}
#ecView .ec-notice-list {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px;
  color: #5a6b7a; font-weight: 600;
}
#ecView .ec-notice-id {
  appearance: none; border: 1px solid #f0c9a0; background: #fff; color: #a33a32;
  font: inherit; font-weight: 800; font-variant-numeric: tabular-nums;
  padding: 1px 6px; border-radius: 5px; cursor: pointer;
}
#ecView .ec-notice-id:hover { background: #ffe8e5; }
#ecView .ec-notice-cur {
  margin-left: auto; font-size: 11px; font-weight: 700; color: #73737D;
}
#ecView .ec-head-line {
  display: flex; align-items: flex-start; gap: 10px; min-width: 0; flex-wrap: wrap;
}
#ecView .ec-head-line .fm-slider-title { flex: 1 1 160px; min-width: 0; }
#ecView .ec-head-actions {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex: 0 1 auto;
}
#ecView .ec-bx-open.hub-obj-bx {
  width: auto; height: auto; min-height: 24px; padding: 4px 8px; gap: 6px;
  font-size: 12px; font-weight: 600; color: #16638F; white-space: nowrap;
  display: inline-flex; align-items: center; text-decoration: none;
}
#ecView .ec-bx-open.hub-obj-bx:hover { color: #0b4f72; }
#ecView .fm-actions-menu { position: relative; }
#ecView .fm-actions-btn {
  height: 28px; padding: 0 10px; border: 0; border-radius: 8px;
  background: #2fc6f6; color: #fff; font: 600 12px/1 inherit; cursor: pointer;
  display: inline-flex; align-items: center; gap: 4px;
}
#ecView .fm-actions-drop {
  position: fixed; z-index: 2147483021;
  min-width: 240px; background: #fff; border: 1px solid #d5dee7;
  border-radius: 8px; box-shadow: 0 12px 28px rgba(33,43,54,.18);
  padding: 4px; display: none; flex-direction: column;
}
#ecView .fm-actions-drop.is-open { display: flex !important; }
#ecView .fm-actions-drop[hidden] {
  display: none !important; visibility: hidden !important; pointer-events: none !important;
}
#ecView .fm-actions-drop button {
  border: 0; background: transparent; text-align: left; padding: 8px 10px;
  border-radius: 6px; font: 500 13px/1.3 inherit; cursor: pointer; color: #1f2a37;
}
#ecView .fm-actions-drop button:hover { background: #eaf6fb; }

#ecView .ec-hero {
  display: grid; grid-template-columns: 72px 1fr; gap: 12px;
  margin: 0 0 8px; align-items: start;
}
#ecView .ec-photo {
  width: 72px; height: 72px; border-radius: 10px;
  background: #e8f4fb; color: #16638F;
  display: grid; place-items: center;
  font: 700 20px/1 inherit; overflow: hidden;
}
#ecView .ec-photo img { width: 100%; height: 100%; object-fit: cover; }
#ecView .ec-hero-meta { min-width: 0; }
#ecView .ec-fio { font-size: 17px; font-weight: 700; color: #092131; margin: 0 0 6px; }
#ecView .ec-hero .fm-today-compact {
  margin: 0; display: flex; flex-wrap: wrap; gap: 6px;
}
#ecView .ec-hero .fm-tc-m {
  display: inline-flex; align-items: baseline; gap: 4px;
  height: auto; padding: 4px 8px; border: 1px solid #d5dee7;
  border-radius: 8px; background: #f7f9fb; color: #535c69;
  font: 600 11px/1.2 inherit; cursor: default;
}
#ecView .ec-hero .fm-tc-m b { font-size: 14px; color: #092131; }
#ecView .ec-hero .fm-tc-m.on { background: #e8f6ec; border-color: #c6e6d0; }
#ecView .ec-hero .fm-tc-m.warn { background: #fff6e5; border-color: #f3d9a4; }
#ecView .ec-hero .fm-tc-m.bad { background: #fdeeee; border-color: #f3c4c4; }

#ecView .ec-sec { margin: 0 0 10px; }
#ecView .ec-sec-h {
  margin: 0; padding: 6px 8px;
  font-size: 11px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: #828b95;
  background: #f7f9fa;
  border-bottom: 1px solid #e0e4e8;
}
/* Row rules = Hire «Заявка на подбор» `.jr-table` (hub.html): td padding 8px, #edeef0 */
#ecView .ob-field,
#ecView .ec-sec-body .ob-field,
#ecView .ec-static .ob-field,
#ecView .ec-pane .ob-field {
  position: relative;
  margin: 0;
  padding: 8px;
  border-bottom: 1px solid #edeef0;
  vertical-align: top;
}
/* Hub class `.ob-grid` (onboarding/termination/docs): 2 cols for status badges */
#ecView .ec-static .ob-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0;
}
#ecView .ec-static .ob-grid .ob-field {
  min-width: 0;
  border-right: 1px solid #edeef0;
}
#ecView .ec-static .ob-grid .ob-field:nth-child(2n) { border-right: 0; }
@media (max-width: 520px) {
  #ecView .ec-static .ob-grid { grid-template-columns: 1fr; }
  #ecView .ec-static .ob-grid .ob-field { border-right: 0; }
}
#ecView .ob-field label {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: #535c69; margin: 0 0 4px;
}
#ecView .ec-val {
  font-size: 14px; color: #1f2a37; min-height: 20px; line-height: 1.4;
}
#ecView .ec-val.is-empty { color: #a8b3be; }
#ecView .chip-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#ecView .main-ui-filter-chip {
  display: inline-flex; align-items: center; gap: 4px;
  max-width: 100%; padding: 2px 8px; border-radius: 999px;
  background: #d9f4fc; font-size: 12px; color: #0b4f72;
}
#ecView .main-ui-filter-chip button {
  border: 0; background: transparent; padding: 0 2px; cursor: pointer;
  color: #16638F; font: 700 13px/1 inherit;
}
#ecView .ec-chip-add {
  height: 24px; padding: 0 8px; border: 1px dashed #c6cdd7; border-radius: 999px;
  background: #fff; color: #16638F; font: 600 12px/1 inherit; cursor: pointer;
}
#ecView .ob-pick-bar {
  display: flex; align-items: stretch; min-height: 38px;
  border: 1px solid #c6cdd7; border-radius: 6px; background: #fff;
}
#ecView .ob-pick-bar.is-disabled { background: #f4f6f8; }
#ecView .oc-open-link,
#ecView .sc-open-link {
  pointer-events: auto;
  position: relative;
  z-index: 2;
  cursor: pointer;
  color: #2067b0;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
}
#ecView .ob-pick-bar .main-ui-filter-search-filter {
  flex: 1; display: flex; align-items: center; padding: 4px 8px; min-width: 0;
}
#ecView .ob-pick-bar:not(.is-disabled) { cursor: pointer; }
#ecView .ob-pick-ph { color: #a8b3be; font-size: 13px; }

#ecView .ec-static { margin: 0; }
#ecView .ec-static .ob-pick-bar { min-height: 32px; }
#ecView .ec-tile-hero .ec-sec:last-child { margin-bottom: 0; }
#ecView .ec-badges { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#ecView .fm-badge {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 8px; border-radius: 8px; font-size: 12px; font-weight: 600;
  background: #f0f3f5; color: #535c69;
}
#ecView .fm-badge-formal.is-done, #ecView .fm-badge-formal.f-done { background: #e8f6ec; color: #1f6b45; }
#ecView .fm-badge-formal.is-none, #ecView .fm-badge-formal.f-none, #ecView .fm-badge-formal.f-pending { background: #fff6e5; color: #8a5a00; }
#ecView .fm-badge-formal.is-fired, #ecView .fm-badge-formal.f-fired { background: #fdeeee; color: #a32020; }
#ecView .fm-badge-formal.is-fire, #ecView .fm-badge-formal.f-fire_pending { background: #fdeeee; color: #a32020; }
#ecView .fm-badge-kind.is-perm { background: #e8f4fb; color: #16638F; }
#ecView .fm-badge-kind.is-temp { background: #f3eefb; color: #5b3d8f; }
#ecView .fm-badge-kind.is-sub { background: #eef3f8; color: #3d5a73; }
#ecView .fm-badge-stage.is-work { background: #e8f6ec; color: #1f6b45; }
#ecView .fm-badge-stage.is-intern { background: #e8f4fb; color: #16638F; }
#ecView .fm-badge-stage.is-is { background: #fff6e5; color: #8a5a00; }
#ecView .fm-badge-stage.is-first { background: #f0f3f5; color: #535c69; }
#ecView .ec-shift-st { padding: 3px 8px; border-radius: 8px; background: #eef3f8; font-size: 12px; font-weight: 600; color: #3d5a73; }

#ecView .ec-tabs {
  display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 8px;
  padding: 0 16px; border-bottom: 1px solid #e0e4e8;
}
#ecView .ec-tab {
  border: 0; background: transparent; padding: 10px 12px;
  font: 600 13px/1 inherit; color: #525c69; cursor: pointer;
  box-shadow: inset 0 -2px 0 transparent;
}
#ecView .ec-tile-tabs .ec-pane { padding: 0 16px; }
#ecView .ec-tile-tabs .ec-sec { margin: 0; }
#ecView .ec-tab.is-on { color: #106ebe; box-shadow: inset 0 -2px 0 #2fc6f6; }
#ecView .ec-pane[hidden] { display: none !important; }
#ecView .ec-stub {
  padding: 24px 8px; color: #828b95; font-size: 13px; text-align: center;
}
#ecView .ec-empty {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; padding: 36px 12px 28px; text-align: center;
}
#ecView .ec-empty-art { width: 160px; height: 114px; display: block; }
#ecView .ec-empty-cap { font-size: 14px; font-weight: 600; color: #828b95; }
#ecView .ec-rate-row { display: flex; align-items: center; gap: 8px; }
#ecView .ec-stars { letter-spacing: 1px; color: #d5dee7; font-size: 16px; }
#ecView .ec-star.on { color: #f5a623; }
#ecView .ec-rate-avg { font-size: 16px; color: #092131; }
#ecView .ec-rate-n { font-size: 12px; color: #828b95; }

#ecView .fm-sd-xfer-ios-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 8px;
  border-bottom: 1px solid #edeef0;
  vertical-align: top;
}
#ecView .fm-sd-xfer-ios-lbl { font-size: 13px; color: #1f2a37; }
#ecView .fm-sd-xfer-ios {
  width: 44px; height: 24px; border: 0; border-radius: 12px;
  background: #c6cdd7; position: relative; cursor: pointer; flex: 0 0 auto;
}
#ecView .fm-sd-xfer-ios::after {
  content: ""; position: absolute; top: 2px; left: 2px;
  width: 20px; height: 20px; border-radius: 50%; background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .15s ease;
}
#ecView .fm-sd-xfer-ios.is-on { background: #34c759; }
#ecView .fm-sd-xfer-ios.is-on::after { transform: translateX(20px); }

#ecView .ec-im {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 8px; border-radius: 8px; background: #f4f6f8; font-size: 13px;
}
#ecView .ec-im svg { width: 16px; height: 16px; flex: 0 0 auto; }
#ecView .ec-im.wa { color: #128C7E; }
#ecView .ec-im.tg { color: #229ED9; }
#ecView .ec-im.max { color: #4B5BF5; }

#ecView .ob-docs { margin-top: 4px; border: 1px solid #e0e4ea; border-radius: 10px; overflow: hidden; background: #fff; }
#ecView .ob-doc-row {
  display: grid;
  grid-template-columns: 20px 28px minmax(140px,1.15fr) minmax(120px,1fr) minmax(140px,1.35fr) minmax(120px,1fr);
  column-gap: 10px; align-items: center; padding: 8px;
  border-bottom: 1px solid #edeef0; font-size: 13px; position: relative;
}
#ecView .ob-doc-row:nth-child(even) { background: #fafbfc; }
#ecView .ob-doc-name { font-weight: 650; color: #1f2a37; min-width: 0; }
#ecView .ob-doc-vals { display: flex; flex-wrap: wrap; gap: 6px; color: #535c69; min-width: 0; align-items: center; }
#ecView .ob-doc-vals .ob-doc-empty { color: #a0a8b0; }
#ecView .ob-doc-vals input, #ecView .ob-doc-vals textarea {
  flex: 1 1 120px; min-width: 0; width: 100%; box-sizing: border-box;
  padding: 7px 9px; border: 1px solid #c6cdd7; border-radius: 6px; font: inherit; font-size: 13px;
  background: #f7f9fb;
}
#ecView .ob-doc-comment {
  width: 100%; box-sizing: border-box; padding: 7px 9px; border: 1px solid #c6cdd7;
  border-radius: 6px; font: inherit; font-size: 12px; background: #f7f9fb;
}
#ecView .ob-help-mini {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; border-radius: 50%; color: #9aa3ad; font-size: 11px; font-weight: 700;
}
#ecView .ob-help-mini--empty, #ecView .ob-tpl-link--empty { visibility: hidden; pointer-events: none; }
#ecView .ob-ws-nofile { color: #a0a8b0; font-size: 12px; }
#ecView .ob-req { color: #d52222; font-weight: 700; }
#ecView .ec-list { margin: 0; padding: 0; list-style: none; }
#ecView .ec-list li {
  padding: 8px; border-bottom: 1px solid #edeef0; font-size: 13px;
  vertical-align: top;
}

body.ec-view-open { overflow: hidden; }
button.ec-open-link {
  display: inline; margin: 0; padding: 0; border: 0; background: none;
  color: #106ebe; cursor: pointer; font: inherit; text-align: left;
  text-decoration: underline; text-underline-offset: 2px;
}
button.ec-open-link:hover { color: #0b4f72; }
.emp-pill.filled.ec-open-link, button.emp-pill {
  text-decoration: none; padding: 2px 8px; border-radius: 999px;
}

/* EJM / процессы — вкладка EmpCard */
#ecView .ec-ejm-filters {
  display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 10px;
}
#ecView .ec-ejm-f {
  appearance: none; border: 1px solid #d7dee7; background: #fff;
  border-radius: 999px; padding: 3px 9px; font: inherit; font-size: 11px;
  font-weight: 650; color: #5c6b7a; cursor: pointer;
}
#ecView .ec-ejm-f.is-on {
  background: #e8f2f8; border-color: #9ec2da; color: #16638f;
}
#ecView .ec-ejm-list {
  display: flex; flex-direction: column; gap: 6px; max-height: 360px; overflow: auto;
}
#ecView .ec-ejm-item {
  display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: start;
  padding: 8px 10px; border: 1px solid #e8edf3; border-radius: 6px; font-size: 12px;
  background: #fff;
}
#ecView .ec-ejm-item.tone-warn { background: #fffdf6; border-color: #e8d09a; }
#ecView .ec-ejm-item.tone-bad { background: #fff8f7; border-color: #f0c4c0; }
#ecView .ec-ejm-item.tone-ok { background: #f6fbf8; border-color: #b9dcc8; }
#ecView .ec-ejm-lab { font-weight: 700; color: #15202b; }
#ecView .ec-ejm-meta { color: #5c6b7a; font-size: 11px; margin-top: 2px; }
#ecView .ec-ejm-bx {
  font-size: 11px; font-weight: 700; color: #16638f; text-decoration: none; white-space: nowrap;
}
#ecView .ec-ejm-bx:hover { text-decoration: underline; }