/* R162: '+' follows the two existing R62 tabs, preserving their callbacks. */
.detail-page .info-column > .edo-r62-tabs { gap:8px; }
.detail-page .info-column > .edo-r62-tabs > .edo-r62-pill {
  flex:1 1 auto; width:auto; min-width:0;
}
.detail-page .edo-r62-tabs > .edo-r162-plus-button {
  box-sizing:border-box; flex:0 0 36px; height:36px; min-width:36px;
  display:inline-flex; justify-content:center; align-items:center;
  border:0; border-radius:9px;
  background:#27c773; color:white; font:800 23px/1 system-ui,sans-serif;
  cursor:pointer; box-shadow:0 3px 10px rgba(39,199,115,.16);
}
.detail-page .edo-r62-tabs > .edo-r162-plus-button[data-open="true"] {
  background:#f0edff; color:#5b36ee; font-size:21px; box-shadow:none;
}
.detail-page .edo-r62-tabs > .edo-r162-plus-button:hover { filter:brightness(.96); }
.detail-page .edo-r62-tabs > .edo-r162-plus-button:focus-visible {
  outline:2px solid #6544e9; outline-offset:2px;
}
/* Keep the native React handler mounted; its visible button is replaced by
   the proxy control inside the tab bar. Do not reparent the React-owned node. */
.detail-page .merged-info-files-card .info-card-actions { display:none!important; }

/* When employee selection is open, the old dropdown becomes a full card page.
   This affects ONLY the left card, not the right-side PDF viewer or app dialogs. */
.detail-page .info-column.edo-r162-people-active > .merged-info-files-card {
  display:flex!important; flex-direction:column; min-height:0;
}
.detail-page .info-column.edo-r162-people-active > .merged-info-files-card > .document-info-toolbar,
.detail-page .info-column.edo-r162-people-active > .merged-info-files-card > .document-info-card-body {
  display:none!important;
}
.detail-page .info-column.edo-r162-people-active > .merged-info-files-card > .employee-select-dropdown {
  position:relative!important; inset:auto!important; top:auto!important;
  left:auto!important; right:auto!important;
  display:flex!important; flex-direction:column;
  flex:1 1 auto; min-width:0; min-height:320px; height:100%;
  max-height:none!important; overflow:hidden;
  border:0!important; border-radius:0; box-shadow:none!important;
  animation:none!important; background:#fff;
}
.detail-page .info-column.edo-r162-people-active .employee-select-dropdown-head {
  flex:0 0 auto; min-height:65px; background:#fff;
}
.detail-page .info-column.edo-r162-people-active .employee-select-list {
  flex:1 1 auto; min-height:0; max-height:none!important;
  overflow-y:auto; overscroll-behavior:contain;
}
.detail-page .info-column.edo-r162-people-active .employee-select-footer {
  flex:0 0 auto;
}
/* Avoid a secondary page scrollbar at smaller desktop/mobile widths. */
@media(max-width:1180px) {
  .detail-page .info-column.edo-r162-people-active > .merged-info-files-card > .employee-select-dropdown {
    height:min(70dvh,620px); min-height:330px;
  }
}
@media(max-width:430px) {
  .detail-page .edo-r62-tabs > .edo-r162-plus-button { flex-basis:34px;min-width:34px;height:34px; }
  .detail-page .info-column > .edo-r62-tabs {gap:6px;}
}
html.edo-r31-dark .detail-page .info-column.edo-r162-people-active > .merged-info-files-card > .employee-select-dropdown,
html.edo-r31-dark .detail-page .info-column.edo-r162-people-active .employee-select-dropdown-head {
  background:#19243d;
}