/* MRMC.WEB V8.9.9 — notification UI only; does not style or replace Chat System. */
/* MRMC.WEB V8.8.3 — compact notification bell + unified MRMC CONNECT chat + Production mobile two-heater patch. */

/* Notification: ICON ONLY, directly beside ACTIVE USERS. */
#mrmcV878NotifBtn{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;
  padding:0!important;margin:0 7px!important;border:1px solid rgba(46,210,255,.48)!important;border-radius:999px!important;
  background:rgba(0,31,53,.9)!important;color:#fff!important;cursor:pointer!important;overflow:visible!important;
  box-shadow:0 0 13px rgba(0,189,255,.13)!important;vertical-align:middle!important;-webkit-tap-highlight-color:transparent!important;
}
#mrmcV878NotifBtn:hover{background:rgba(0,56,85,.96)!important;box-shadow:0 0 16px rgba(0,214,255,.24)!important;transform:translateY(-1px)!important}
#mrmcV878NotifBtn:focus-visible{outline:2px solid #59e9ff!important;outline-offset:2px!important}
#mrmcV878NotifBtn .mrmc-v878-notif-label,#mrmcV878NotifBtn .mrmc-v878-bell{display:none!important}
#mrmcV878NotifBtn .mrmc-v883-bell-img{display:block!important;width:25px!important;height:25px!important;object-fit:contain!important;pointer-events:none!important;filter:drop-shadow(0 0 5px rgba(35,219,255,.55))!important}
#mrmcV878NotifCount{
  display:none!important;position:absolute!important;right:-5px!important;top:-6px!important;z-index:3!important;
  min-width:18px!important;height:18px!important;padding:0 4px!important;align-items:center!important;justify-content:center!important;
  border:2px solid #042033!important;border-radius:999px!important;background:#ff4058!important;color:#fff!important;
  font:950 9px/14px Arial,Segoe UI,sans-serif!important;box-shadow:0 0 11px rgba(255,64,88,.65)!important;
}
#mrmcV878NotifCount.is-visible{display:inline-flex!important}
.mrmc-v883-active-row{overflow:visible!important}

#mrmcV878NotifPanel{position:fixed!important;z-index:2147483600!important;width:min(410px,calc(100vw - 22px))!important;max-height:min(560px,calc(100vh - 100px))!important;display:none!important;flex-direction:column!important;border:1px solid rgba(51,212,255,.52)!important;border-radius:16px!important;background:rgba(2,14,26,.985)!important;box-shadow:0 22px 70px rgba(0,0,0,.55),0 0 28px rgba(0,180,255,.08)!important;backdrop-filter:blur(14px)!important;overflow:hidden!important;color:#effaff!important}
#mrmcV878NotifPanel.is-open{display:flex!important}
.mrmc-v878-notif-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:12px 13px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.mrmc-v878-notif-head strong{display:block!important;font-size:12px!important;letter-spacing:.05em!important}.mrmc-v878-notif-head small{display:block!important;margin-top:3px!important;color:#85a9b9!important;font-size:9px!important;font-weight:700!important;text-transform:uppercase!important}
.mrmc-v878-notif-head button{border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;background:rgba(255,255,255,.05)!important;color:#fff!important;padding:6px 8px!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important}
#mrmcV878NotifList{display:grid!important;gap:8px!important;overflow:auto!important;padding:9px!important}
.mrmc-v878-notif{padding:10px 11px!important;border:1px solid rgba(255,255,255,.1)!important;border-left:4px solid #37d9ff!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important;cursor:pointer!important}
.mrmc-v878-notif[data-severity="warning"]{border-left-color:#ffd23f!important}.mrmc-v878-notif[data-severity="critical"]{border-left-color:#ff5369!important}.mrmc-v878-notif.is-read{opacity:.68!important}
.mrmc-v878-notif strong{display:block!important;font-size:11px!important}.mrmc-v878-notif p{margin:5px 0 6px!important;color:#c7dde6!important;font-size:10px!important;line-height:1.45!important}.mrmc-v878-notif-meta{display:flex!important;justify-content:space-between!important;gap:10px!important;color:#7c9aa8!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.04em!important}.mrmc-v878-notif-empty{padding:28px 14px!important;text-align:center!important;color:#8faab7!important;font-size:11px!important}


body.login-bg #mrmcV878NotifBtn, body.login-bg #mrmcV878NotifPanel{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Inventory review + bell attention. */

@keyframes mrmcV886BellShake{
  0%,72%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  76%{transform:translate3d(-1.5px,0,0) rotate(-7deg)}
  80%{transform:translate3d(1.5px,0,0) rotate(7deg)}
  84%{transform:translate3d(-1px,0,0) rotate(-5deg)}
  88%{transform:translate3d(1px,0,0) rotate(5deg)}
  92%{transform:translate3d(0,0,0) rotate(0deg)}
}
@keyframes mrmcV886BellGlow{0%,100%{box-shadow:0 0 13px rgba(0,189,255,.18)}50%{box-shadow:0 0 10px rgba(44,255,118,.9),0 0 25px rgba(44,255,118,.45)}}
#mrmcV878NotifBtn.has-unread{animation:mrmcV886BellShake 2.1s ease-in-out infinite,mrmcV886BellGlow 1.45s ease-in-out infinite!important;border-color:rgba(61,255,130,.8)!important}
#mrmcV878NotifBtn.has-unread .mrmc-v883-bell-img{filter:drop-shadow(0 0 7px rgba(61,255,130,.85))!important}
.mrmc-v886-open-record{display:block!important;margin:7px 0 6px!important;color:#61eaff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.mrmc-v878-notif:hover{background:rgba(28,205,255,.07)!important;border-color:rgba(93,226,255,.32)!important}

#mrmcV886InventoryReview{position:fixed!important;inset:0!important;z-index:2147483640!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(0,7,14,.76)!important;backdrop-filter:blur(7px)!important}
.mrmc-v886-review-card{width:min(920px,calc(100vw - 24px))!important;height:min(760px,calc(100vh - 28px))!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(46,218,255,.66)!important;border-radius:20px!important;background:linear-gradient(160deg,#061827,#03101c 70%)!important;color:#f4fbff!important;box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 30px rgba(31,211,255,.13)!important}
.mrmc-v886-review-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 18px!important;border-bottom:1px solid rgba(62,218,255,.3)!important;background:linear-gradient(90deg,rgba(0,182,231,.12),rgba(0,0,0,0))!important}
.mrmc-v886-review-head>div{min-width:0!important}.mrmc-v886-review-head small{display:block!important;color:#68ddff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.12em!important}.mrmc-v886-review-head strong{display:block!important;margin-top:3px!important;font-size:18px!important;line-height:1.15!important}.mrmc-v886-review-head span{display:block!important;margin-top:4px!important;color:#9eb9c6!important;font-size:10px!important;font-weight:750!important}
#mrmcV886ReviewClose{flex:0 0 38px!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font:900 25px/1 Arial!important;cursor:pointer!important}
.mrmc-v886-review-scroll{flex:1 1 auto!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:16px 18px 90px!important;scrollbar-gutter:stable!important}
.mrmc-v886-review-scroll section{margin:0 0 14px!important;padding:15px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important}
.mrmc-v886-review-scroll h3,.mrmc-v886-review-scroll h4{margin:0 0 10px!important}.mrmc-v886-review-scroll h4{color:#68e7ff!important;font-size:11px!important;letter-spacing:.06em!important}.mrmc-v886-review-summary{border-left:5px solid #ff5369!important}.mrmc-v886-review-summary p{margin:0!important;color:#d4e7ef!important;font-size:12px!important;line-height:1.55!important}
.mrmc-v886-detail-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.mrmc-v886-detail-cell{min-width:0!important;padding:10px!important;border:1px solid rgba(75,187,222,.18)!important;border-radius:10px!important;background:rgba(2,23,38,.7)!important}.mrmc-v886-detail-cell span{display:block!important;margin-bottom:4px!important;color:#829ead!important;font-size:8px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.05em!important}.mrmc-v886-detail-cell b{display:block!important;overflow-wrap:anywhere!important;color:#fff!important;font-size:11px!important;line-height:1.35!important}
.mrmc-v886-history{display:grid!important;gap:8px!important}.mrmc-v886-history>div{padding:10px!important;border:1px solid rgba(49,222,255,.18)!important;border-radius:10px!important;background:rgba(0,53,73,.34)!important}.mrmc-v886-history b,.mrmc-v886-history span,.mrmc-v886-history small{display:block!important}.mrmc-v886-history span{margin-top:3px!important;color:#9ed9e9!important;font-size:10px!important;font-weight:800!important}.mrmc-v886-history p{margin:5px 0!important;color:#dce9ee!important;font-size:10px!important}.mrmc-v886-history small{color:#7f9eaa!important;font-size:8px!important}.mrmc-v886-no-delivery{padding:11px!important;border:1px dashed rgba(255,210,63,.42)!important;border-radius:10px!important;color:#ffd23f!important;font-size:10px!important;font-weight:800!important}
.mrmc-v886-delivery-action p{color:#bfd4dd!important;font-size:10px!important;line-height:1.5!important}.mrmc-v886-delivery-action form{display:grid!important;grid-template-columns:180px 1fr!important;gap:10px!important}.mrmc-v886-delivery-action label{display:grid!important;gap:5px!important;color:#a9c5d0!important;font-size:9px!important;font-weight:850!important}.mrmc-v886-delivery-action input,.mrmc-v886-delivery-action textarea{width:100%!important;border:1px solid #2e8fab!important;border-radius:10px!important;background:#f4f8fb!important;color:#07192a!important;padding:10px!important;font:700 12px/1.3 Segoe UI,Arial,sans-serif!important}.mrmc-v886-delivery-action button{grid-column:1/-1!important;border:0!important;border-radius:10px!important;padding:12px 14px!important;background:#ffd400!important;color:#071524!important;font-weight:950!important;cursor:pointer!important}.mrmc-v886-delivery-action button:disabled{opacity:.48!important;cursor:not-allowed!important}.mrmc-v886-stock-block{grid-column:1/-1!important;color:#ff8b9a!important;font-size:9px!important;font-weight:800!important}.mrmc-v886-delivered-ok{padding:12px!important;border:1px solid rgba(66,255,128,.48)!important;border-radius:10px!important;background:rgba(21,104,53,.26)!important;color:#8dffb1!important;font-weight:900!important;font-size:11px!important}
.mrmc-v886-review-gate{min-height:130px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1px solid rgba(255,210,63,.58)!important;background:rgba(255,210,63,.08)!important}.mrmc-v886-review-gate b{color:#ffd23f!important;font-size:12px!important}.mrmc-v886-review-gate span{max-width:520px!important;margin-top:7px!important;color:#c9d8df!important;font-size:10px!important;line-height:1.5!important}.mrmc-v886-review-gate.is-read{border-color:rgba(69,255,130,.55)!important;background:rgba(38,160,75,.14)!important}.mrmc-v886-review-gate.is-read b{color:#7dffa8!important}
.mrmc-v886-record-highlight{outline:3px solid #ffd400!important;outline-offset:-3px!important;background:rgba(255,212,0,.12)!important;animation:mrmcV886RecordFlash 1s ease-in-out 4!important}@keyframes mrmcV886RecordFlash{0%,100%{box-shadow:inset 0 0 0 rgba(255,212,0,0)}50%{box-shadow:inset 0 0 24px rgba(255,212,0,.25)}}

@media(max-width:760px){
  #mrmcV886InventoryReview{padding:7px!important;align-items:stretch!important}.mrmc-v886-review-card{width:100%!important;height:calc(100vh - 14px)!important;border-radius:14px!important}.mrmc-v886-review-head{padding:13px!important}.mrmc-v886-review-head strong{font-size:15px!important}.mrmc-v886-review-scroll{padding:12px 12px 82px!important}.mrmc-v886-detail-grid{grid-template-columns:1fr 1fr!important}.mrmc-v886-delivery-action form{grid-template-columns:1fr!important}.mrmc-v886-delivery-action button,.mrmc-v886-stock-block{grid-column:1!important}
}
@media(max-width:430px){.mrmc-v886-detail-grid{grid-template-columns:1fr!important}}
/* V8.8.7 — exact-row navigation without secondary DB API dependency. */
.mrmc-v887-show-row{margin-top:12px!important;border:1px solid rgba(97,234,255,.6)!important;border-radius:10px!important;background:rgba(0,189,255,.12)!important;color:#7cecff!important;padding:10px 12px!important;font-weight:950!important;font-size:9px!important;letter-spacing:.04em!important;cursor:pointer!important}
.mrmc-v887-show-row:hover{background:rgba(0,189,255,.2)!important}

