/* Progress 6.60 — navigation, messages and notification center closeout. */
.staffDrawer.proNavReady{background:linear-gradient(180deg,#0b1220,#111c30)!important;border:0!important;color:#fff!important;box-shadow:18px 0 55px rgba(2,6,23,.32)!important}.staffDrawer .staffDrawerHead{position:sticky;top:0;z-index:8;margin:0 -10px;padding:16px 14px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:#0b1220!important;color:#fff!important}.staffDrawer .staffDrawerHead span,.staffDrawer .staffDrawerHead .proBrandText small{color:#93a4be!important}.staffDrawer .staffDrawerHead button{border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;color:#fff!important}.staffDrawer .proNavSearchWrap{top:69px;margin:0 -2px;padding:12px 2px 10px;background:#0d1727!important}.staffDrawer .proNavSearch{height:42px;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.07)!important;color:#fff!important}.staffDrawer .proNavSearch::placeholder{color:#7f91ab}.staffDrawer .proNavSearch:focus{border-color:#60a5fa!important;background:rgba(255,255,255,.1)!important}.staffDrawer .proNavGroup{border-top:1px solid rgba(255,255,255,.08)!important}.staffDrawer .proNavGroup summary{padding:13px 7px!important;color:#8fa0ba!important}.staffDrawer .proNavGroup summary:hover{color:#fff!important}.staffDrawer .proNavGroupIcon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.07);font-size:13px}.staffDrawer .proNavItems{gap:3px!important}.staffDrawer .proNavItems>.tab{min-height:43px!important;color:#c1cbda!important;border:1px solid transparent!important;background:transparent!important}.staffDrawer .proNavItems>.tab::before{color:#8090a8}.staffDrawer .proNavItems>.tab:hover{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}.staffDrawer .proNavItems>.tab.active{border-color:rgba(96,165,250,.18)!important;background:linear-gradient(90deg,rgba(37,99,235,.3),rgba(37,99,235,.08))!important;color:#fff!important;box-shadow:inset 3px 0 #facc15!important}.staffDrawer .proNavItems>.tab.active::before{color:#facc15}.staffDrawer .staffDrawerLogout{min-height:44px!important;border:1px solid rgba(248,113,113,.18)!important;background:rgba(127,29,29,.15)!important;color:#fecaca!important}.staffDrawer :where(.messageNavBadge,.maintenanceNavBadge,#issueBadge){margin-left:auto!important;border-radius:999px!important;background:#dc2626!important;color:#fff!important;font-size:9px!important}
.appDrawer{background:linear-gradient(180deg,#0b1220,#111c30)!important;color:#fff!important}.appDrawer .appDrawerHead{border-bottom:1px solid rgba(255,255,255,.09)!important}.appDrawer .appDrawerNav{padding:10px!important}.appDrawer .appDrawerNav button{min-height:47px!important;border:1px solid transparent!important;background:transparent!important;color:#c6d0df!important}.appDrawer .appDrawerNav button:hover{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}.appDrawer .appDrawerNav button>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.07)}.appDrawer .workerHomeButton{border-color:rgba(250,204,21,.22)!important;background:rgba(250,204,21,.1)!important;color:#fde68a!important}.appDrawer .workerHomeButton>span{background:#facc15!important;color:#111827!important}.appDrawer .drawerSection{border-radius:12px;background:rgba(255,255,255,.025)}.appDrawer .drawerSubmenu{margin:0 5px 7px 39px;padding-left:9px;border-left:1px solid rgba(255,255,255,.12)}.appDrawer .drawerSubmenu button{min-height:39px!important;color:#98a8bf!important}.appDrawer .appDrawerLogout{margin:10px!important;border:1px solid rgba(248,113,113,.18)!important;background:rgba(127,29,29,.15)!important;color:#fecaca!important}
/* Patch155: this line used to also carry a whole second, competing
   .staffActivityBackdrop/Panel/Head/Tools/List/Card/Empty redesign
   (Dashboard-only, via !important) alongside .workerInboxBackdrop below.
   Robert asked for the notifications panel to look "the same" (takie
   samo) everywhere -- with two different !important skins, the Dashboard
   and the module pages could never actually match, whichever one loaded
   last. assets/staff-nav.css (loaded on every page, Dashboard included)
   is now the single source of truth for that panel, so the
   .staffActivity* rules that used to be here were removed; only the
   unrelated .workerInboxBackdrop rule (worker inbox, a different panel)
   stays. */
.workerInboxBackdrop{background:rgba(2,6,23,.62)!important;backdrop-filter:blur(8px)!important}
.communicationHero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:21px 23px;border-radius:18px;background:linear-gradient(135deg,#0b1220,#1e293b);color:#fff;box-shadow:0 16px 40px rgba(15,23,42,.16)}.communicationHero>div{display:grid;gap:5px}.communicationHero span{color:#facc15;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.communicationHero h2{margin:0!important;color:#fff!important;font-size:25px!important;letter-spacing:-.035em}.communicationHero p{margin:0;color:#aab7ca;font-size:11px}.communicationHero i{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#facc15;color:#111827;font-size:22px;font-style:normal}.messageCenterLayout{display:grid!important;grid-template-columns:minmax(300px,390px) minmax(0,1fr)!important;align-items:start!important;gap:15px!important}.messageComposer{position:sticky;top:16px;display:grid!important;gap:13px!important;padding:20px!important;border-radius:17px!important;background:#fff!important}.messageComposer>div:first-child{padding-bottom:13px;border-bottom:1px solid #e5eaf1}.messageComposer h2,.sentMessagesCard h2{font-size:18px!important;letter-spacing:-.025em}.messageComposer p,.sentMessagesCard p{color:#64748b!important;font-size:11px!important;line-height:1.45}.messageComposer label{font-size:11px!important;letter-spacing:.015em}.messageComposer :where(input,select,textarea){border-radius:10px!important;background:#f8fafc!important}.messageComposer textarea{min-height:135px!important;resize:vertical}.messageComposer>button[type=submit]{min-height:47px!important;border-radius:11px!important;background:#2563eb!important;box-shadow:0 8px 18px rgba(37,99,235,.2)}.sentMessagesCard{min-width:0;padding:19px!important;border-radius:17px!important}.messageListHead{align-items:center!important;padding-bottom:14px;border-bottom:1px solid #e5eaf1}.staffMessageTools{grid-template-columns:minmax(180px,1fr) 150px!important;margin:13px 0!important}.staffMessageTools :where(input,select){border-radius:10px!important;background:#f8fafc!important}.sentMessagesList{display:grid!important;gap:10px!important}.sentMessage{padding:15px!important;border:1px solid #dbe4ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 17px rgba(15,23,42,.045)!important}.sentMessage.hasUnreadReplies{border-left:5px solid #2563eb!important;background:#f8fbff!important}.sentMessage.priority-urgent{border-color:#fecaca!important;background:#fff7f7!important}.staffMessageReplyForm{gap:8px!important;padding-top:13px!important}.staffMessageReplyForm textarea{border-radius:10px!important;background:#f8fafc!important}.staffMessageSummary{gap:8px!important}.staffMessageSummary>article{border:1px solid #dbe4ef!important;border-radius:13px!important;background:#f8fafc!important}
.workerInboxPanel{inset:10px 10px 10px auto!important;width:min(calc(100vw - 20px),520px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:22px!important;background:#f3f6fa!important;box-shadow:-20px 24px 70px rgba(2,6,23,.4)!important;overflow:hidden}.workerInboxHead{min-height:82px!important;padding:17px 18px!important;background:linear-gradient(135deg,#0b1220,#1e293b)!important}.workerInboxHead strong{font-size:18px!important}.workerInboxHead span{color:#9cacc2!important}.workerInboxHead button{width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important}.workerInboxTabs{gap:5px!important;padding:9px!important;border-bottom:1px solid #dbe4ef!important;background:#fff!important}.workerInboxTabs button{min-height:47px!important;border:1px solid transparent!important;border-radius:11px!important;background:#f1f5f9!important;color:#64748b!important}.workerInboxTabs button.active{border-color:#bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important;box-shadow:none!important}.workerInboxTabs button>span{font-size:15px}.workerInboxTabs i,.notificationTabBadge{background:#dc2626!important;color:#fff!important}.workerInboxPane{padding:12px!important}.workerMessageTools{gap:8px!important}.workerMessageTools :where(input,select){min-height:43px!important;border-radius:10px!important;background:#fff!important}.workerStartConversation{min-height:44px!important;border-radius:11px!important;background:#2563eb!important}.inboxTaskCard,.inboxMessageCard,.inboxNotificationCard,.activityNotificationCard{padding:13px!important;border:1px solid #dbe4ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 17px rgba(15,23,42,.05)!important}.inboxMessageCard.unread{border-left:5px solid #2563eb!important;background:#f8fbff!important}.inboxMessageCard.priority-urgent,.activityNotificationCard.priority-urgent{border-color:#fecaca!important;background:#fff7f7!important}.activityNotificationCard.unseen{border-left:5px solid #2563eb!important}.notificationFeedHead{margin-bottom:10px;padding:12px!important;border:1px solid #dbe4ef;border-radius:13px;background:#fff}.workerNewConversation{border-radius:16px!important;background:#fff!important;box-shadow:0 18px 45px rgba(15,23,42,.18)!important}.workerNewConversationHead{background:#0f172a!important;color:#fff!important}.inboxTaskActionSheet{border-radius:22px 22px 0 0!important;box-shadow:0 -22px 60px rgba(2,6,23,.3)!important}
@media(max-width:900px){.messageCenterLayout{grid-template-columns:1fr!important}.messageComposer{position:static}.workerInboxPanel{inset:6px!important;width:auto!important}.communicationHero{padding:18px}.communicationHero i{width:45px;height:45px}}@media(max-width:560px){.staffMessageTools{grid-template-columns:1fr!important}.workerInboxTabs .inboxTabLabel{display:block!important}.workerInboxTabs button{padding:7px!important}.communicationHero h2{font-size:22px!important}.messageComposer,.sentMessagesCard{padding:14px!important}}
/* Patch155: the .staffActivityPanel/.staffActivityCard reduced-motion
   rule that used to be here was removed -- assets/staff-nav.css's own
   reduced-motion rule for this panel now covers every page, this one
   included, so it would only ever have been a redundant duplicate. */