/* Support inspector context. All colours follow the admin theme; no customer UI rules. */
#app #overview-tickets :is(.sc-context,.sc-status-group) { min-width: 0; margin: 0; border: 0; border-radius: 0; background: transparent; color: var(--admin-text,#29374b); }
#app #overview-tickets :is(.sc-context,.sc-status-group) > summary { padding: 0 0 14px; cursor: pointer; font-size: 13px; font-weight: 600; line-height: 1.5; }
#app #overview-tickets .sc-status-body { display: grid; gap: 14px; padding: 0; }
#app #overview-tickets .sc-status-body > h4 { display: none; }
#app #overview-tickets .sc-body { min-width: 0; padding: 0; color: var(--admin-text,#29374b); font-size: 12px; line-height: 1.6; }
#app #overview-tickets .sc-body :is(p,dl) { margin: 12px 0; }
#app #overview-tickets .sc-body :is(small,dt) { font-size: 11px; line-height: 1.6; color: var(--admin-muted,#53637a); }
#app #overview-tickets .sc-body dd { margin: 3px 0 12px; color: var(--admin-text,#29374b); overflow-wrap: anywhere; }
#app #overview-tickets .sc-body a { color: var(--admin-accent,#285dde); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
#app #overview-tickets .sc-identity { display: grid; gap: 5px; padding: 0 0 16px; border-bottom: 1px solid var(--admin-border,#dfe5ed); overflow-wrap: anywhere; }
#app #overview-tickets .sc-identity strong { font-size: 15px; font-weight: 600; line-height: 1.5; }
#app #overview-tickets .sc-instance-label { display: grid; gap: 7px; margin: 16px 0; font-size: 12px; }
#app #overview-tickets .sc-body select { width: 100%; min-width: 0; max-width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--admin-border,#dfe5ed); border-radius: 7px; background: var(--admin-surface,#fff); color: var(--admin-text,#29374b); font: inherit; }
#app #overview-tickets .sc-body button { min-height: 38px; padding: 8px 10px; border: 1px solid var(--admin-border,#dfe5ed); border-radius: 7px; background: var(--admin-surface,#fff); color: var(--admin-text,#29374b); box-shadow: none; font: inherit; font-size: 12px; white-space: normal; }
#app #overview-tickets .sc-body button:hover:not(:disabled) { background: var(--admin-hover,#eef2f7); }
#app #overview-tickets .sc-body button:disabled { opacity: .5; cursor: not-allowed; }
#app #overview-tickets .sc-refresh { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 16px; }
#app #overview-tickets .sc-refresh button { min-height: 34px; font-size: 11px; }
#app #overview-tickets .sc-refresh .sc-message { margin: 0; font-size: 11px; }
#app #overview-tickets .sc-live { display: grid; gap: 6px; margin-block: 14px; padding: 14px; border: 1px solid var(--admin-border,#dfe5ed); border-radius: 9px; background: var(--admin-surface,#fff); }
#app #overview-tickets .sc-runtime { font-size: 14px; font-weight: 600; }
#app #overview-tickets .sc-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 8px; }
#app #overview-tickets .sc-body details { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--admin-border,#dfe5ed); border-radius: 0; background: transparent; }
#app #overview-tickets .sc-body details > summary { padding: 13px 0; cursor: pointer; font-size: 12px; font-weight: 550; line-height: 1.5; }
#app #overview-tickets .sc-body details small { display: block; overflow-wrap: anywhere; }
#app #overview-tickets [data-sc="instanceId"] { display: block; margin-top: 5px; font-size: 11px; overflow-wrap: anywhere; }
#app #overview-tickets .sc-events { margin: 0 0 12px; padding-left: 18px; font-size: 12px; }
#app #overview-tickets .sc-events li { padding: 8px 0; overflow-wrap: anywhere; }
#app #overview-tickets .sc-events time { display: block; margin-top: 3px; color: var(--admin-muted,#53637a); font-size: 11px; }
#app #overview-tickets .sc-orders ul { margin: 0; padding: 0; list-style: none; }
#app #overview-tickets .sc-orders li { display: grid; gap: 6px; padding: 12px 0; border-top: 1px solid var(--admin-border,#dfe5ed); overflow-wrap: anywhere; font-size: 12px; }
#app #overview-tickets .sc-orders time { font-size: 11px; color: var(--admin-muted,#53637a); }
#app #overview-tickets .sc-message { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
#app #overview-tickets :is(.sc-message[data-error="true"],[data-sc="runtimeError"]) { color: var(--admin-danger,#a4322d); }
#app #overview-tickets :is([data-sc="runtimeError"],[data-sc="truncated"]):empty { display: none; }
#app #overview-tickets :is(.sc-context,.sc-status-group) :is(button,select,summary,a):focus-visible { outline: 2px solid var(--admin-accent,#285dde); outline-offset: 2px; }

/* Native confirmation dialog remains distinct from the everyday inspector controls. */
body.admin-workspace .sc-power-dialog { width: min(460px,calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; border: 1px solid var(--admin-border,#dfe5ed); border-radius: 12px; background: var(--admin-surface,#fff); color: var(--admin-text,#29374b); box-shadow: 0 16px 60px var(--admin-shadow,#17253722); }
body.admin-workspace .sc-power-dialog::backdrop { background: var(--admin-scrim,#17253766); backdrop-filter: blur(4px); }
body.admin-workspace .sc-power-dialog h2 { margin: 0 0 14px; font-size: 21px; line-height: 1.35; letter-spacing: -.025em; }
body.admin-workspace .sc-power-dialog p { font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
body.admin-workspace .sc-power-dialog footer { display: flex; flex-wrap: wrap; justify-content: end; gap: 10px; margin-top: 24px; }
body.admin-workspace .sc-power-dialog button { min-height: 44px; padding: 10px 14px; border: 1px solid var(--admin-border,#dfe5ed); border-radius: 7px; background: var(--admin-surface,#fff); color: var(--admin-text,#29374b); font: inherit; font-size: 13px; }
html[data-admin-theme] body.admin-workspace .sc-power-dialog button[value="confirm"] { background: var(--admin-text,#29374b); color: var(--admin-surface,#fff); border-color: var(--admin-text,#29374b); }
body.admin-workspace .sc-power-dialog button:focus-visible { outline: 2px solid var(--admin-accent,#285dde); outline-offset: 3px; }
@media (max-width: 760px) {
  #app #overview-tickets .sc-body select { min-height: 44px; font-size: 16px; }
  #app #overview-tickets .sc-body button { min-height: 44px; }
  #app #overview-tickets :is(.sc-context,.sc-status-group) > summary { padding-block: 8px 14px; min-height: 44px; }
  #app #overview-tickets .sc-body details > summary { min-height: 44px; }
  body.admin-workspace .sc-power-dialog { padding: 20px; }
}
/* Hidden account data and unavailable actions must remain hidden. */
#app #overview-tickets :is(.sc-context,.sc-status-group) [hidden] { display: none !important; }