/* Independent compact tracking card; all rules stay inside its own component. */
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card{box-sizing:border-box;align-self:flex-start;width:300px;max-width:100%;min-width:0;margin:2px 0;padding:0;background:linear-gradient(115deg,#593775,#432653 60%,#322040);color:#fff;border:1px solid #b383d8;border-radius:14px;overflow:hidden;box-shadow:inset 3px 0 #d9b4fb;font:400 13px/1.4 system-ui,sans-serif;letter-spacing:normal;text-align:left}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card.private-order-card{display:block;gap:0}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card *{box-sizing:border-box}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card button{font-family:inherit;letter-spacing:normal;text-transform:none;cursor:pointer;box-shadow:none;clip-path:none}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-toggle{display:flex;width:100%;min-height:76px;max-height:none;align-items:center;gap:10px;padding:10px 12px;text-align:left;border:0;border-radius:0;background:transparent;color:#fff;line-height:normal}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-toggle:hover{background:#ffffff0c}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card button:focus-visible{outline:2px solid #f0daff;outline-offset:-3px}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-icon{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;background:#d7b6f5;border-radius:10px;color:#422157}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card svg{display:block;width:19px;height:19px;flex:none}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-reference{display:block;margin:0;color:#e6d7f0;font:400 11px/14px system-ui,sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-status{display:block;margin:0;color:#fff;font:700 14px/18px system-ui,sans-serif;overflow-wrap:anywhere}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-cta{display:block;color:#fff;font:600 12px/16px system-ui,sans-serif}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-chevron{width:16px;height:16px;color:#fff;stroke-width:2.3}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card [aria-expanded=true] .g420-order-chevron{transform:rotate(90deg)}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-detail{border-top:1px solid #735184;margin:0;padding:9px 16px 13px;background:#221c2b}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-detail[hidden]{display:none!important}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-steps{list-style:none;margin:0;padding:0}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-step{display:flex;align-items:center;gap:12px;min-height:44px;color:#b4a8bd;font:400 13px/1.4 system-ui,sans-serif;position:relative}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-step:not(:last-child)::after{content:'';position:absolute;left:16px;top:36px;bottom:-8px;width:1px;background:#514358}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-step-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#342b3d;flex:none}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-step-icon svg{width:17px;height:17px}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-step-done{color:#dfcee9}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-step-done .g420-step-icon{background:#463153;color:#dab4fa}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-step-current{color:#efddff;font-weight:600}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-step-current .g420-step-icon{background:#7952a0;color:#fff}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-detail p{margin:7px 0;color:#dfd1e8;font:400 12px/1.5 system-ui,sans-serif;white-space:normal}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-detail .g420-order-note{padding:0 0 8px;border-bottom:1px solid #514358}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-links{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:3px}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-link{display:block;width:auto;min-width:0;min-height:44px;margin:0;padding:5px 0;border:0;border-radius:0;background:transparent;color:#ecd8fc;font:600 12px/1.4 system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card[data-state=closed]{border-color:#cda5b5}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card[data-state=closed] .g420-order-icon{background:#e7bccd;color:#58314b}

/* Shared mode colours and the staff-only next-step button. */
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card{--order-accent:#d7b6f5;--order-line:#b383d8;--order-ink:#422157;--order-tint:#c79aef26;--order-start:#593775;--order-mid:#432653;--order-end:#322040;background:linear-gradient(115deg,var(--order-start),var(--order-mid) 60%,var(--order-end));border-color:var(--order-line);box-shadow:inset 3px 0 var(--order-accent)}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card[data-mode=delivery]{--order-accent:#b8ec86;--order-line:#80ad68;--order-ink:#25422d;--order-tint:#b8ec8626;--order-start:#315e3f;--order-mid:#274c34;--order-end:#203c2c}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card[data-mode=shipping]{--order-accent:#e5b462;--order-line:#b89256;--order-ink:#4b351c;--order-tint:#e5b46226;--order-start:#5c492d;--order-mid:#4b3b27;--order-end:#362c22}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-icon{background:var(--order-accent);color:var(--order-ink)}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-reference{color:var(--order-accent)}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card button:focus-visible{outline-color:var(--order-accent)}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-detail{border-top-color:var(--order-line)}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card :is(.g420-step-current,.g420-step-done,.g420-order-link){color:var(--order-accent)}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card :is(.g420-step-current,.g420-step-done) .g420-step-icon{background:var(--order-tint);color:var(--order-accent)}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-controls{display:flex;justify-content:flex-end;margin-top:6px;padding-top:8px;border-top:1px solid #ffffff12}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-advance{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;max-width:100%;min-height:44px;margin:0;padding:8px 11px;border:1px solid var(--order-accent);border-radius:9px;background:var(--order-accent);color:var(--order-ink);font:700 12px/16px system-ui,sans-serif;text-align:center}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-advance>svg{width:16px;height:16px}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-advance:hover:not(:disabled){filter:brightness(1.08)}
:is(#shortcut-dialog[data-panel=chat] #community-team.g420-private-live,.admin-console #chat-conversation) .g420-order-card .g420-order-advance:disabled{opacity:.6;cursor:wait}