/* Shared folder tabs: page sections and compact view/library switches.
   Load after screen and compact-control styles in both staff and private Model pages. */
:root :is(.message-tabs,.mode-switch,.message-library-switch,.model-private-nav,.staffing-view-switch){
  display:flex;flex-wrap:wrap;align-items:stretch;gap:5px;
  min-width:0;max-width:100%;padding:5px 5px 0;
  border:0;border-bottom:1px solid var(--rule);
  border-radius:0;background:rgb(0 0 96 / 5%);
}
:root .message-tabs{width:100%;align-self:start;justify-self:start;justify-content:flex-start}
:root :is(.message-tabs,.mode-switch,.message-library-switch,.model-private-nav,.staffing-view-switch)>button{
  display:flex;align-items:center;justify-content:center;
  min-width:0;max-width:100%;min-height:36px;height:auto;
  padding:7px 12px 12px;border:1px solid transparent;border-bottom:0;
  border-radius:6px 6px 0 0;background:transparent;box-shadow:none;
  color:var(--ink-2);font:500 12px/1.3 var(--font-sans);
  letter-spacing:.01em;text-transform:uppercase;text-align:center;
  white-space:normal;overflow-wrap:anywhere;
}
:root :is(.message-tabs,.mode-switch,.message-library-switch,.model-private-nav,.staffing-view-switch)>button:hover{color:var(--navy)}
:root :is(.message-tabs,.mode-switch,.message-library-switch,.model-private-nav,.staffing-view-switch)>button:is([aria-selected="true"],[aria-pressed="true"],.on){
  border-color:var(--rule);background:var(--surface);color:var(--navy);
  box-shadow:inset 0 3px var(--red);font-weight:700;
}
:root :is(.message-tabs,.mode-switch,.message-library-switch,.model-private-nav,.staffing-view-switch)>button:focus-visible{
  outline:2px solid var(--red);outline-offset:2px;
}
:root :is(.model-private-nav,.staffing-view-switch)>button{flex:1}
@media(any-pointer:coarse),(max-width:700px){
  :root :is(.message-tabs,.mode-switch,.message-library-switch,.model-private-nav,.staffing-view-switch)>button{min-height:44px}
}