/* DjimlyStore Digital v2.34.16 — Message Center structure only */
#djs-portal #djs-screen-chat.djs-message-center{--mc-ink:#111827;--mc-muted:#8b94a3;--mc-line:#e9edf2;--mc-soft:#f3f6f8;--mc-yellow:#ffd229;--mc-red:#ed0012;background:#f5f7f9!important;color:var(--mc-ink)!important;overflow:hidden!important;}
#djs-portal .djs-mc-header{position:relative;z-index:12;min-height:92px;padding:max(18px,env(safe-area-inset-top)) 18px 14px;background:#fff!important;border:0!important;border-bottom:1px solid var(--mc-line)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;box-shadow:none!important;}
#djs-portal .djs-mc-heading{text-align:center;min-width:0;max-width:62%;margin:auto;}
#djs-portal .djs-mc-heading .djs-chat-title{font-size:21px!important;line-height:1.15!important;font-weight:850!important;letter-spacing:-.035em!important;color:var(--mc-ink)!important;}
#djs-portal .djs-mc-heading .djs-chat-status{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.2!important;color:var(--mc-muted)!important;font-weight:650!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#djs-portal .djs-mc-back{position:absolute;left:14px;bottom:13px;width:42px;height:42px;border:0!important;background:transparent!important;border-radius:14px!important;display:grid;place-items:center;color:var(--mc-ink)!important;padding:0!important;box-shadow:none!important;}
#djs-portal .djs-mc-back .ms{font-size:26px!important;}
#djs-portal .djs-mc-thread-actions{position:absolute;right:12px;bottom:12px;align-items:center;gap:2px;}
#djs-portal .djs-mc-action{width:36px;height:40px;border:0!important;background:transparent!important;color:#6d7684!important;padding:0!important;display:grid;place-items:center;border-radius:12px!important;}
#djs-portal .djs-mc-action .ms{font-size:24px!important;font-variation-settings:'wght' 350!important;}
#djs-portal .djs-mc-action.is-active{color:var(--mc-red)!important;background:#fff1f2!important;}
#djs-portal .djs-mc-body{position:relative!important;background:#f1f4f6!important;padding:0 18px calc(94px + env(safe-area-inset-bottom))!important;display:block!important;overflow-y:auto!important;overscroll-behavior:contain;}
#djs-portal .djs-message-center:not(.is-thread) .djs-mc-body{background:#fff!important;padding-top:4px!important;}
#djs-portal .djs-mc-list{width:min(760px,100%);margin:0 auto;background:#fff;}
#djs-portal .djs-mc-list-intro{padding:14px 0 4px;color:var(--mc-muted);font-size:12px;font-weight:700;display:none;}
#djs-portal .djs-mc-row{appearance:none;width:100%;border:0!important;border-bottom:1px solid var(--mc-line)!important;background:#fff!important;padding:15px 0!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;text-align:left!important;color:var(--mc-ink)!important;border-radius:0!important;box-shadow:none!important;}
#djs-portal .djs-mc-avatar{width:52px;height:52px;border-radius:50%;background:#f4f6f8;border:1px solid #e7eaf0;display:grid;place-items:center;overflow:hidden;position:relative;}
#djs-portal .djs-mc-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
#djs-portal .djs-mc-avatar>.ms{font-size:26px;color:#374151;}
#djs-portal .djs-mc-copy{min-width:0;}
#djs-portal .djs-mc-copy b{display:block;font-size:16px!important;line-height:1.22!important;font-weight:800!important;color:#15171b!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#djs-portal .djs-mc-copy small{display:block;margin-top:4px;font-size:14px!important;line-height:1.25!important;font-weight:500!important;color:#9299a4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#djs-portal .djs-mc-meta{align-self:start;padding-top:3px;min-width:68px;text-align:right;}
#djs-portal .djs-mc-time{display:block;color:#858e9d;font-size:11px;font-weight:650;white-space:nowrap;}
#djs-portal .djs-mc-unread{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--mc-red);color:#fff;font-size:10px;font-weight:850;margin-top:7px;}
#djs-portal .djs-mc-empty,#djs-portal .djs-mc-loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9299a4;font-size:13px;font-weight:650;gap:10px;}
#djs-portal .djs-mc-empty .ms{font-size:36px;color:#c3c9d1;}
#djs-portal .djs-mc-loading-dot{width:9px;height:9px;border-radius:50%;background:var(--mc-red);animation:djsMcPulse 1.2s ease-in-out infinite;}
@keyframes djsMcPulse{50%{transform:scale(1.45);opacity:.4}}

/* Thread */
#djs-portal .djs-message-center.is-thread .djs-mc-header{min-height:78px;padding-bottom:10px!important;align-items:flex-end!important;}
#djs-portal .djs-message-center.is-thread .djs-mc-heading{max-width:46%;}
#djs-portal .djs-message-center.is-thread .djs-mc-heading .djs-chat-title{font-size:18px!important;}
#djs-portal .djs-message-center.is-thread .djs-mc-heading .djs-chat-status{display:none!important;}
#djs-portal .djs-message-center.is-thread .djs-chat-bottom-nav{display:none!important;}
#djs-portal .djs-message-center.is-thread .djs-mc-body{padding:18px 14px calc(82px + env(safe-area-inset-bottom))!important;}
#djs-portal .djs-mc-day{display:flex;justify-content:center;margin:7px 0 15px;}
#djs-portal .djs-mc-day span{font-size:11px;font-weight:700;color:#a0a7b1;background:#e7ebef;padding:5px 10px;border-radius:999px;}
#djs-portal .djs-chat-line{width:100%;display:flex!important;margin:7px 0!important;gap:8px;align-items:flex-end;}
#djs-portal .djs-chat-line.mine{justify-content:flex-end!important;}
#djs-portal .djs-chat-line.theirs{justify-content:flex-start!important;}
#djs-portal .djs-mc-msg-stack{max-width:min(79%,640px);display:flex;flex-direction:column;}
#djs-portal .djs-chat-line.mine .djs-mc-msg-stack{align-items:flex-end;}
#djs-portal .djs-chat-line.theirs .djs-mc-msg-stack{align-items:flex-start;}
#djs-portal .djs-mc-sender{font-size:10px;font-weight:700;color:#858e9d;margin:0 6px 4px;}
#djs-portal .djs-chat-bubble{max-width:none!important;border:0!important;box-shadow:none!important;border-radius:15px!important;padding:10px 13px!important;font-size:14px!important;line-height:1.38!important;font-weight:520!important;word-break:break-word;color:#15171b!important;background:#fff!important;}
#djs-portal .djs-chat-line.mine .djs-chat-bubble{background:var(--mc-yellow)!important;color:#111!important;border-bottom-right-radius:5px!important;}
#djs-portal .djs-chat-line.theirs .djs-chat-bubble{background:#fff!important;border-bottom-left-radius:5px!important;}
#djs-portal .djs-chat-line.system .djs-chat-bubble{background:#e8edf2!important;color:#646d79!important;border-radius:12px!important;font-size:12px!important;}
#djs-portal .djs-mc-msg-time{font-size:10px;color:#9ca4af;margin:4px 5px 0;}
#djs-portal .djs-chat-live-note{margin:16px auto!important;border-radius:11px!important;background:#e8edf2!important;color:#737d89!important;padding:9px 12px!important;font-size:11px!important;font-weight:650!important;max-width:90%;text-align:center;}

/* Composer */
#djs-portal .djs-mc-composer{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:30;padding:9px 12px calc(9px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid var(--mc-line)!important;display:none!important;align-items:center;gap:8px;box-shadow:0 -8px 24px rgba(15,23,42,.06)!important;}
#djs-portal .djs-mc-plus,#djs-portal .djs-chat-send{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;border:1px solid #d9dee5!important;background:#fff!important;color:#2f343b!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important;}
#djs-portal .djs-mc-plus .ms{font-size:27px!important;}
#djs-portal .djs-chat-send{background:#111827!important;color:#fff!important;border-color:#111827!important;}
#djs-portal .djs-chat-send .ms{font-size:22px!important;color:#fff!important;}
#djs-portal .djs-mc-input-shell{height:42px;flex:1;min-width:0;background:#f0f3f5;border-radius:12px;display:flex;align-items:center;}
#djs-portal .djs-mc-input-shell .djs-chat-input{width:100%;height:42px!important;min-height:42px!important;border:0!important;background:transparent!important;border-radius:12px!important;padding:0 13px!important;font-size:14px!important;font-weight:520!important;color:#16191e!important;box-shadow:none!important;}
#djs-portal .djs-mc-input-shell .djs-chat-input::placeholder{color:#a8afb8!important;}

/* Plus tray — visual structure only for this phase */
#djs-portal .djs-mc-tools{position:absolute;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:14;background:#fff;border-top:1px solid var(--mc-line);padding:18px 18px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;box-shadow:0 -16px 36px rgba(15,23,42,.08);}
#djs-portal .djs-mc-tools[hidden]{display:none!important;}
#djs-portal .djs-mc-tool{appearance:none;border:0!important;background:transparent!important;padding:0!important;display:flex;flex-direction:column;align-items:center;gap:8px;color:#69717d!important;text-align:center;border-radius:0!important;box-shadow:none!important;}
#djs-portal .djs-mc-tool-icon{width:58px;height:58px;border-radius:13px;background:#eef2f5;display:grid;place-items:center;color:#15171b;}
#djs-portal .djs-mc-tool-icon .ms{font-size:29px!important;}
#djs-portal .djs-mc-tool b{font-size:11px!important;line-height:1.25!important;font-weight:650!important;color:#747c87!important;max-width:100px;}

@media(max-width:430px){
 #djs-portal .djs-mc-header{min-height:84px;padding-left:14px;padding-right:14px;}
 #djs-portal .djs-mc-heading .djs-chat-title{font-size:19px!important;}
 #djs-portal .djs-mc-body{padding-left:14px!important;padding-right:14px!important;}
 #djs-portal .djs-mc-row{grid-template-columns:48px minmax(0,1fr) auto;gap:11px;padding:13px 0!important;}
 #djs-portal .djs-mc-avatar{width:46px;height:46px;}
 #djs-portal .djs-mc-copy b{font-size:15px!important;}
 #djs-portal .djs-mc-copy small{font-size:13px!important;}
 #djs-portal .djs-message-center.is-thread .djs-mc-heading{max-width:42%;}
 #djs-portal .djs-mc-action{width:32px;}
}


/* v2.34.18 — LootBar-inspired thread header + category dropdown */
#djs-portal .djs-message-center.is-thread .djs-mc-header{
  min-height:72px!important;padding:env(safe-area-inset-top) 14px 8px!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
}
#djs-portal .djs-message-center.is-thread .djs-mc-back{
  left:12px!important;bottom:8px!important;width:42px!important;height:42px!important;
}
#djs-portal .djs-message-center.is-thread .djs-mc-heading{
  position:absolute!important;left:72px!important;right:72px!important;bottom:8px!important;
  max-width:none!important;display:flex!important;justify-content:center!important;
}
#djs-portal .djs-mc-title-button{
  appearance:none;border:0!important;background:transparent!important;box-shadow:none!important;
  padding:7px 8px!important;margin:0!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;gap:2px;color:#111827!important;border-radius:12px!important;
  max-width:100%;font:inherit;
}
#djs-portal .djs-mc-title-button:not(.is-selectable) .djs-mc-title-chevron{display:none!important;}
#djs-portal .djs-mc-title-button .djs-chat-title{font-weight:850!important;}
#djs-portal .djs-mc-title-chevron{font-size:20px!important;transition:transform .18s ease;}
#djs-portal .djs-mc-title-button[aria-expanded="true"] .djs-mc-title-chevron{transform:rotate(180deg);}
#djs-portal .djs-message-center.is-thread .djs-mc-thread-actions{
  right:12px!important;bottom:8px!important;height:42px!important;display:flex!important;
  flex-direction:row!important;align-items:center!important;gap:0!important;
}
#djs-portal .djs-message-center.is-thread .djs-mc-action{
  width:34px!important;height:42px!important;border-radius:12px!important;
}
#djs-portal .djs-message-center.is-thread .djs-mc-action .ms{font-size:23px!important;}
#djs-portal .djs-mc-category-menu{
  position:absolute;z-index:80;top:calc(env(safe-area-inset-top) + 62px);left:50%;transform:translateX(-50%);
  width:min(330px,calc(100% - 72px));padding:8px;background:#fff;border:1px solid #e5e7eb;
  border-radius:14px;box-shadow:0 14px 38px rgba(15,23,42,.16);
}
#djs-portal .djs-mc-category-menu[hidden]{display:none!important;}
#djs-portal .djs-mc-category-menu button{
  width:100%;border:0!important;background:#fff!important;padding:12px 11px!important;border-radius:10px!important;
  display:grid!important;grid-template-columns:34px 1fr;gap:10px;align-items:center;text-align:left!important;color:#111827!important;
}
#djs-portal .djs-mc-category-menu button:active{background:#f5f6f8!important;}
#djs-portal .djs-mc-category-menu button>.ms{font-size:22px;color:#6b7280;}
#djs-portal .djs-mc-category-menu b{display:block;font-size:14px;line-height:1.2;}
#djs-portal .djs-mc-category-menu small{display:block;margin-top:2px;font-size:11px;color:#8b93a1;}
@media(max-width:430px){
 #djs-portal .djs-message-center.is-thread .djs-mc-heading{left:58px!important;right:112px!important;}
 #djs-portal .djs-message-center.is-thread .djs-mc-heading .djs-chat-title{font-size:17px!important;}
 #djs-portal .djs-message-center.is-thread .djs-mc-action{width:30px!important;}
}


/* v2.34.19 — functional LootBar-style filters + notification cards */
#djs-portal .djs-mc-category-menu{
  top:calc(env(safe-area-inset-top) + 60px)!important;
  width:255px!important;
  padding:7px 0!important;
  border-radius:7px!important;
  border:1px solid #d9dde3!important;
  box-shadow:0 4px 13px rgba(15,23,42,.14)!important;
}
#djs-portal .djs-mc-category-menu button{
  display:block!important;
  width:100%!important;
  min-height:52px!important;
  padding:0 17px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#626a77!important;
  text-align:left!important;
  font-size:17px!important;
  line-height:52px!important;
  font-weight:500!important;
}
#djs-portal .djs-mc-category-menu button:active{
  background:#f5f6f8!important;
}
#djs-portal .djs-message-center.is-thread .djs-mc-body{
  background:#edf1f4!important;
}
#djs-portal .djs-message-center.is-thread .djs-chat-line.system{
  display:block!important;
  margin:9px 0 14px!important;
}
#djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-mc-msg-stack{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
}
#djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-chat-bubble{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  background:#fff!important;
  color:#4b515b!important;
  border:0!important;
  border-radius:5px!important;
  padding:14px 17px 10px!important;
  box-shadow:none!important;
  text-align:left!important;
  font-size:16px!important;
  line-height:1.34!important;
  font-weight:450!important;
  white-space:pre-line!important;
}
#djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-mc-msg-time{
  position:relative!important;
  margin:-32px 17px 0!important;
  padding:0 0 11px!important;
  color:#9aa0a9!important;
  font-size:13px!important;
  line-height:1.2!important;
  text-align:left!important;
  pointer-events:none;
}
#djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-chat-bubble{
  padding-bottom:35px!important;
}
#djs-portal .djs-mc-category-empty{
  background:#edf1f4!important;
  min-height:55vh!important;
}
#djs-portal .djs-message-center.is-thread .djs-mc-body{
  padding:10px 18px calc(72px + env(safe-area-inset-bottom))!important;
}


/* v2.34.20 — built-in DjimlyStore Message Center logo */
#djs-portal .djs-mc-brand-logo{
  width:42px!important;height:42px!important;border-radius:13px!important;object-fit:contain!important;
  display:block!important;margin:0 auto 7px!important;
}
#djs-portal .djs-message-center:not(.is-thread) .djs-mc-header{
  min-height:142px!important;
}
#djs-portal .djs-message-center:not(.is-thread) .djs-mc-heading{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;
}
#djs-portal .djs-message-center.is-thread .djs-mc-brand-logo{
  display:none!important;
}
#djs-portal .djs-mc-avatar img{
  background:#fff!important;
}


/* v2.34.21 — trade-message order links + device system messages */
#djs-portal .djs-mc-order-link-wrap{
  margin-top:8px!important;
  font-size:16px!important;
  line-height:1.35!important;
  color:#4b515b!important;
}
#djs-portal .djs-mc-open-order{
  display:inline!important;
  width:auto!important;height:auto!important;
  border:0!important;background:transparent!important;
  padding:0!important;margin:0!important;
  color:#1677ff!important;
  text-decoration:underline!important;
  font:inherit!important;font-weight:500!important;
  border-radius:0!important;box-shadow:none!important;
}
#djs-portal .djs-mc-open-order:active{opacity:.65!important;}


/* v2.34.22 — message-origin order detail, matching the simple reference layout */
#djs-portal #djs-screen-order-detail.djs-order-from-messages{
  background:#fff!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages .djs-back-bar{
  min-height:76px!important;
  padding:calc(env(safe-area-inset-top) + 6px) 22px 10px!important;
  background:#fff!important;
  border-bottom:0!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:44px 1fr 44px!important;
  align-items:end!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages #djs-order-detail-back-btn{
  width:42px!important;height:42px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  border-radius:0!important;padding:0!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages #djs-order-detail-back-btn .ms{font-size:27px!important;}
#djs-portal #djs-screen-order-detail.djs-order-from-messages #djs-order-detail-title{
  text-align:center!important;font-size:20px!important;font-weight:700!important;color:#111!important;
  align-self:center!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages #djs-order-detail-badge{display:none!important;}
#djs-portal #djs-screen-order-detail.djs-order-from-messages .djs-bottom-nav{display:none!important;}
#djs-portal #djs-screen-order-detail.djs-order-from-messages .djs-scroller{
  bottom:0!important;background:#eef2f5!important;padding-bottom:env(safe-area-inset-bottom)!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages .djs-content-wrap{
  width:100%!important;max-width:none!important;padding:0!important;margin:0!important;
}
#djs-portal .djs-msg-order-page{background:#eef2f5!important;color:#111!important;font-size:16px!important;}
#djs-portal .djs-msg-order-status,
#djs-portal .djs-msg-order-product,
#djs-portal .djs-msg-order-info{
  background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  margin:0 0 10px!important;padding:20px 20px!important;
}
#djs-portal .djs-msg-order-headline{display:flex!important;align-items:center!important;gap:12px!important;}
#djs-portal .djs-msg-order-headline .ms{
  width:28px!important;height:28px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  font-size:19px!important;color:#fff!important;background:#4db779!important;
}
#djs-portal .djs-msg-order-status--alert .djs-msg-order-headline .ms{background:#e04b4b!important;}
#djs-portal .djs-msg-order-status--pending .djs-msg-order-headline .ms{background:#e7a21b!important;}
#djs-portal .djs-msg-order-headline h2{margin:0!important;font-size:20px!important;font-weight:700!important;}
#djs-portal .djs-msg-order-status p{margin:12px 0 0!important;color:#606774!important;font-size:16px!important;line-height:1.4!important;}
#djs-portal .djs-msg-order-product-name{font-size:19px!important;font-weight:700!important;margin-bottom:16px!important;display:flex!important;align-items:center!important;gap:3px!important;}
#djs-portal .djs-msg-order-product-name .ms{font-size:20px!important;}
#djs-portal .djs-msg-order-product-main{
  display:grid!important;grid-template-columns:86px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;
}
#djs-portal .djs-msg-order-product-img,
#djs-portal .djs-msg-order-product-fallback{
  width:86px!important;height:86px!important;border-radius:5px!important;object-fit:cover!important;background:#f4f5f7!important;
}
#djs-portal .djs-msg-order-product-fallback{display:grid!important;place-items:center!important;}
#djs-portal .djs-msg-order-product-copy h3{margin:0 0 6px!important;font-size:18px!important;line-height:1.2!important;}
#djs-portal .djs-msg-order-product-copy p{margin:3px 0!important;color:#6d7380!important;font-size:15px!important;}
#djs-portal .djs-msg-order-product-main>strong{font-size:18px!important;white-space:nowrap!important;}
#djs-portal .djs-msg-order-uid{
  margin-top:16px!important;padding-top:14px!important;border-top:1px solid #e6e8eb!important;
  display:flex!important;justify-content:space-between!important;gap:12px!important;color:#606774!important;
}
#djs-portal .djs-msg-order-uid b{color:#111!important;font-weight:500!important;}
#djs-portal .djs-msg-order-info h3{margin:0 0 20px!important;font-size:21px!important;font-weight:700!important;}
#djs-portal .djs-msg-order-info-row,
#djs-portal .djs-msg-order-price-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;gap:14px!important;
  align-items:start!important;padding:7px 0!important;font-size:15px!important;line-height:1.35!important;
}
#djs-portal .djs-msg-order-info-row>span,
#djs-portal .djs-msg-order-price-row>span{color:#646b78!important;}
#djs-portal .djs-msg-order-info-row>b,
#djs-portal .djs-msg-order-price-row>b{text-align:right!important;font-weight:500!important;color:#111!important;overflow-wrap:anywhere!important;}
#djs-portal .djs-msg-order-copy{
  display:inline-flex!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;
  vertical-align:middle!important;color:#7b818b!important;box-shadow:none!important;
}
#djs-portal .djs-msg-order-copy .ms{font-size:16px!important;}
#djs-portal .djs-msg-order-price-row:first-of-type{margin-top:16px!important;padding-top:16px!important;border-top:1px solid #e6e8eb!important;}
#djs-portal .djs-msg-order-total{font-weight:600!important;}
@media(max-width:390px){
 #djs-portal .djs-msg-order-product-main{grid-template-columns:76px minmax(0,1fr)!important;}
 #djs-portal .djs-msg-order-product-main>strong{grid-column:2!important;justify-self:end!important;margin-top:-4px!important;}
 #djs-portal .djs-msg-order-product-img,#djs-portal .djs-msg-order-product-fallback{width:76px!important;height:76px!important;}
}


/* v2.34.23 — fixed Message Center order-detail header */
#djs-portal #djs-screen-order-detail.djs-order-from-messages .djs-back-bar{
  position:relative!important;
  z-index:30!important;
  min-height:calc(62px + env(safe-area-inset-top))!important;
  height:auto!important;
  padding:env(safe-area-inset-top) 16px 8px!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  column-gap:8px!important;
  align-items:center!important;
  overflow:visible!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages #djs-order-detail-back-btn{
  grid-column:1!important;
  position:static!important;
  justify-self:start!important;
  align-self:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  color:#111!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages #djs-order-detail-back-btn .ms{
  display:block!important;
  font-size:28px!important;
  line-height:1!important;
  color:#111!important;
  margin:0!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages #djs-order-detail-title{
  grid-column:2!important;
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:750!important;
  color:#111!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages #djs-order-detail-badge{
  grid-column:3!important;
  display:block!important;
  visibility:hidden!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages .djs-scroller{
  top:calc(62px + env(safe-area-inset-top))!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages .djs-msg-order-page{
  padding-top:0!important;
}
#djs-portal #djs-screen-order-detail.djs-order-from-messages .djs-msg-order-status{
  margin-top:0!important;
}

/* v2.35.0 — Message Center attachments */
#djs-portal .djs-mc-attachment{display:block!important;margin:-2px -3px 8px!important;text-decoration:none!important}
#djs-portal .djs-mc-attachment img{display:block!important;max-width:260px!important;width:100%!important;max-height:300px!important;object-fit:cover!important;border-radius:12px!important}


/* v2.35.1 — Message Center unread counters + virtual OTP visibility */
#djs-portal .djs-bn-item[data-nav="chat"],
#djs-portal .djs-desktop-nav-item[data-nav="chat"]{
  position:relative!important;
}
#djs-portal .djs-message-unread-badge{
  position:absolute!important;
  top:4px!important;
  right:10px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#ef1723!important;
  color:#fff!important;
  border:2px solid #fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  z-index:8!important;
  box-shadow:0 2px 6px rgba(239,23,35,.22)!important;
}
#djs-portal .djs-message-unread-badge:empty,
#djs-portal .djs-message-unread-badge[style*="display: none"]{display:none!important}
#djs-portal .djs-mc-unread{
  min-width:20px!important;
  height:20px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#ef1723!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
  font-weight:900!important;
}
#djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-chat-bubble{
  white-space:pre-line!important;
}
#djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-chat-bubble strong,
#djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-chat-bubble code{
  font-weight:900!important;
}
@media(max-width:390px){
  #djs-portal .djs-message-unread-badge{right:6px!important;top:3px!important}
}

#djs-portal .djs-mc-otp-card{
  margin:0 0 12px!important;
  padding:13px 14px!important;
  border-radius:12px!important;
  background:#111827!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
#djs-portal .djs-mc-otp-card small{
  font-size:9px!important;
  letter-spacing:.08em!important;
  font-weight:800!important;
  color:#c7ced8!important;
}
#djs-portal .djs-mc-otp-card strong{
  font-size:25px!important;
  line-height:1.12!important;
  letter-spacing:.12em!important;
  color:#fff!important;
}
#djs-portal .djs-mc-otp-card span{
  margin-top:3px!important;
  font-size:11px!important;
  color:#d8dee8!important;
}


/* v2.35.2 — deterministic writable composer */
#djs-portal #djs-screen-chat.djs-message-center.is-thread #djs-chat-input-wrap.djs-mc-composer.is-visible{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#djs-portal #djs-screen-chat.djs-message-center.is-thread #djs-chat-input-wrap.djs-mc-composer:not(.is-visible){
  display:none!important;
}
#djs-portal #djs-screen-chat.djs-message-center.is-thread .djs-mc-body{
  bottom:0!important;
}
#djs-portal #djs-screen-chat.djs-message-center.is-thread:has(#djs-chat-input-wrap.is-visible) .djs-mc-body{
  padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
}

/* v2.35.2 — compact Messages unread bubble */
#djs-portal .djs-bottom-nav .djs-bn-item[data-nav="chat"] > .djs-message-unread-badge,
#djs-portal .djs-desktop-nav-item[data-nav="chat"] > .djs-message-unread-badge{
  position:absolute!important;
  left:calc(50% + 7px)!important;
  right:auto!important;
  top:1px!important;
  width:auto!important;
  min-width:17px!important;
  max-width:28px!important;
  height:17px!important;
  min-height:17px!important;
  padding:0 4px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#ef1723!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:2px solid #fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.2px!important;
  text-align:center!important;
  overflow:visible!important;
  white-space:nowrap!important;
  z-index:1001!important;
  box-shadow:0 2px 5px rgba(239,23,35,.24)!important;
  transform:none!important;
}
#djs-portal .djs-bottom-nav .djs-bn-item[data-nav="chat"] > .djs-message-unread-badge[style*="display: none"],
#djs-portal .djs-desktop-nav-item[data-nav="chat"] > .djs-message-unread-badge[style*="display: none"]{
  display:none!important;
}


/* v2.35.3 — modern unread indicator: no numbers */
#djs-portal .djs-message-unread-badge{display:none!important;}
#djs-portal .djs-bottom-nav .djs-bn-item[data-nav="chat"].has-message-unread::after,
#djs-portal .djs-desktop-nav-item[data-nav="chat"].has-message-unread::after{
  content:""!important;
  position:absolute!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  min-height:10px!important;
  border-radius:50%!important;
  background:#ef1723!important;
  border:2px solid #fff!important;
  top:5px!important;
  left:calc(50% + 8px)!important;
  z-index:1002!important;
  box-shadow:0 0 0 3px rgba(239,23,35,.12),0 2px 6px rgba(239,23,35,.28)!important;
  animation:djsUnreadPulse 1.8s ease-in-out infinite!important;
}
#djs-portal .djs-mc-unread{display:none!important;}
#djs-portal .djs-mc-unread-dot{
  display:block!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#ef1723!important;
  margin:5px 4px 0 auto!important;
  box-shadow:0 0 0 3px rgba(239,23,35,.10)!important;
}
@keyframes djsUnreadPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 3px rgba(239,23,35,.10),0 2px 6px rgba(239,23,35,.22)}
  50%{transform:scale(1.12);box-shadow:0 0 0 5px rgba(239,23,35,.04),0 2px 8px rgba(239,23,35,.30)}
}

/* v2.35.3 — true conversation mode */
#djs-portal #djs-screen-chat.is-thread .djs-chat-bottom-nav{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#djs-portal #djs-screen-chat.is-thread #djs-chat-input-wrap.is-visible{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:9999!important;
}
#djs-portal #djs-screen-chat.is-thread .djs-mc-body{
  padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;
}

/* v2.36.1 — inline chat identities + read receipts */
#djs-portal .djs-chat-line{display:flex!important;align-items:flex-end!important;gap:8px!important}
#djs-portal .djs-chat-line.mine{justify-content:flex-end!important}
#djs-portal .djs-chat-line.mine .djs-mc-avatar{order:2!important}
#djs-portal .djs-chat-line.mine .djs-mc-msg-stack{order:1!important;align-items:flex-end!important}
#djs-portal .djs-mc-avatar{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:1px solid #e2e7ec!important;background:#fff!important;box-shadow:0 1px 3px rgba(15,23,42,.06)!important}
#djs-portal .djs-mc-avatar .ms{font-size:19px!important}
#djs-portal .djs-mc-avatar.staff{background:#eef6ff!important;color:#2563eb!important}
#djs-portal .djs-mc-avatar.ai{background:#f4efff!important;color:#7c3aed!important}
#djs-portal .djs-mc-avatar.customer{background:#fff6cf!important;color:#9a6b00!important}
#djs-portal .djs-mc-sender{font-size:10px!important;color:#7b8492!important;font-weight:750!important;margin:0 0 4px 2px!important}
#djs-portal .djs-mc-msg-meta-row{display:flex!important;align-items:center!important;gap:7px!important;margin-top:4px!important;min-height:15px!important}
#djs-portal .djs-chat-line.mine .djs-mc-msg-meta-row{justify-content:flex-end!important}
#djs-portal .djs-mc-seen{display:inline-flex!important;align-items:center!important;gap:2px!important;font-size:9px!important;font-weight:800!important;color:#667085!important}
#djs-portal .djs-mc-seen .ms{font-size:13px!important;color:#2563eb!important}

/* v2.36.5 — unread indicator stays a true dot, including active Messages tab */
#djs-portal .djs-bottom-nav .djs-bn-item[data-nav="chat"].has-message-unread::after,
#djs-portal .djs-desktop-nav-item[data-nav="chat"].has-message-unread::after{
  width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;
  min-height:8px!important;max-height:8px!important;padding:0!important;margin:0!important;
  border-radius:999px!important;box-sizing:content-box!important;aspect-ratio:1/1!important;
  top:5px!important;left:calc(50% + 9px)!important;right:auto!important;
  animation:none!important;transform:none!important;overflow:visible!important;
  flex:0 0 8px!important;
}
#djs-portal .djs-bn-item[data-nav="chat"].active.has-message-unread::after{
  width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;
}

/* v2.36.5 — compact Virtual Number OTP cards */
#djs-portal #djs-screen-chat.is-thread .djs-mc-otp-card{
  width:min(270px,100%)!important;margin:0!important;padding:10px 11px!important;
  border-radius:12px!important;background:#fff!important;color:#111827!important;
  border:1px solid #e5e7eb!important;box-shadow:0 4px 14px rgba(15,23,42,.06)!important;
  display:grid!important;grid-template-columns:1fr auto!important;gap:5px 12px!important;
}
#djs-portal #djs-screen-chat.is-thread .djs-mc-otp-card>div{grid-column:1/3!important}
#djs-portal #djs-screen-chat.is-thread .djs-mc-otp-card small{
  display:block!important;font-size:8px!important;letter-spacing:.08em!important;
  color:#667085!important;font-weight:900!important;margin-bottom:2px!important;
}
#djs-portal #djs-screen-chat.is-thread .djs-mc-otp-card strong{
  display:block!important;font-size:22px!important;line-height:1!important;letter-spacing:.14em!important;
  color:#111827!important;font-weight:950!important;
}
#djs-portal #djs-screen-chat.is-thread .djs-mc-otp-card>span{
  margin:0!important;font-size:9px!important;color:#475467!important;display:flex!important;
  flex-direction:column!important;gap:1px!important;
}
#djs-portal #djs-screen-chat.is-thread .djs-mc-otp-card>span b{
  font-size:7px!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#98a2b3!important;
}
#djs-portal #djs-screen-chat.is-thread .djs-chat-line.system .djs-chat-bubble:has(.djs-mc-otp-card){
  padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;
  width:auto!important;max-width:300px!important;
}
#djs-portal #djs-screen-chat.is-thread .djs-chat-line.system:has(.djs-mc-otp-card){
  margin:10px 0!important;
}

/* v2.36.6 — conversation rating system */
#djs-portal .djs-mc-thread-actions .djs-mc-action.is-active{background:#111827!important;color:#fff!important;border-color:#111827!important}
#djs-portal .djs-mc-thread-actions .djs-mc-action.is-disabled{opacity:.42!important;pointer-events:none!important}
.djs-chat-rating-overlay{position:fixed;inset:0;z-index:2147483645;background:rgba(15,23,42,.42);display:flex;align-items:flex-end;justify-content:center;padding:12px}
.djs-chat-rating-sheet{position:relative;width:min(520px,100%);background:#fff;border-radius:22px;padding:20px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 30px 80px rgba(15,23,42,.28)}
.djs-chat-rating-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#f2f4f7;font-size:22px;color:#111827}
.djs-chat-rating-icon{font-size:30px}.djs-chat-rating-sheet h3{margin:7px 0 4px;font-size:18px}.djs-chat-rating-sheet p{margin:0;color:#667085;font-size:12px;line-height:1.45}
.djs-chat-rating-sheet textarea{width:100%;box-sizing:border-box;margin-top:13px;min-height:92px;resize:vertical;border:1px solid #dfe4ea;border-radius:12px;padding:11px;font-size:16px;outline:none}
.djs-chat-rating-sheet>div:last-child{display:flex;gap:8px;margin-top:11px}.djs-chat-rating-sheet>div:last-child button{flex:1;border-radius:11px;padding:10px;border:1px solid #dfe4ea;background:#fff;font-size:11px;font-weight:850}.djs-chat-rating-sheet .djs-chat-rating-submit{background:#111827!important;color:#fff!important;border-color:#111827!important}

/* v2.36.7 — keep conversation rating controls visible */
#djs-portal #djs-mc-thread-actions .djs-mc-action[data-mc-ui-action="like"],
#djs-portal #djs-mc-thread-actions .djs-mc-action[data-mc-ui-action="dislike"]{
  align-items:center!important;
  justify-content:center!important;
}
#djs-portal #djs-mc-thread-actions .djs-mc-action.is-disabled{
  opacity:.46!important;
}

/* v2.36.8 — ratings are structural UI, never conditionally removed from support chats */
#djs-portal .djs-message-center.is-thread:not(.djs-rating-readonly) #djs-mc-thread-actions [data-mc-ui-action="like"],
#djs-portal .djs-message-center.is-thread:not(.djs-rating-readonly) #djs-mc-thread-actions [data-mc-ui-action="dislike"]{
  display:grid!important;
  visibility:visible!important;
  opacity:1;
}
#djs-portal .djs-message-center.is-thread.djs-rating-readonly #djs-mc-thread-actions [data-mc-ui-action="like"],
#djs-portal .djs-message-center.is-thread.djs-rating-readonly #djs-mc-thread-actions [data-mc-ui-action="dislike"]{
  display:none!important;
}
#djs-portal .djs-message-center.is-thread:not(.djs-rating-readonly) #djs-mc-thread-actions [data-mc-ui-action="like"].is-disabled,
#djs-portal .djs-message-center.is-thread:not(.djs-rating-readonly) #djs-mc-thread-actions [data-mc-ui-action="dislike"].is-disabled{
  display:grid!important;
  opacity:.46!important;
  visibility:visible!important;
}

/* v2.36.8 — restore DjimlyStore send button instead of black */
#djs-portal .djs-chat-send{
  background:#ef1723!important;
  border-color:#ef1723!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(239,23,35,.18)!important;
}
#djs-portal .djs-chat-send .ms{color:#fff!important}
#djs-portal .djs-chat-send:active{background:#cf111c!important;border-color:#cf111c!important;transform:scale(.97)}

/* v2.37.0 — smart support start, live wait/typing, light motion */
#djs-portal .djs-smart-chat-start{margin:12px 12px 18px;padding:12px;border:1px solid #e7ebef;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.035)}
#djs-portal .djs-smart-chat-start>small{display:block;margin-bottom:8px;font-size:9px;color:#667085;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
#djs-portal .djs-smart-chat-start>div{display:flex;gap:6px;flex-wrap:wrap}
#djs-portal .djs-smart-chat-start button{border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:7px 9px;font-size:10px;color:#344054;font-weight:800}
#djs-portal #djs-chat-status-text.is-typing{color:#2563eb!important;font-weight:800!important}
#djs-portal #djs-chat-status-text.is-typing::after{content:"";display:inline-block;width:14px;height:4px;margin-left:4px;background:radial-gradient(circle,#2563eb 1.5px,transparent 2px) 0 0/5px 4px;animation:djsChatDots .8s linear infinite}
@keyframes djsChatDots{to{background-position:5px 0}}
#djs-portal .djs-chat-line{animation:djsChatIn .18s ease both}@keyframes djsChatIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#djs-portal .djs-mc-order-link-wrap button{transition:transform .15s ease,background .15s ease}#djs-portal .djs-mc-order-link-wrap button:active{transform:scale(.97)}

#djs-portal .djs-chat-refund-banner{margin:10px 12px 4px;padding:10px 11px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#9a3412;display:flex;flex-direction:column;gap:3px}
#djs-portal .djs-chat-refund-banner b{font-size:10px}#djs-portal .djs-chat-refund-banner span{font-size:9px;line-height:1.4}
#djs-portal .djs-chat-refund-banner.eligible{background:#ecfdf3;border-color:#bbf7d0;color:#087443}

#djs-portal .djs-chat-linked-order{width:calc(100% - 24px);margin:10px 12px 4px;border:1px solid #dbe7f5;border-radius:13px;background:#fff;padding:10px 11px;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:10px;text-align:left;color:#111827;box-shadow:0 4px 14px rgba(15,23,42,.04)}
#djs-portal .djs-chat-linked-order span{display:flex;flex-direction:column;gap:2px}#djs-portal .djs-chat-linked-order small{font-size:7px;color:#98a2b3;font-weight:850}#djs-portal .djs-chat-linked-order b{font-size:10px}#djs-portal .djs-chat-linked-order>.ms{display:block;font-size:18px;color:#98a2b3}

/* v2.37.3 — customer-side agent typing bubble */
#djs-portal .djs-agent-typing-bubble{
  display:flex;align-items:flex-end;gap:7px;margin:9px 12px 13px;width:max-content;max-width:80%;
  animation:djsAgentTypingIn .16s ease both
}
#djs-portal .djs-agent-typing-avatar{
  width:28px;height:28px;min-width:28px;border-radius:50%;display:grid;place-items:center;
  background:#eef6ff;color:#2563eb;border:1px solid #dbeafe;font-size:8px;font-weight:900
}
#djs-portal .djs-agent-typing-bubble>div{display:flex;flex-direction:column;gap:3px}
#djs-portal .djs-agent-typing-bubble small{font-size:8px;color:#667085;font-weight:750;margin-left:3px}
#djs-portal .djs-agent-typing-bubble b{
  height:31px;min-width:52px;padding:0 11px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #e7ebef;
  display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 8px rgba(15,23,42,.04)
}
#djs-portal .djs-agent-typing-bubble i{width:5px;height:5px;border-radius:50%;background:#98a2b3;animation:djsAgentDot 1s ease-in-out infinite}
#djs-portal .djs-agent-typing-bubble i:nth-child(2){animation-delay:.14s}
#djs-portal .djs-agent-typing-bubble i:nth-child(3){animation-delay:.28s}
@keyframes djsAgentDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@keyframes djsAgentTypingIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}


/* ============================================================
   v2.37.4 — customer Message Center modernization
   ============================================================ */
#djs-portal #djs-screen-chat .djs-mc-brand-logo{object-fit:contain;background:#fff}
#djs-portal .djs-modern-nav-icon{width:22px;height:22px;display:grid;place-items:center}
#djs-portal .djs-modern-nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#djs-portal .djs-chat-bottom-nav .djs-bn-item.active{color:var(--djs-mc-brand,#ef1b24)!important}
#djs-portal .djs-chat-bottom-nav .djs-bn-item.active .djs-modern-nav-icon{background:color-mix(in srgb,var(--djs-mc-brand,#ef1b24) 10%,white);border-radius:9px}

/* Neutral, premium rating controls: visible without loud colored fills. */
#djs-portal #djs-mc-thread-actions .djs-mc-action[data-mc-ui-action="like"],
#djs-portal #djs-mc-thread-actions .djs-mc-action[data-mc-ui-action="dislike"]{
  background:#fff!important;color:#667085!important;border:1px solid #e4e7ec!important;box-shadow:none!important
}
#djs-portal #djs-mc-thread-actions .djs-mc-action.is-active{background:#111827!important;color:#fff!important;border-color:#111827!important}
#djs-portal #djs-mc-thread-actions .djs-mc-action.is-disabled:not(.is-active){opacity:.45!important}

#djs-portal .djs-chat-resolved-rating{
  margin:12px;max-width:520px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;padding:12px;
  box-shadow:0 6px 20px rgba(15,23,42,.05);display:grid;gap:10px
}
#djs-portal .djs-chat-resolved-rating>div:first-child{display:flex;align-items:center;gap:9px}
#djs-portal .djs-chat-resolved-rating>div:first-child>.ms{width:34px;height:34px;border-radius:11px;background:#ecfdf3;color:#087443;display:grid;place-items:center}
#djs-portal .djs-chat-resolved-rating p{margin:0}.djs-chat-resolved-rating p b{display:block;font-size:11px}.djs-chat-resolved-rating p small{display:block;margin-top:2px;font-size:9px;color:#667085}
#djs-portal .djs-chat-resolved-rating-actions{display:flex;gap:7px}
#djs-portal .djs-chat-resolved-rating-actions button{border:1px solid #e4e7ec;background:#fff;border-radius:10px;padding:8px 11px;font-size:9px;font-weight:850;display:flex;align-items:center;gap:5px;color:#344054}
#djs-portal .djs-chat-resolved-rating-actions button:hover{border-color:#98a2b3}

/* Desktop client navigation becomes a clean side rail rather than a stretched mobile footer. */
@media(min-width:900px){
 #djs-portal #djs-screen-chat{position:relative!important;padding-left:96px!important}
 #djs-portal #djs-screen-chat>.djs-chat-bottom-nav{
   position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:96px!important;height:auto!important;
   display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:5px!important;
   padding:18px 8px!important;background:#fff!important;border-right:1px solid #e8ebef!important;border-top:0!important;z-index:25!important
 }
 #djs-portal #djs-screen-chat>.djs-chat-bottom-nav .djs-bn-item{
   width:100%!important;min-height:54px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
   gap:4px!important;border-radius:11px!important;font-size:9px!important;color:#667085!important
 }
 #djs-portal #djs-screen-chat>.djs-chat-bottom-nav .djs-bn-item:hover{background:#f8fafc!important}
 #djs-portal #djs-screen-chat>.djs-mc-header,
 #djs-portal #djs-screen-chat>.djs-mc-body,
 #djs-portal #djs-screen-chat>.djs-mc-composer,
 #djs-portal #djs-screen-chat>.djs-mc-tools{width:100%!important}
 #djs-portal #djs-screen-chat>.djs-mc-body{padding-left:max(20px,calc((100% - 980px)/2))!important;padding-right:max(20px,calc((100% - 980px)/2))!important}
 #djs-portal #djs-screen-chat .djs-chat-line{max-width:820px}
}

@media(max-width:720px){
 #djs-portal .djs-chat-resolved-rating{margin:9px 10px}
 #djs-portal .djs-chat-resolved-rating-actions button{flex:1;justify-content:center}
}

#djs-portal #djs-screen-chat #djs-chat-send{background:var(--djs-mc-brand,#ef1b24)!important;color:#fff!important;box-shadow:0 5px 14px color-mix(in srgb,var(--djs-mc-brand,#ef1b24) 24%,transparent)!important}
#djs-portal #djs-screen-chat .djs-chat-line.mine .djs-chat-bubble{background:color-mix(in srgb,var(--djs-mc-brand,#ef1b24) 9%,white)!important;border:1px solid color-mix(in srgb,var(--djs-mc-brand,#ef1b24) 18%,#e4e7ec)!important;color:#101828!important}
#djs-portal #djs-screen-chat .djs-chat-line.theirs .djs-chat-bubble{background:#fff!important;border:1px solid #e8ebef!important;color:#101828!important}


/* ============================================================
   v2.37.5 — larger messenger-style rows, virtual selector, clean closure
   ============================================================ */
#djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-list{
  width:min(820px,100%)!important;
  background:#fff!important;
}
#djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-row{
  min-height:92px!important;
  grid-template-columns:64px minmax(0,1fr) 68px!important;
  gap:14px!important;
  padding:15px 4px!important;
  align-items:center!important;
}
#djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-avatar{
  width:62px!important;height:62px!important;min-width:62px!important;
  border-radius:50%!important;
  background:#f3f5f7!important;
  border:1px solid #e5e9ee!important;
}
#djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-avatar>.ms{
  font-size:29px!important;color:#344054!important;
}
#djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-copy b{
  font-size:17px!important;line-height:1.24!important;font-weight:850!important;
}
#djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-copy small{
  margin-top:5px!important;font-size:14px!important;line-height:1.28!important;color:#7f8792!important;
}
#djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-copy em{
  display:inline-flex!important;margin-top:6px!important;padding:3px 7px!important;border-radius:999px!important;
  background:#f2f4f7!important;color:#667085!important;font-style:normal!important;font-size:8px!important;font-weight:850!important;
}
#djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-meta{
  align-self:start!important;padding-top:5px!important;min-width:64px!important;
}
#djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-time{
  font-size:11px!important;color:#8b93a1!important;
}

/* Virtual number selector uses the chat title dropdown as a real number switcher. */
#djs-portal #djs-mc-category-menu:has([data-virtual-number]){
  width:min(360px,calc(100% - 34px))!important;
  max-height:min(430px,60dvh)!important;
  overflow:auto!important;
  padding:7px!important;
  border-radius:15px!important;
}
#djs-portal #djs-mc-category-menu button[data-virtual-number]{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 10px!important;
  gap:9px!important;
  align-items:center!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  line-height:normal!important;
  color:#344054!important;
}
#djs-portal #djs-mc-category-menu button[data-virtual-number]>.ms{
  font-size:23px!important;color:#667085!important;
}
#djs-portal #djs-mc-category-menu button[data-virtual-number] span:nth-child(2){min-width:0!important}
#djs-portal #djs-mc-category-menu button[data-virtual-number] b{
  display:block!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#djs-portal #djs-mc-category-menu button[data-virtual-number] small{
  display:block!important;margin-top:3px!important;font-size:9px!important;color:#98a2b3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#djs-portal .djs-number-state{width:8px;height:8px;border-radius:50%;background:#98a2b3}
#djs-portal .djs-number-state.active{background:#12b76a}
#djs-portal .djs-number-state.expired{background:#f04438}
#djs-portal .djs-number-state.waiting{background:#f79009}

/* Virtual OTP card: give number + timestamp breathing room. */
#djs-portal .djs-chat-line.virtual-message .djs-mc-msg-time{
  margin-top:10px!important;
  margin-left:4px!important;
  position:static!important;
  padding:0!important;
}
#djs-portal .djs-chat-line.virtual-message .djs-chat-bubble{
  padding-bottom:13px!important;
}
#djs-portal .djs-mc-otp-card{gap:7px!important;margin-bottom:8px!important}
#djs-portal .djs-mc-otp-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}
#djs-portal .djs-mc-otp-head>div{min-width:0}
#djs-portal .djs-mc-otp-head button,
#djs-portal .djs-mc-otp-detail button{
  border:0!important;background:rgba(255,255,255,.10)!important;color:#fff!important;
  width:30px!important;height:30px!important;border-radius:9px!important;display:grid!important;place-items:center!important;padding:0!important;
}
#djs-portal .djs-mc-otp-head button .ms,
#djs-portal .djs-mc-otp-detail button .ms{font-size:16px!important}
#djs-portal .djs-mc-otp-detail{
  width:100%!important;display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;
  align-items:center!important;gap:7px!important;margin-top:2px!important;
}
#djs-portal .djs-mc-otp-detail b{font-size:9px!important;color:#c7ced8!important}
#djs-portal .djs-mc-otp-detail em{min-width:0;font-style:normal!important;color:#fff!important;font-size:11px!important;overflow-wrap:anywhere}

/* Exactly one read-only state notice; resolved is a quiet completion state. */
#djs-portal #djs-chat-readonly-notice{margin:14px auto 6px!important}
#djs-portal #djs-chat-readonly-notice.resolved{background:#ecfdf3!important;color:#067647!important}

/* Let the customer actually read the rating confirmation before auto-closing. */
#djs-portal .djs-rating-close-countdown{
  margin:14px auto!important;max-width:520px!important;background:#fff!important;border:1px solid #dfe7e3!important;
  border-radius:15px!important;padding:12px 13px!important;display:flex!important;align-items:center!important;gap:9px!important;
  box-shadow:0 5px 18px rgba(15,23,42,.05)!important;
}
#djs-portal .djs-rating-close-countdown>.ms{
  width:34px;height:34px;border-radius:11px;background:#ecfdf3;color:#087443;display:grid;place-items:center;flex:0 0 auto;
}
#djs-portal .djs-rating-close-countdown b{display:block;font-size:11px;color:#101828}
#djs-portal .djs-rating-close-countdown small{display:block;margin-top:3px;font-size:9px;color:#667085}
#djs-portal .djs-rating-close-countdown strong{color:#101828}

@media(max-width:430px){
 #djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-row{
   min-height:88px!important;grid-template-columns:58px minmax(0,1fr) 58px!important;gap:11px!important;padding:14px 0!important;
 }
 #djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-avatar{
   width:56px!important;height:56px!important;min-width:56px!important;
 }
 #djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-copy b{font-size:16px!important}
 #djs-portal #djs-screen-chat:not(.is-thread) .djs-mc-copy small{font-size:13px!important}
}

/* v2.37.5 — distinct department identities without reusing one brand icon everywhere */
#djs-portal .djs-dept-avatar[data-dept="service_client"]{background:#eef4ff!important;border-color:#d9e5ff!important}
#djs-portal .djs-dept-avatar[data-dept="service_client"]>.ms{color:#3b6edc!important}
#djs-portal .djs-dept-avatar[data-dept="subscriptions"]{background:#f4f0ff!important;border-color:#e7ddff!important}
#djs-portal .djs-dept-avatar[data-dept="subscriptions"]>.ms{color:#7549c6!important}
#djs-portal .djs-dept-avatar[data-dept="djimlystore_vip"]{background:#fff8e6!important;border-color:#f8e6ad!important}
#djs-portal .djs-dept-avatar[data-dept="djimlystore_vip"]>.ms{color:#b7791f!important}
#djs-portal .djs-dept-avatar[data-dept="gaming"],
#djs-portal .djs-dept-avatar[data-dept="service_topup"]{background:#fff1f2!important;border-color:#ffd5da!important}
#djs-portal .djs-dept-avatar[data-dept="gaming"]>.ms,
#djs-portal .djs-dept-avatar[data-dept="service_topup"]>.ms{color:#d92d20!important}
#djs-portal .djs-dept-avatar[data-dept="giftcards"]{background:#fff0f6!important;border-color:#ffd5e6!important}
#djs-portal .djs-dept-avatar[data-dept="giftcards"]>.ms{color:#c11574!important}
#djs-portal .djs-dept-avatar[data-dept="virtual_numbers"]{background:#ecfdf3!important;border-color:#d1fadf!important}
#djs-portal .djs-dept-avatar[data-dept="virtual_numbers"]>.ms{color:#067647!important}
#djs-portal .djs-dept-avatar[data-dept="notifications"]{background:#f2f4f7!important;border-color:#e4e7ec!important}
#djs-portal .djs-dept-avatar[data-dept="notifications"]>.ms{color:#475467!important}