/* Motivation Manual v1.8: one shared on-screen header system for all six tools. */
@media screen {
  .mm-header, .sitebar.mm-header, .site.mm-header {
    box-sizing:border-box; width:100%; min-height:68px; margin:0;
    background:#152334!important; color:#fff!important;
    border-bottom:1px solid #263b50!important;
    padding:0 22px!important;
    display:flex!important; align-items:center!important; justify-content:space-between!important;
    gap:24px!important; flex-wrap:nowrap!important;
    font-family:'Open Sans',Arial,sans-serif;
  }
  .mm-header .sitebar-inner, .mm-header > .mm-header-inner {
    width:100%!important;max-width:none!important; margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:24px!important;min-height:68px!important;
  }
  .mm-header .brand, .mm-header .mm-brand {
    flex:0 0 auto!important;display:flex!important;align-items:center!important;
    gap:10px!important;margin:0!important;padding:0!important;border:0!important;
    background:transparent!important;text-decoration:none!important;color:#fff!important;
    min-height:44px!important; font-family:Lato,Arial,sans-serif!important;
    line-height:1.12!important;text-align:left!important;
  }
  .mm-header .brand-image {width:36px!important;height:36px!important;object-fit:contain!important;flex-shrink:0!important;}
  .mm-header .brand-stack,.mm-header .brand > span {display:flex!important;flex-direction:column!important;gap:2px!important;}
  .mm-header .brand strong {display:block!important;font:900 .86rem/1.12 Lato,Arial,sans-serif!important;letter-spacing:.06em!important;color:white!important;white-space:nowrap!important;}
  .mm-header .brand small {display:block!important;font:400 .73rem/1.14 'Open Sans',Arial,sans-serif!important;letter-spacing:0!important;color:#d8e2ea!important;white-space:nowrap!important;margin:0!important;}
  .mm-header .site-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 1 auto!important;flex-wrap:wrap!important;width:auto!important;margin:0!important;}
  .mm-header .site-actions .status-chip {display:inline-flex!important;align-items:center!important;background:#344b60!important;color:#fff!important;border-radius:999px!important;font:800 .76rem/1.2 'Open Sans',Arial,sans-serif!important;padding:5px 9px!important;white-space:nowrap!important;}
  .mm-header .site-actions .linkbtn,.mm-header .site-actions .nav-link {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:44px!important;padding:9px 8px!important;color:#fff!important;
    border:0!important;background:transparent!important;text-decoration:none!important;
    font:800 1rem/1.25 'Open Sans',Arial,sans-serif!important;white-space:nowrap!important;
  }
  .mm-header .site-actions .danger-link,.mm-header .site-actions .quiet {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:44px!important;padding:9px 12px!important;border:1px solid #8598a9!important;
    border-radius:9px!important;background:transparent!important;color:#fff!important;
    font:800 1rem/1.25 'Open Sans',Arial,sans-serif!important;white-space:nowrap!important;text-decoration:none!important;
  }
  .mm-header .site-actions a:hover,.mm-header .site-actions button:hover {background:#294159!important;}
  .mm-header :is(a,button):focus-visible {outline:3px solid #ef9d9d!important;outline-offset:2px!important;}
}
@media screen and (max-width:900px) {
  .mm-header,.sitebar.mm-header,.site.mm-header{padding:9px 13px!important;}
  .mm-header .sitebar-inner,.mm-header>.mm-header-inner{flex-wrap:wrap!important;gap:6px 12px!important;}
  .mm-header .site-actions{justify-content:flex-start!important;width:100%!important;gap:3px 8px!important;}
  .mm-header .site-actions .linkbtn,.mm-header .site-actions .nav-link,.mm-header .site-actions .danger-link,.mm-header .site-actions .quiet{font-size:.83rem!important;min-height:40px!important;padding:7px 8px!important;}
  .mm-header .site-actions .status-chip{font-size:.7rem!important;}
}
@media print { .mm-header {display:none!important;} }
/* v1.9 navigation behavior: desktop stays visible; mobile uses compact toggle. */
@media screen {
  .mm-header, .sitebar.mm-header, .site.mm-header {position:sticky!important;top:0!important;z-index:100!important;}
  .mm-mobile-menu {display:none;cursor:pointer;border:1px solid #8598a9;background:#152334;color:#fff;border-radius:8px;min-height:44px;padding:8px 14px;font:800 .9rem/1.2 'Open Sans',Arial,sans-serif;}
  .mm-mobile-menu:focus-visible {outline:3px solid #ef9d9d;outline-offset:2px;}
}
@media screen and (max-width:900px) {
  .mm-header,.sitebar.mm-header,.site.mm-header {padding:5px 12px!important;min-height:54px!important;}
  .mm-header .sitebar-inner,.mm-header>.mm-header-inner {min-height:54px!important;flex-wrap:wrap!important;gap:0 10px!important;}
  .mm-header .brand-image {width:32px!important;height:32px!important;}
  .mm-header .brand strong {font-size:.78rem!important;}
  .mm-header .brand small {font-size:.68rem!important;}
  .mm-header .mm-mobile-menu {display:inline-flex;align-items:center;justify-content:center;margin-left:auto;}
  .mm-header .site-actions {display:none!important;width:100%!important;order:3!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:10px 0 8px!important;}
  .mm-header.mm-menu-open .site-actions {display:flex!important;}
  .mm-header .site-actions a,.mm-header .site-actions button {justify-content:flex-start!important;white-space:normal!important;}
  .mm-header .site-actions .status-chip {align-self:flex-start!important;}
}
@media print {.mm-mobile-menu {display:none!important;}}