/* Object view slider · R10 chrome + R11 ob-acc + R7 pencil */
#ocView.fm-slider { position: fixed; inset: 0; z-index: 2147483009; display: flex; justify-content: flex-end; }
#ocView.fm-slider[hidden] { display: none !important; }
#ocView .fm-slider-backdrop { position: absolute; inset: 0; background: rgba(9, 33, 49, 0.35); }
#ocView .fm-slider-shell {
  position: relative; z-index: 1; height: 100%;
  display: flex; align-items: stretch; max-width: 100%;
}
#ocView .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;
}
#ocView .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;
}
#ocView .fm-slider-edge-btn:hover { background: #1bb1e0; }
#ocView .fm-slider-edge-btn.is-on { background: #0f8fbf; }
#ocView .fm-slider-edge-ico { width: 16px; height: 16px; display: block; pointer-events: none; }
#ocView .fm-slider-panel {
  position: relative; z-index: 1;
  width: min(640px, 96vw); height: 100%;
  background: #fff;
  border-radius: 16px 0 0 16px;
  box-shadow: -8px 0 32px rgba(0,0,0,.18);
  border: 1px solid #dfe4ea; border-right: 0;
  display: flex; flex-direction: column;
}
#ocView.is-help-fs .fm-slider-panel { width: min(1100px, 96vw); }
#ocView .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;
}
#ocView .fm-slider-titles { flex: 1; min-width: 0; }
#ocView .fm-slider-title { font-size: 16px; font-weight: 700; color: #092131; line-height: 1.3; }
#ocView .fm-slider-sub { font-size: 12px; color: #73737D; margin-top: 4px; }
#ocView .fm-slider-body { flex: 1; overflow: auto; padding: 16px; background: #fff; }
#ocView .oc-msg { font-size: 12px; color: #828b95; min-height: 16px; margin: 0 0 8px; }
#ocView .oc-head-line {
  display: flex; align-items: flex-start; gap: 10px; min-width: 0;
}
#ocView .oc-head-line .fm-slider-title { flex: 1 1 auto; min-width: 0; }
#ocView .oc-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;
}
#ocView .oc-bx-open.hub-obj-bx:hover { color: #0b4f72; }
#ocView .ob-acc {
  border: 1px solid #cfd6de; border-radius: 10px; margin: 0 0 12px;
  background: #fff; overflow: visible; position: relative;
}
#ocView .ob-acc > summary {
  cursor: pointer; padding: 12px 14px; font-weight: 700; list-style: none;
  display: flex; align-items: center; gap: 10px; background: #f3f5f8;
  border-radius: 10px; color: #1f2a37; position: relative;
}
#ocView .ob-acc-title { flex: 1 1 auto; min-width: 0; }
#ocView .ob-acc[open] > summary {
  border-radius: 10px 10px 0 0; border-bottom: 1px solid #e0e4ea; background: #eaf6fb;
}
#ocView .ob-acc > summary::-webkit-details-marker { display: none; }
#ocView .ob-acc-n {
  width: 22px; height: 22px; border-radius: 50%; background: #535c69; color: #fff;
  display: inline-flex; align-items: center; justify-content: center; font-size: 12px;
}
#ocView .ob-acc[open] .ob-acc-n { background: #2fc6f6; }
#ocView .ob-acc > summary::after { content: "▾"; margin-left: 8px; opacity: .45; font-size: 12px; flex-shrink: 0; }
#ocView .ob-acc[open] > summary::after { content: "▴"; }
#ocView .ob-acc-body { padding: 0; overflow: visible; }
#ocView .oc-readonly { pointer-events: none; }
#ocView .oc-readonly .bx-select-control {
  cursor: default; min-height: 38px; flex-wrap: wrap; height: auto;
}
/* Row rules = EmpCard R22v / `.jr-table`: padding 8px, #edeef0 */
#ocView .ob-field {
  position: relative;
  margin: 0;
  padding: 8px 14px;
  border-bottom: 1px solid #edeef0;
  vertical-align: top;
}
#ocView .ob-field:last-child { border-bottom: 0; }
#ocView .ob-field label {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: #535c69; margin: 0 0 4px;
}
#ocView .oc-val {
  font-size: 14px; color: #1f2a37; min-height: 20px; line-height: 1.4;
  white-space: pre-wrap; word-break: break-word;
}
#ocView .oc-val.is-empty { color: #a8b3be; }
#ocView .ob-field input,
#ocView .ob-field select,
#ocView .ob-field textarea {
  width: 100%; box-sizing: border-box; padding: 8px 10px;
  border: 1px solid #c6cdd7; border-radius: 6px; font: inherit;
  background: #fff; min-height: 36px; color: #1f2a37;
}
#ocView .fm-sd-block-edit {
  position: static; width: 14px; height: 14px; padding: 0; margin: 0;
  border: 0; border-radius: 2px;
  background: rgba(255,255,255,.92); color: #16638F;
  font-size: 11px; line-height: 14px; cursor: pointer;
  box-shadow: 0 0 0 1px rgba(22,99,143,.18);
  font-family: inherit;
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
}
#ocView .fm-sd-block-edit:hover,
#ocView .ob-field.is-editing .fm-sd-block-edit {
  background: #E8F4FB;
  box-shadow: 0 0 0 1px #2fc6f6;
  color: #0b4f72;
}
#ocView .chip-row { display: flex; flex-wrap: wrap; gap: 6px; }
#ocView .main-ui-filter-chip {
  max-width: 100%;
}
#hubObjChipLab { cursor: pointer; }
body.oc-view-open { overflow: hidden; }
button.oc-open-link {
  display: inline; margin: 0; padding: 0; border: 0; background: none;
  font: inherit; font-weight: 650; color: #2066b0; cursor: pointer;
  text-align: inherit; text-decoration: underline; text-underline-offset: 2px;
}
button.oc-open-link:hover { color: #0b4f72; }