/* UMWE Control Center v8 — navigation, role branding, messaging and access-request polish */
@media(min-width:901px){
  /* Role-aware sidebar brand. Admin = Control Center; team member = Operations. */
  .sidebar .umwe-logo em{font-size:0!important}
  .sidebar .umwe-logo em:after{font-size:8px!important;letter-spacing:1.6px!important;font-style:normal!important;font-weight:700!important;opacity:.72}
  .role-admin .sidebar .umwe-logo em:after{content:'CONTROL CENTER'}
  .app:not(.role-admin) .sidebar .umwe-logo em:after{content:'OPERATIONS'}

  /* Light shell uses the dark/ink brand so UMWE remains readable. */
  :root[data-theme='light'] .sidebar .umwe-logo .u-mark{background-image:url('/assets/umwe-brand-light.svg')!important}
  :root[data-theme='light'] .sidebar .umwe-logo strong{color:#102438!important}
  :root[data-theme='light'] .sidebar .umwe-logo em{color:#607789!important}

  /* Bottom identity is compact but behaves like an account shortcut. */
  .sidebar .sidebar-user{cursor:pointer!important;border-radius:10px!important;transition:background .15s ease,transform .15s ease!important}
  .sidebar .sidebar-user:hover{background:rgba(16,191,121,.09)!important}
  .sidebar .sidebar-user:active{transform:scale(.985)!important}
  .sidebar .sidebar-user:focus-visible{outline:2px solid #10bf79!important;outline-offset:2px!important}

  /* Messages fill the usable workspace directly below the fixed topbar. */
  .umwe-messages-layer{top:70px!important}
  .umwe-messages{padding:8px 28px 20px!important}
  .msg-page-head{margin:0 0 10px!important;min-height:48px!important}
  .msg-page-head h1{font-size:25px!important;line-height:1.05!important}
  .msg-shell{min-height:0!important}

  /* Access Requests: clearer section rhythm and smaller verification action. */
  body.umwe-access-view .page{padding-top:34px!important}
  body.umwe-access-view .brand-footer-line{margin-top:34px!important;margin-bottom:22px!important;padding-top:18px!important}
  body.umwe-access-view .panel{margin-top:12px!important}
  .umwe-resend-verification{
    width:auto!important;min-width:128px!important;max-width:154px!important;height:auto!important;min-height:38px!important;
    padding:8px 12px!important;border-radius:10px!important;font-size:12px!important;line-height:1.2!important;
    white-space:normal!important;text-align:center!important;align-self:center!important
  }
  .umwe-access-modal .setting-row,.umwe-access-modal [class*='status-row']{gap:16px!important}
}

@media(max-width:760px){
  /* Keep user-side branding explicit in the mobile More sheet. */
  .app:not(.role-admin) .sidebar .umwe-logo em{font-size:10px!important}
  .app:not(.role-admin) .sidebar .umwe-logo em:after{content:none!important}
  .sidebar .sidebar-user{cursor:pointer!important}
  .umwe-resend-verification{width:auto!important;max-width:150px!important;min-height:38px!important;padding:8px 11px!important;font-size:11px!important;line-height:1.2!important}
}