/* YouDown? Stage 9Q — branding and visual hierarchy only.
   Depends on existing Stage 9P markup and route handling. No ticket/customer logic. */
:root {
  --ydq-purple:#8c56db;--ydq-purple-soft:#f3ecff;
  --ydq-teal:#08afa7;--ydq-teal-deep:#087c7b;
  --ydq-red:#f04462;--ydq-navy:#19172b;
  --ydq-border:#d6d9ec;--ydq-ink:#263149;
  --ydq-surface:#fff;--ydq-canvas:#f3f5fb;
  --ydq-shadow:0 5px 18px rgba(38,30,81,.055);
}
body {background:var(--ydq-canvas);color:var(--ydq-ink)}
.top {
  background:linear-gradient(113deg,#19172b 0%,#292043 61%,#19192d 100%)!important;
  border-bottom:1px solid #564279!important;box-shadow:0 2px 12px #0b09202b;
}
.logotext {min-width:170px;gap:7px}
.logotext .ydq-symbol {width:33px;height:33px;display:grid;place-items:center;flex:none}
.logotext .ydq-symbol svg {width:32px;height:32px;display:block}
.logotext .ydq-wordmark {font-size:21px;font-weight:850;letter-spacing:-.7px;
  background:linear-gradient(105deg,#cba0ff,#a36df4 62%,#9f68f9);
  color:transparent;-webkit-background-clip:text;background-clip:text;white-space:nowrap}
.logotext .ydq-question,.auth-mark em {color:var(--ydq-red)!important;-webkit-text-fill-color:var(--ydq-red)!important;font-style:normal!important}
.auth-mark {font-weight:850;background:linear-gradient(90deg,#d3abff,#915ef5);color:transparent;
  -webkit-background-clip:text;background-clip:text}
.global-search input {background:#37314f!important;border:1px solid #665a88!important;
  border-radius:9px!important;color:#f8f7ff!important}
.global-search input:focus {border-color:#25cbc0!important;box-shadow:0 0 0 3px #0ed6bd29!important}
.global-search input::placeholder {color:#c5b9da!important}
.top-end .workspace-return {background:#302746;border-color:#665485;border-radius:8px}
.top-end .workspace-return:hover {background:#43305d}
.user-avatar {background:#8e68db!important;border:1px solid #baa1ee!important}
/* Both navigation rails remain visible when a ticket is maximized. */
.iconbar {background:linear-gradient(#211b36,#171a2c)!important;border-right:1px solid #403750!important}
.iconnav {color:#c7c6da}
.iconnav:hover {background:#49385f!important;color:#fff!important}
.iconnav.selected {background:#116a70!important;color:#bbfff7!important}
.iconnav.selected:before {background:#32e1cf!important}
.queuepane {background:linear-gradient(160deg,#222038 0%,#191b2d 66%,#202038 100%)!important;
  color:#e5e7fa!important;border-right:1px solid #4d4765!important}
.queuetop {border-bottom:1px solid #46415c!important}
.queuetop h2 {color:#fff;font-size:18px;letter-spacing:-.3px}
.queuetop p,.queuepane .sechead {color:#b0acc5!important}
.queuepane .queuesection {border-bottom:1px solid #433c58!important}
.queuepane .qrow {color:#d7d9e9!important;margin:2px 8px;width:calc(100% - 16px);
  padding:10px 10px!important;border-radius:8px!important}
.queuepane .qrow:hover {background:#39324f!important;color:#fff!important}
#queuepane .qrow.active {background:linear-gradient(90deg,#087f81,#136b72)!important;
  color:#f0fffc!important;border-left:0!important;box-shadow:inset 0 0 0 1px #3cc6be75}
#queuepane .qrow.active:before {display:none}
.queuepane .qrow .count {color:#b4eae5!important;background:#194b56;border:1px solid #397d82;
  border-radius:99px;padding:2px 7px;font-size:10px}
.queuepane .staff-queue-group {color:#a3a1c0!important}
.queuehelp {background:#302c43!important;border:1px solid #514b65!important;color:#bdbbd0!important}
.queuepane::-webkit-scrollbar,.ticket-workspace-content::-webkit-scrollbar {width:9px}
.queuepane::-webkit-scrollbar-thumb {background:#625b79;border-radius:8px}
.ticket-workspace-content::-webkit-scrollbar-thumb {background:#c4c9d9;border-radius:8px}
.workspace,.body-inner {background:var(--ydq-canvas)}
.heading h1 {color:#20283f;font-size:26px;font-weight:800}
.heading-sub {color:#778198}
.toolbar {border:1px solid var(--ydq-border)!important;background:#fff!important;border-radius:12px 12px 0 0!important;
  box-shadow:var(--ydq-shadow)}
.btn {border:1px solid #d1d7e9;border-radius:8px;color:#453f62}
.btn:hover {background:#f5f0ff;border-color:#b9a9e7}
.btn.primary {background:linear-gradient(110deg,#079c9b,#06b4aa)!important;
  border-color:#078f90!important;color:#fff!important;box-shadow:0 2px 6px #0c949526}
.btn.primary:hover {background:linear-gradient(110deg,#087d7e,#0aa49b)!important}
.btn.active {background:var(--ydq-purple-soft)!important;color:#7048aa!important;border-color:#cabbf0!important}
#ticketList.staff-table {border:1px solid var(--ydq-border)!important;border-top:0!important;
  box-shadow:var(--ydq-shadow);border-radius:0 0 12px 12px!important}
.staff-compact-head {background:#f2f2fa!important;color:#6f748b;border-color:var(--ydq-border)}
.staff-compact-row {border-bottom:1px solid #ebedf7!important;color:#48536c!important}
.staff-compact-row:hover {background:#eafbf9!important}
.staff-compact-row:focus-visible,.qrow:focus-visible,.yd-tab:focus-visible,
#closePreview:focus-visible,.yd-contact-link:focus-visible {outline:2px solid #00b2aa!important;outline-offset:2px}
.ticket-card {border:1px solid var(--ydq-border)!important;border-radius:11px!important;box-shadow:var(--ydq-shadow)}
.ticket-card:hover {border-color:#54cfc7!important}
.staff-status {border-radius:999px!important;padding:5px 9px!important;letter-spacing:.015em}
.staff-status.open {background:#e4eeff!important;color:#23589b!important}
.staff-status.pending {background:#fff1cf!important;color:#835e18!important}
.staff-status.resolved,.staff-status.closed {background:#e6f5ec!important;color:#266d4c!important}
.staff-status.rejected {background:#ffebef!important;color:#b52f49!important}
/* Maximized ticket: the All Pending list is not visible or focusable.
   The queue and top navigation remain available. */
body.ticket-workspace-open #ticketView {visibility:hidden!important}
body.ticket-workspace-open #workspaceMain {overflow:hidden!important}
body.ticket-workspace-open .preview-backdrop.ticket-workspace-backdrop {
  background:var(--ydq-canvas)!important;
  border-left:1px solid #c8c6df!important;
  box-shadow:-4px 0 20px #20193b12;
}
body.ticket-workspace-open .preview-backdrop.ticket-workspace-backdrop .ticket-workspace-page {
  background:var(--ydq-canvas)!important;
}
.ticket-workspace-header {background:linear-gradient(105deg,#fff,#f8f5ff)!important;
  border-bottom:1px solid var(--ydq-border)!important;padding:12px 23px!important}
.ticket-workspace-header h2 {font-size:14px!important;font-weight:780!important;color:#433463!important}
.ticket-workspace-header #closePreview {background:#f7f3ff!important;
  border:1px solid #cbbde9!important;color:#6541a8!important;border-radius:9px!important}
.ticket-workspace-header #closePreview:hover {background:#ebe1fb!important;border-color:#a58bd7!important}
.ticket-workspace-content {background:var(--ydq-canvas)!important;padding:0!important;max-width:none!important}
.yd-ticket-heading {margin:20px 22px 17px!important;background:#fff!important;
  border:1px solid var(--ydq-border)!important;border-top:2px solid var(--ydq-purple)!important;
  border-radius:12px!important;box-shadow:var(--ydq-shadow)!important}
.yd-ticket-heading-top {padding:16px 22px 0!important;gap:13px!important}
.yd-ticket-ref {color:#69588c!important;font-weight:850}
.yd-ticket-status {border-radius:999px!important;background:#f3ecff!important;
  color:#7540b4!important;border:1px solid #d9c7f7!important}
.yd-ticket-subject {color:#222c45!important;font-size:clamp(19px,1.8vw,24px)!important;
  font-weight:780!important;margin:7px 22px 17px!important}
.yd-ticket-summary {background:#fafaff!important;border-top:1px solid var(--ydq-border)!important}
.yd-ticket-summary-cell {border-right:1px solid #e5e5f2!important;padding:14px 19px!important}
.yd-ticket-summary-cell small {color:#777c96!important}
.yd-ticket-summary-cell strong {color:#313a51!important}
.yd-detail-layout {margin:0 22px 36px!important;gap:18px!important;
  grid-template-columns:minmax(0,1fr) minmax(254px,310px)!important}
.yd-detail-main,.yd-detail-sidebar {min-width:0}
.yd-detail-sidebar {gap:14px!important;top:16px}
.yd-updates-title {background:white;border:1px solid var(--ydq-border)!important;
  padding:10px 17px 0!important;border-radius:12px 12px 0 0!important;
  margin-bottom:0!important;box-shadow:var(--ydq-shadow)}
.yd-updates-title h2 {color:#2a2b49!important;font-weight:800!important;font-size:21px!important}
.yd-update-tabs {gap:4px}
.yd-tab {color:#656b84!important;font-weight:700!important}
.yd-tab.active {color:var(--ydq-teal-deep)!important;border-bottom:3px solid var(--ydq-teal)!important}
.yd-timeline {background:#fdfdff;border:1px solid var(--ydq-border)!important;
  border-top:0!important;padding:14px 14px 3px!important;border-radius:0 0 12px 12px!important;
  box-shadow:var(--ydq-shadow)}
.yd-update-card {border:1px solid var(--ydq-border)!important;border-radius:10px!important;
  box-shadow:0 2px 8px #23264c0c!important;padding:17px 18px!important}
.yd-update-card:hover {border-color:#ada7d4!important}
.yd-update-card-head {color:#2f3250!important;border-bottom:1px solid #ebecf5!important}
.yd-origin-chip {background:#f0e7ff!important;color:#6945a5!important;border-radius:99px!important}
.yd-side-panel {border:1px solid var(--ydq-border)!important;border-radius:12px!important;
  box-shadow:var(--ydq-shadow)!important}
.yd-side-panel h3 {background:linear-gradient(90deg,#fcfaff,#fff)!important;
  border-bottom:1px solid var(--ydq-border)!important;color:#332b53!important;font-weight:800!important}
.yd-side-line {border-bottom:1px solid #ececf5!important}
.yd-side-line span {color:#777d96!important}
.yd-side-line strong {color:#30364e!important}
.yd-contact-link {color:#7446b5!important}
.yd-contact-link:hover {text-decoration:underline}
.yd-secondary-source {border-radius:12px!important;overflow:hidden}
.yd-secondary-source .staff-jsi-view {border:1px solid var(--ydq-border)!important;
  border-left:3px solid var(--ydq-purple)!important;border-radius:12px!important;
  box-shadow:var(--ydq-shadow)}
.yd-composer {border:1px solid var(--ydq-border)!important;border-radius:12px!important;
  box-shadow:var(--ydq-shadow);background:#fff!important;padding:17px!important}
.yd-composer h3 {color:#2d3150;font-weight:800}
.yd-composer textarea,.yd-actions-body select {border:1px solid #cfd5e7!important;border-radius:9px!important}
.yd-composer textarea:focus,.yd-actions-body select:focus {outline:2px solid #3fc7be!important;outline-offset:1px}
.yd-composer button {background:var(--ydq-teal-deep)!important;border-color:var(--ydq-teal-deep)!important;color:#fff!important}
.yd-file-button {border:1px solid #c7c9e4!important;background:#f9f8ff!important;color:#6848a2!important}
.yd-feed-error {border:1px solid #eab5be!important}
/* Keep all existing unified customer information and safety warnings readable. */
.staff-panel,.staff-profile-summary>div,.unified-summary>div,.glds-table-wrap {
  border-color:var(--ydq-border)!important;border-radius:10px!important}
.staff-panel h3 {color:#343052;background:#faf9ff!important}
.profile-warning {border-left-color:#cc2d45!important}
@media(max-width:1140px){
  .yd-detail-layout {grid-template-columns:minmax(0,1fr)!important}
  .yd-detail-sidebar {position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:730px){
  .logotext {min-width:128px}.logotext .ydq-wordmark{font-size:16px}
  .logotext .ydq-symbol{width:23px}.logotext .ydq-symbol svg{width:23px}
  .yd-detail-sidebar {grid-template-columns:1fr!important}
  .yd-detail-layout {margin:0 10px 25px!important}
  .yd-ticket-heading {margin:11px 10px!important}
  .yd-ticket-summary {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ticket-workspace-header {padding:9px 12px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* STAGE9R_B: Explicit MFA notification states */
#loginMessage.yd-mfa-success,
#banner.yd-mfa-success {
  color: #bbf7d0 !important;
  background: #123a30 !important;
  border: 1px solid #34d399 !important;
  border-radius: 7px;
}
#loginMessage.yd-mfa-error {
  color: #fecaca !important;
  background: #4b1e2c !important;
  border: 1px solid #fb7185 !important;
  border-radius: 7px;
}