/* UMWE Control Center v10 — interaction and finishing pass */
@media(min-width:901px){
  /* Account menu is global: profile, settings and immediate sign out. */
  .profile-menu .danger-link{display:flex!important;border-top:1px solid var(--line)!important;margin-top:5px!important;padding-top:11px!important;color:#d93f4f!important}

  /* Header controls stay interactive above Messages. Dialogs still outrank the header. */
  .topbar{z-index:500!important;pointer-events:none!important}
  .topbar .nav-back,.topbar .top-actions,.topbar .popover-wrap,.topbar button{pointer-events:auto!important}
  body.messages-open .topbar{z-index:500!important}
  body.messages-open .profile-menu,body.messages-open .notifications,body.messages-open .popover{z-index:560!important;pointer-events:auto!important}
  body.messages-open .umwe-messages-layer{z-index:40!important}

  /* Task/access dialogs never collide with the fixed application header. */
  .umwe-modal-overlay{z-index:900!important;padding:82px 24px 24px!important;align-items:flex-start!important;overflow-y:auto!important}
  .umwe-task-modal,.umwe-access-modal{z-index:910!important;max-height:calc(100vh - 106px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  body.umwe-dialog-open .topbar{z-index:60!important}

  /* Access verification reads as concise system status rather than an instruction. */
  .umwe-access-modal .umwe-verification-copy{max-width:650px!important}
  .umwe-access-modal .umwe-verification-copy h2,
  .umwe-access-modal .umwe-verification-copy h3,
  .umwe-access-modal .umwe-verification-copy h4{margin:0 0 5px!important;font-size:16px!important}
  .umwe-access-modal .umwe-access-status-copy{margin:0!important;font-size:12px!important;line-height:1.5!important;color:var(--muted)!important;max-width:620px!important}
  .umwe-access-modal .umwe-resend-verification{min-width:126px!important;max-width:146px!important;padding:8px 10px!important}

  /* Messages use the available canvas with a familiar conversational rhythm. */
  .umwe-messages{padding:14px 28px 22px!important}
  .msg-page-head{margin:0 0 14px!important}
  .msg-shell{min-height:0!important;border-radius:16px!important}
  .msg-thread{padding:24px 28px 30px!important}
  .msg-bubble-row{display:flex!important;width:100%!important;margin:12px 0!important}
  .msg-bubble-row.mine{justify-content:flex-end!important}
  .msg-message-stack{width:auto!important;max-width:min(68%,620px)!important}
  .msg-bubble{display:block!important;width:auto!important;min-width:54px!important;max-width:100%!important;padding:11px 15px!important;border-radius:19px 19px 19px 7px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;line-height:1.42!important}
  .msg-bubble-row.mine .msg-bubble{border-radius:19px 19px 7px 19px!important}
  .msg-time{display:block!important;margin:5px 7px 0!important}
  .msg-bubble-row.mine .msg-time{text-align:right!important}

  /* Consistent breathing room between context labels and page content. */
  .page .brand-footer-line{margin:30px 0 20px!important;min-height:20px!important}
  .page .brand-footer-line + *{margin-top:0!important}
}

@media(max-width:760px){
  .profile-menu .danger-link{display:flex!important;color:#d93f4f!important}
}
