/* Operation feedback uses existing application state and controls only.
   No selectors reach media previews, page iframes or authored user content. */
html[data-color-mode] body :is(.process-panel,.video-jobs-panel,.media-result,.cc-upload,.cc-results-empty,.cc-loading,.pg-discovery-progress){
  color:var(--brand-text);background:var(--brand-surface)!important;
  border-color:var(--brand-border)!important;border-radius:16px;
  box-shadow:none!important;min-width:0;
}
html[data-color-mode] body :is(.process-panel,.media-result){padding:20px}
html[data-color-mode] body .progress-heading{gap:16px;align-items:center}
html[data-color-mode] body .progress-heading strong{font-size:13px;line-height:1.6;color:var(--brand-text)}
html[data-color-mode] body :is(.process-panel p,.video-job-detail,.video-jobs-notice,.video-jobs-heading p,.processing-diagnostic,.media-result>p,.media-result-report ul,.media-storage-note,.mw-inspection,.mw-feedback,.cc-results-empty,.cc-loading,.pg-discovery-progress small){
  color:var(--brand-muted)!important;font-size:12px;line-height:1.7;overflow-wrap:anywhere;
}
html[data-color-mode] body :is(.process-panel,.video-job-row,.ve-export-info,.cc-surface) progress{
  display:block;width:100%;height:7px;appearance:none;border:0;border-radius:20px;
  background:var(--brand-raised)!important;accent-color:var(--brand-primary);overflow:hidden;
}
html[data-color-mode] body :is(.process-panel,.video-job-row,.ve-export-info,.cc-surface) progress::-webkit-progress-bar{
  border-radius:20px;background:var(--brand-raised)!important;
}
html[data-color-mode] body :is(.process-panel,.video-job-row,.ve-export-info,.cc-surface) progress::-webkit-progress-value{
  border-radius:20px;background:var(--brand-primary)!important;transition:width .2s ease;
}
html[data-color-mode] body :is(.process-panel,.video-job-row,.ve-export-info,.cc-surface) progress::-moz-progress-bar{
  border-radius:20px;background:var(--brand-primary)!important;
}
/* Secondary actions remain visible without competing with the next main action. */
html[data-color-mode] body :is(.process-panel .text-button,.video-job-actions button.video-small-button,.mw-actions button,.mw-file-row button,.ve-export-summary>.ve-button:not(.ve-primary),#processing-ready-notice>button){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;
  padding:9px 13px;border:1px solid var(--brand-border)!important;border-radius:10px;
  color:var(--brand-text)!important;background:var(--brand-raised)!important;
  font:inherit;font-size:12px;line-height:1.5;text-decoration:none;box-shadow:none!important;cursor:pointer;
}
html[data-color-mode] body :is(.process-panel .text-button,.video-job-actions button.video-small-button,.mw-actions button,.mw-file-row button,.ve-export-summary>.ve-button:not(.ve-primary),#processing-ready-notice>button):hover:not(:disabled){
  border-color:var(--brand-muted)!important;background:var(--brand-surface)!important;
}
html[data-color-mode] body :is(.video-job-actions a.video-small-button,#processing-ready-notice>a){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;
  padding:9px 14px;border:1px solid transparent!important;border-radius:10px;
  background:var(--brand-primary)!important;color:var(--brand-on-primary)!important;
  font-size:12px;font-weight:650;line-height:1.5;text-decoration:none;box-shadow:none!important;
}
html[data-color-mode] body :is(.video-job-actions a.video-small-button,#processing-ready-notice>a):hover{
  background:var(--brand-primary)!important;color:var(--brand-on-hover)!important;
}
html[data-color-mode] body :is(.process-panel,.video-job-actions,.mw-actions,.mw-file-row,.ve-export-summary,#processing-ready-notice) :is(button,a):focus-visible{
  outline:2px solid var(--brand-focus)!important;outline-offset:3px;
}
html[data-color-mode] body :is(.process-panel,.video-job-actions,.mw-actions,.mw-file-row,.ve-export-summary) button:disabled{
  cursor:not-allowed;opacity:.55;
}
/* File names and diagnostic identifiers must not push controls off screen. */
html[data-color-mode] body .video-job-row{padding:18px 20px;border-color:var(--brand-border-soft)!important}
html[data-color-mode] body .video-job-heading{gap:12px;align-items:flex-start;flex-wrap:wrap}
html[data-color-mode] body .video-job-heading strong{font-size:13px;flex:1 1 150px;line-height:1.6}
html[data-color-mode] body .video-job-status{
  border-radius:20px;background:var(--brand-raised)!important;color:var(--brand-text)!important;
  border:1px solid var(--brand-border)!important;font-size:11px;line-height:1.5;padding:4px 9px;
}
html[data-color-mode] body .video-job-clock{font-size:13px;line-height:1.65;font-variant-numeric:tabular-nums;color:var(--brand-text)}
html[data-color-mode] body .processing-diagnostic{display:block;margin-top:9px;font-size:11px}
html[data-color-mode] body .processing-diagnostic:empty{display:none}
html[data-color-mode] body .video-job-actions{padding-top:4px;gap:8px}
html[data-color-mode] body .video-job-error:not([hidden]){
  background:var(--brand-danger-bg)!important;color:var(--brand-danger)!important;
  border:1px solid var(--brand-danger);border-radius:10px;padding:12px 14px;margin:12px 0;
  font-size:12px;line-height:1.7;overflow-wrap:anywhere;
}
/* Success is semantic green; pink remains the download action. */
html[data-color-mode] body #result.result{
  border:1px solid var(--brand-border)!important;border-top:3px solid var(--brand-success)!important;
  background:var(--brand-surface)!important;color:var(--brand-text)!important;
  border-radius:16px;padding:22px;align-items:center;
}
html[data-color-mode] body #result.result strong{color:var(--brand-text);font-size:19px;line-height:1.45}
html[data-color-mode] body #result.result>div>span{color:var(--brand-muted)!important;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
html[data-color-mode] body #result.result>div>.result-kicker{color:var(--brand-success)!important;font-size:10px;letter-spacing:.1em}
html[data-color-mode] body .media-result{border-top:3px solid var(--brand-success)!important}
html[data-color-mode] body .media-result .result-check{
  width:40px;height:40px;background:var(--brand-success-bg)!important;color:var(--brand-success)!important;
  border:1px solid var(--brand-success)!important;box-shadow:none!important;
}
html[data-color-mode] body .media-result-heading .eyebrow{color:var(--brand-success)!important;font-size:10px;line-height:1.5}
html[data-color-mode] body .media-result h2{color:var(--brand-text)!important;font-size:19px;line-height:1.4}
html[data-color-mode] body .media-result .primary-button{margin-top:16px}
html[data-color-mode] body .media-storage-note{margin-top:12px}
html[data-color-mode] body .ve-export-summary{gap:14px;padding:4px 0;align-items:center}
html[data-color-mode] body .ve-export-summary .ve-export-info{gap:8px}
html[data-color-mode] body .ve-export-summary .ve-export-info strong{font-size:13px;line-height:1.5;color:var(--brand-text)}
html[data-color-mode] body .ve-export-summary .ve-export-info :is(span,small){font-size:12px;line-height:1.6;color:var(--brand-muted)!important;overflow-wrap:anywhere}
html[data-color-mode] body .ve-export-summary .ve-export-status{color:var(--brand-text)!important;font-weight:550}
html[data-color-mode] body .ve-export-summary .ve-export-icon{width:40px;height:40px;background:var(--brand-raised)!important;color:var(--brand-text)!important;border-color:var(--brand-border)!important;border-radius:12px}
html[data-color-mode] body .cc-state{font-size:11px;line-height:1.5}
html[data-color-mode] body .cc-state-completed{background:var(--brand-success-bg)!important;color:var(--brand-success)!important;border-color:var(--brand-success)!important}
html[data-color-mode] body .cc-state-failed{background:var(--brand-danger-bg)!important;color:var(--brand-danger)!important;border-color:var(--brand-danger)!important;border-style:solid}
html[data-color-mode] body .cc-state-interrupted{background:var(--brand-warning-bg)!important;color:var(--brand-warning)!important;border-color:var(--brand-warning)!important;border-style:solid}
html[data-color-mode] body :is(.cc-state-cancelled,.cc-state-expired){background:var(--brand-raised)!important;color:var(--brand-muted)!important;border-color:var(--brand-border)!important}
/* Explicit error classes only: neutral feedback is not assumed to be success. */
html[data-color-mode] body :is(.message.error,.form-message.error,.pg-feedback.pg-error,.cc-message.cc-error,.su-error,.aa-error,.ax-error){
  color:var(--brand-danger)!important;background:var(--brand-danger-bg)!important;
  border-color:var(--brand-danger)!important;border-radius:12px;line-height:1.7;overflow-wrap:anywhere;
}
html[data-color-mode] body :is(.message.success,.form-message.success){
  color:var(--brand-success)!important;background:var(--brand-success-bg)!important;border-color:var(--brand-success)!important;
}
html[data-color-mode] body :is(.message.warning,.form-message.warning){
  color:var(--brand-warning)!important;background:var(--brand-warning-bg)!important;border-color:var(--brand-warning)!important;
}
html[data-color-mode] body .cc-error-text{color:var(--brand-danger)!important;line-height:1.7;overflow-wrap:anywhere}
html[data-color-mode] body :is(.pg-empty,.cc-empty,.ve-empty,.ud-empty,.su-empty,.notify-empty,.aa-empty,.ax-empty){
  color:var(--brand-text)!important;overflow-wrap:anywhere;
}
html[data-color-mode] body :is(.pg-empty,.cc-empty,.ve-empty,.ud-empty,.su-empty,.notify-empty,.aa-empty,.ax-empty) p{
  color:var(--brand-muted)!important;font-size:13px;line-height:1.75;
}
html[data-color-mode] body :is(.pg-empty .pg-emblem,.cc-empty>div>svg){color:var(--brand-muted)!important;box-shadow:none!important}
/* Large shimmer surfaces are distracting during imports; retain the real label
   and the existing small activity indicator instead of fabricating progress. */
html[data-color-mode] body .pg-loading{
  background:var(--brand-surface)!important;color:var(--brand-muted)!important;
  animation:none!important;border:1px solid var(--brand-border);border-radius:16px;
  font-size:13px;line-height:1.7;padding:28px;
}
html[data-color-mode] body .pg-discovery-spinner{border-color:var(--brand-border)!important;border-top-color:var(--brand-primary)!important}
html[data-color-mode] body #processing-ready-notice{
  background:var(--brand-surface)!important;color:var(--brand-text)!important;border:1px solid var(--brand-border)!important;
  border-top:3px solid var(--brand-success)!important;border-radius:16px!important;
  padding:20px!important;max-width:min(400px,calc(100vw - 32px))!important;
  right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;
  box-shadow:0 10px 35px #0003!important;overflow-wrap:anywhere;
}
html[data-color-mode] body #processing-ready-notice>strong{display:block;font-size:15px;line-height:1.5;color:var(--brand-text)}
html[data-color-mode] body #processing-ready-notice>strong::before{
  content:"";display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:-3px;
  background:var(--brand-success);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m7 12 3 3 7-7'/%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[data-color-mode] body #processing-ready-notice>p{font-size:12px;line-height:1.7;color:var(--brand-muted);margin:10px 0 16px}
html[data-color-mode] body #processing-ready-notice>button{margin-left:8px!important}
@media(max-width:560px){
  html[data-color-mode] body :is(.process-panel,.media-result,#result.result,.video-job-row){padding:16px}
  html[data-color-mode] body .progress-heading{align-items:flex-start}
  html[data-color-mode] body .video-job-actions :is(a,button){flex:1 1 auto;min-height:42px}
  html[data-color-mode] body .ve-export-summary{flex-wrap:wrap}
  html[data-color-mode] body .ve-export-summary>.ve-button{margin-left:auto;min-height:42px}
  html[data-color-mode] body #result.result>.primary-button{width:100%}
  html[data-color-mode] body .media-result .primary-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html[data-color-mode] body :is(.process-panel,.video-job-row,.ve-export-info,.cc-surface) progress::-webkit-progress-value{transition:none!important}
  html[data-color-mode] body .pg-discovery-spinner{animation:none!important}
}