/* Payment source review: existing controls, approved workspace presentation only. */
body.workspace-shell[data-workspace-view="payment-quarantine"],
body.workspace-shell[data-workspace-view="payment-quarantine"] .main-content,
#payment-quarantine-view { background: var(--ws-bg); }
body.workspace-shell[data-workspace-view="payment-quarantine"]::before { display: none; }
#payment-quarantine-view { min-width: 0; color: var(--ws-ink); color-scheme: var(--ws-scheme); font: 400 var(--ws-text-body)/1.55 var(--ws-font); overflow-wrap: anywhere; }
#payment-quarantine-view *, #payment-quarantine-view *::before, #payment-quarantine-view *::after { box-sizing: border-box; }
#payment-quarantine-view [hidden] { display: none !important; }
#payment-quarantine-view .pq-shell { max-width: 64rem; min-width: 0; margin-inline: auto; padding-block: var(--ws-space-md); }
#payment-quarantine-view header { margin-bottom: var(--ws-space-xl); }
#payment-quarantine-view :is(h1,h2,h3) { color: var(--ws-ink); text-wrap: balance; line-height: 1.3; }
#payment-quarantine-view h1 { font-size: var(--ws-text-heading); margin: 0 0 var(--ws-space-sm); }
#payment-quarantine-view h2 { font-size: var(--ws-text-subheading); margin: 0 0 var(--ws-space-lg); }
#payment-quarantine-view h3 { font-size: var(--ws-text-body); margin: var(--ws-space-xl) 0 var(--ws-space-sm); }
#payment-quarantine-view p { max-width: 72ch; }
#payment-quarantine-view header p { color: var(--ws-muted); margin: 0; }
#payment-quarantine-view .pq-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; }
#payment-quarantine-view .pq-card { min-width: 0; padding-block: var(--ws-space-xl); border: 0; border-top: 1px solid var(--ws-line); border-radius: 0; background: transparent; box-shadow: none; }
#payment-quarantine-view .pq-form { display: grid; min-width: 0; max-width: 44rem; gap: var(--ws-space-md); margin: 0 0 var(--ws-space-lg); }
#payment-quarantine-view .pq-form + .pq-form { padding-top: var(--ws-space-lg); border-top: 1px solid var(--ws-line); }
#payment-quarantine-view .pq-form label { display: grid; min-width: 0; gap: var(--ws-space-sm); font-weight: 600; }
#payment-quarantine-view :is(input,select,textarea) { min-width: 0; max-width: 100%; font: inherit; color: var(--ws-ink); }
#payment-quarantine-view :is(input:not([type="checkbox"]),select,textarea) { width: 100%; min-height: 44px; padding: .75rem; border: 1px solid var(--ws-muted); border-radius: 6px; background: var(--ws-surface); }
#payment-quarantine-view :is(input,textarea)::placeholder { color: var(--ws-muted); opacity: 1; }
#payment-quarantine-view input[type="file"] { overflow: hidden; }
#payment-quarantine-view input::file-selector-button { min-height: 44px; max-width: 100%; margin-inline-end: var(--ws-space-sm); padding: .5rem; border: 1px solid var(--ws-line); border-radius: 4px; color: var(--ws-ink); background: var(--ws-soft); font: inherit; white-space: normal; overflow-wrap: anywhere; }
#payment-quarantine-view textarea { min-height: 6rem; resize: vertical; }
#payment-quarantine-view .pq-form .pq-check { display: flex; align-items: flex-start; gap: .75rem; min-height: 44px; font-weight: 400; cursor: pointer; }
#payment-quarantine-view .pq-check input { flex: 0 0 auto; width: 20px; height: 20px; margin: .25rem 0 0; accent-color: var(--ws-accent); }
#payment-quarantine-view :is(button,.btn) { min-width: 0; max-width: 100%; min-height: 44px; padding: .65rem 1rem; justify-content: center; border: 1px solid var(--ws-line); border-radius: 6px; background: var(--ws-surface); color: var(--ws-ink); box-shadow: none; transform: none; font: inherit; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; text-align: left; cursor: pointer; }
#payment-quarantine-view :is(button,.btn):hover:not(:disabled) { background: var(--ws-soft); color: var(--ws-ink); border-color: var(--ws-accent); box-shadow: none; transform: none; }
#payment-quarantine-view :is(button,.btn):active:not(:disabled) { background: var(--ws-accent-soft); color: var(--ws-ink); }
#payment-quarantine-view .btn-primary,
#payment-quarantine-view .btn-primary:is(:hover,:active):not(:disabled) { background: var(--ws-button-bg); color: var(--ws-button-ink); border-color: var(--ws-button-bg); }
#payment-quarantine-view :is(button,input,select,textarea):disabled { opacity: 1; background: var(--ws-soft); color: var(--ws-muted); border-color: var(--ws-line); cursor: not-allowed; box-shadow: none; transform: none; }
#payment-quarantine-view a { color: var(--ws-accent); }
#payment-quarantine-view :focus-visible { outline: 3px solid var(--ws-accent); outline-offset: 3px; scroll-margin-block: var(--ws-space-lg); }
#payment-quarantine-view [aria-invalid="true"] { border-color: var(--ws-bad); }
#payment-quarantine-view .pq-feedback { margin-block: var(--ws-space-lg); padding: var(--ws-space-md); border: 1px solid var(--ws-line); border-radius: 6px; background: var(--ws-soft); }
#payment-quarantine-view .pq-feedback:empty { display: none; }
#payment-quarantine-view .pq-feedback.is-error { color: var(--ws-bad); border-color: var(--ws-bad); }
#payment-quarantine-view .pq-preview { min-width: 0; }
#payment-quarantine-view .pq-preview details { margin-top: var(--ws-space-md); }
#payment-quarantine-view .pq-preview summary { min-height: 44px; padding-block: .5rem; color: var(--ws-accent); cursor: pointer; }
#payment-quarantine-view .pq-preview dl { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); gap: .5rem 1rem; margin-block: var(--ws-space-md); }
#payment-quarantine-view .pq-preview dt { color: var(--ws-muted); }
#payment-quarantine-view .pq-preview dd { min-width: 0; margin: 0; font-variant-numeric: tabular-nums; }
#payment-quarantine-view .pq-actions { display: flex; flex-wrap: wrap; gap: var(--ws-space-sm); }
#payment-quarantine-view .pq-list { display: grid; gap: var(--ws-space-sm); padding: 0; margin-block: var(--ws-space-sm); list-style: none; }
#payment-quarantine-view .pq-list button { width: 100%; justify-content: flex-start; }
#payment-quarantine-view .pq-original-panel { margin-top: var(--ws-space-lg); }
#payment-quarantine-view .pq-original-panel pre { min-width: 0; max-width: 100%; max-height: 30rem; overflow: auto; padding: var(--ws-space-md); border: 1px solid var(--ws-line); border-radius: 6px; background: var(--ws-surface); color: var(--ws-ink); white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--ws-text-meta); }
#payment-quarantine-view .pq-original-panel iframe { display: block; width: 100%; max-width: 100%; height: min(70vh,42rem); border: 1px solid var(--ws-line); }
#payment-quarantine-view .pq-original-panel img { display: block; max-width: 100%; max-height: 70vh; object-fit: contain; }
/* Keep the existing assistant reachable after the work area, never over forms.
   The mobile workspace shell already places native navigation above content. */
body.workspace-shell[data-workspace-view="payment-quarantine"] #ellie-widget { position: static; inset: auto; display: flex; flex-direction: column; align-items: flex-end; gap: var(--ws-space-sm); width: auto; height: auto; min-width: 0; margin: var(--ws-space-md); background: transparent; border: 0; }
body.workspace-shell[data-workspace-view="payment-quarantine"] #ellie-chat { position: static; inset: auto; width: min(100%,24rem); max-width: 100%; min-width: 0; max-height: 70vh; }
@media (max-width: 900px) {
    body.workspace-shell[data-workspace-view="payment-quarantine"] #ellie-widget { grid-column: 1; grid-row: 5; }
}
@media (max-width: 480px) {
    body.workspace-shell[data-workspace-view="payment-quarantine"] .main-content { padding-inline: var(--ws-space-md); }
    #payment-quarantine-view .pq-card { padding-block: var(--ws-space-lg); }
    #payment-quarantine-view .pq-preview dl { grid-template-columns: minmax(0,1fr); gap: .25rem; }
    #payment-quarantine-view .pq-preview dd { margin-bottom: var(--ws-space-sm); }
    #payment-quarantine-view .pq-actions > button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { #payment-quarantine-view * { transition: none; animation: none; scroll-behavior: auto; } }