/* Shared content actions: adapt to available width, never compress long labels.
   Scoped to page headings and profile controls; chat/editor canvases unchanged. */
@media (max-width:900px){
 :root[data-design] #page .page-head>.actions,
 :root[data-design] #page .w35-heading-actions{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;
  width:100%;max-width:100%;min-width:0;gap:8px!important;align-items:stretch!important;
 }
 :root[data-design] #page .page-head>.actions:empty,
 :root[data-design] #page .w35-heading-actions:empty{display:none!important}
 :root[data-design] #page .page-head>.actions>:is(button,a),
 :root[data-design] #page .w35-heading-actions>:is(button,a),
 :root[data-design] #page .profile-actions>:is(button,a){
  box-sizing:border-box;min-width:0!important;max-width:100%;width:100%;
  min-height:48px!important;height:auto!important;margin:0!important;
  padding:12px 16px!important;gap:8px!important;justify-content:center;
  font-size:15px!important;line-height:1.4!important;white-space:normal!important;
  overflow-wrap:anywhere;word-break:normal;
 }
 :root[data-design] #page :is(.page-head>.actions,.w35-heading-actions,.profile-actions)>:is(button,a) :is(svg,.svg){
  flex:0 0 20px!important;width:20px!important;height:20px!important;
 }
 :root[data-design] #page .employee-profile,
 :root[data-design] #page .employee-profile>.stack{min-width:0}
 :root[data-design] #page .identity-card :is(h2,p){overflow-wrap:anywhere;line-height:1.4}
}
@media (max-width:600px){
 :root[data-design] #page .page-head>.actions,
 :root[data-design] #page .w35-heading-actions{grid-template-columns:minmax(0,1fr)!important}
 :root[data-design] #page .profile-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px}
 :root[data-design] #page .employee-profile .row.between{flex-wrap:wrap;gap:12px}
 :root[data-design] #page .employee-profile .row.between>h3{min-width:0;flex:1 1 180px;overflow-wrap:anywhere;margin:0}
}