/* MANARA M-33 Staff Mobile Hardening */
.m33-native-surface .m33-health-strip{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#0b3d2e,#14532d);color:#fff;border-radius:18px;padding:14px;margin:12px 0;box-shadow:0 14px 28px rgba(11,61,46,.18)}.m33-health-strip b{display:block}.m33-health-strip span{font-size:12px;opacity:.82}.m33-native-surface .timeline article{transition:max-height .25s ease,opacity .2s ease}.m33-native-surface .timeline article.is-hidden-page{display:none}.m33-native-surface .timeline article.m33-match-hidden{display:none!important}.m33-native-surface .request-tabs{position:sticky;top:0;background:rgba(250,250,250,.94);backdrop-filter:blur(10px);z-index:3;padding:8px 0;overflow-x:auto}.m33-native-surface .request-tabs button{white-space:nowrap}.m33-native-surface .m33-media-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.m33-native-surface .m33-media-preview img{width:76px;height:76px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.35)}.m33-native-surface .workflow-accordion[open]{scroll-margin-top:12px}.m33-native-surface .m33-sticky-submit{position:sticky;bottom:74px;z-index:4;box-shadow:0 12px 28px rgba(11,61,46,.25)}@media(max-width:560px){.m33-native-surface .actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m33-native-surface .timeline article{padding:12px}.m33-native-surface .input{font-size:16px}}


/* M39 staff PWA mobile/RTL stabilization */
.staff-shell, .staff-card, .staff-hero, .staff-grid { overflow-wrap: anywhere; }
.staff-card img, .staff-card video, .staff-card audio { max-width: 100%; }
@media (max-width: 640px) {
  body { overflow-x: hidden; }
  .staff-shell { padding-inline: 12px; }
  .staff-grid { grid-template-columns: 1fr !important; }
  .staff-actions, .staff-tabs, .staff-topbar { flex-wrap: wrap; gap: 10px; }
  .staff-btn, button, input, textarea, select { width: 100%; max-width: 100%; }
  .staff-table { display: block; overflow-x: auto; }
}