/* RC53.01 — left-edge sliding operation panel; original list stays visually intact. */
#ndCustomerPanel>.nd53-operation-panel{
  position:fixed!important;
  top:54px!important;
  bottom:18px!important;
  left:16px!important;
  width:min(860px,calc(100vw - 510px))!important;
  min-width:600px!important;
  z-index:10054!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate3d(calc(-100% - 28px),0,0)!important;
  transition:transform .42s cubic-bezier(.22,.82,.2,1),opacity .24s ease,visibility 0s linear .42s!important;
  will-change:transform!important;
  direction:rtl!important;
}
#ndCustomerPanel>.nd53-operation-panel.is-open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0)!important;
  transition:transform .44s cubic-bezier(.22,.82,.2,1),opacity .24s ease!important;
}
#ndCustomerPanel .nd53-operation-shell{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(37,99,235,.28)!important;
  border-radius:24px!important;
  background:rgba(250,252,255,.99)!important;
  box-shadow:0 26px 90px rgba(15,23,42,.28)!important;
}
#ndCustomerPanel .nd53-operation-close-row{
  flex:0 0 52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:8px 14px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid #e5edf7!important;
  background:#fff!important;
}
#ndCustomerPanel .nd53-operation-close-row button{
  width:34px!important;height:34px!important;padding:0!important;
  border:1px solid #d5e1ef!important;border-radius:50%!important;
  background:#f8fbff!important;color:#45617c!important;
  font:400 23px/31px Arial,sans-serif!important;cursor:pointer!important;
}
#ndCustomerPanel .nd53-operation-content{
  flex:1 1 auto!important;min-height:0!important;overflow:auto!important;
  padding:14px!important;box-sizing:border-box!important;background:#f4f8fd!important;
  overscroll-behavior:contain!important;
}
/* Keep the complete customer-panel list in place, at its exact scroll position. */
#ndCustomerPanel.nd53-operation-open>.nd-customer-panel-card{
  filter:blur(3px)!important;
  opacity:.40!important;
  pointer-events:none!important;
  user-select:none!important;
  transition:filter .28s ease,opacity .28s ease!important;
}
#ndCustomerPanel.nd53-operation-open .nd-domain-focus-backdrop,
#ndCustomerPanel.nd53-operation-open .nd-detail-focus-backdrop{display:none!important}
#ndCustomerPanel .nd53-list-placeholder{pointer-events:none!important}
#ndCustomerPanel .nd53-operation-content>.nd-domain-card.nd53-operation-card{
  width:100%!important;max-width:none!important;min-height:100%!important;
  margin:0!important;border-radius:18px!important;overflow:visible!important;
  box-shadow:none!important;background:#fff!important;
}
#ndCustomerPanel .nd53-operation-content>.nd-domain-card.nd53-operation-card>.nd51-card-close-row{display:none!important}
#ndCustomerPanel .nd53-operation-content .nd-domain-card-toggle{cursor:default!important}
#ndCustomerPanel .nd53-operation-content .nd-domain-inline-details{overflow:visible!important;max-height:none!important}
#ndCustomerPanel .nd53-operation-content .nd5205-workspace-panel{
  height:min(680px,calc(100dvh - 270px))!important;
  max-height:none!important;
  min-height:500px!important;
  margin:0 14px 18px!important;
}
#ndCustomerPanel .nd53-operation-content .nd5207-thread-view>.nd5201-thread-messages{min-height:220px!important}
#ndCustomerPanel .nd53-operation-content .nd5207-reply-composer{padding-bottom:22px!important}
#ndCustomerPanel .nd53-operation-content .nd5207-reply-composer footer button{position:static!important;transform:none!important;margin:0!important}
@media(max-width:1180px){
 #ndCustomerPanel>.nd53-operation-panel{width:calc(100vw - 500px)!important;min-width:0!important}
}
@media(max-width:900px){
 #ndCustomerPanel>.nd53-operation-panel{top:10px!important;bottom:10px!important;left:10px!important;width:calc(100vw - 20px)!important;min-width:0!important}
 #ndCustomerPanel.nd53-operation-open>.nd-customer-panel-card{opacity:.24!important}
}
@media(prefers-reduced-motion:reduce){#ndCustomerPanel>.nd53-operation-panel{transition:none!important}}


/* RC53.02 — shared support center in the left operation panel. */
#ndCustomerPanel .nd53-operation-content>.nd537-tickets-view.nd53-operation-view{
  display:block!important;width:100%!important;max-width:none!important;min-height:100%!important;
  padding:0!important;overflow:visible!important;background:#fff!important;border-radius:18px!important;
  box-sizing:border-box!important;
}
#ndCustomerPanel .nd53-operation-content>.nd537-tickets-view .nd537-tickets-head{display:none!important}
#ndCustomerPanel .nd53-operation-content .nd537-tickets-content{padding:18px!important;box-sizing:border-box!important}
#ndCustomerPanel .nd53-operation-content .nd5302-support-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 18px;border-bottom:1px solid #e5edf7;margin-bottom:16px}
#ndCustomerPanel .nd53-operation-content .nd5302-support-intro small{display:block;color:#94a3b8;font-size:11px}
#ndCustomerPanel .nd53-operation-content .nd5302-support-intro h3{margin:4px 0 0;font-size:22px;color:#0f172a}
#ndCustomerPanel .nd53-operation-content .nd537-ticket-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#ndCustomerPanel .nd53-operation-content .nd537-thread>header{position:sticky;top:-14px;z-index:2;background:#fff;padding:12px 0;border-bottom:1px solid #e5edf7}
#ndCustomerPanel .nd53-operation-content .nd5302-thread-new{margin-inline-start:auto;width:auto!important;padding:0 13px!important;font-size:12px!important;color:#2563eb!important}
#ndCustomerPanel .nd53-operation-content .nd537-messages{max-height:none!important;overflow:visible!important;padding:16px 4px!important}
#ndCustomerPanel .nd53-operation-content .nd537-reply{padding:18px 0 8px;border-top:1px solid #e5edf7}
#ndCustomerPanel .nd53-operation-content .nd537-reply textarea{min-height:130px}
#ndCustomerPanel .nd53-operation-content .nd537-reply button{justify-self:start;min-width:150px;padding:13px 24px}
#ndCustomerPanel .nd53-operation-content .nd5302-new-form{max-width:720px;margin:0 auto;padding:8px}
#ndCustomerPanel .nd53-operation-content .nd5302-new-form select{width:100%;box-sizing:border-box;border:1px solid #dbe5f2;border-radius:13px;padding:11px;background:#fff;font:inherit}
@media(max-width:760px){#ndCustomerPanel .nd53-operation-content .nd537-ticket-list{grid-template-columns:1fr}}

/* RC53.03 — operation panel is a true fixed overlay; no legacy drawer reflow. */
#ndCustomerPanel.nd53-operation-open,
#ndCustomerPanel.nd53-operation-open>.nd-customer-panel-card{
  margin:0!important;
  padding-left:0!important;
  width:auto;
  transform:none;
}
#ndCustomerPanel.nd53-operation-open>.nd-customer-panel-card{
  left:18px!important;
  right:auto!important;
  width:min(440px,calc(100vw - 36px))!important;
}
#ndCustomerPanel .nd53-list-placeholder{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  border:1px dashed rgba(148,163,184,.18)!important;
  border-radius:16px!important;
  background:rgba(248,250,252,.28)!important;
  pointer-events:none!important;
}
/* One page scroll starts below Action Center. */
#ndCustomerPanel .nd53-operation-content .nd5205-workspace-clip,
#ndCustomerPanel .nd53-operation-content .nd5205-workspace-panel,
#ndCustomerPanel .nd53-operation-content .nd5205-workspace-content,
#ndCustomerPanel .nd53-operation-content .nd5207-thread-view{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
#ndCustomerPanel .nd53-operation-content .nd5205-workspace-panel{display:block!important;margin:0 14px 18px!important}
#ndCustomerPanel .nd53-operation-content .nd5207-thread-view>.nd5201-thread-messages{
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
}
#ndCustomerPanel .nd53-operation-content .nd5207-reply-composer,
#ndCustomerPanel .nd53-operation-content .nd5207-composer{overflow:visible!important}

/* RC53.05 — content-sized readable panel; avoid unnecessary ultra-wide layouts. */
#ndCustomerPanel>.nd53-operation-panel{width:min(880px,calc(100vw - 500px))!important;max-width:880px!important;min-width:680px!important}
#ndCustomerPanel .nd53-operation-content{padding:16px!important;font-size:15px!important}
@media(max-width:1180px){#ndCustomerPanel>.nd53-operation-panel{width:calc(100vw - 500px)!important;max-width:880px!important;min-width:0!important}}
@media(max-width:900px){#ndCustomerPanel>.nd53-operation-panel{width:calc(100vw - 20px)!important;max-width:none!important;min-width:0!important}}
