/*
 * Shared client-upload layout. The request hostname selects one approved brand
 * stylesheet server-side; that stylesheet supplies this page's complete visual
 * system (font, shell, panels, controls, actions, dialog, and footer).
 */
.client-upload-page { margin: 0; padding: 20px 12px; background: var(--upload-page-bg, var(--login-page-bg, #eef2f5)); color: var(--upload-ink, #203040); font-family: var(--upload-font-family, "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif); background-attachment: fixed; }
.client-upload-page * { box-sizing: border-box; }
.upload-card { max-width: 800px; margin: auto; overflow: hidden; border: 1px solid var(--upload-rule, #d6e1eb); border-radius: var(--upload-card-radius, 14px); padding: 24px; background: var(--upload-card-bg, #fff); color: var(--upload-ink, #203040); box-shadow: 0 18px 52px rgb(16 25 34 / 20%); }
.upload-header { position: relative; margin: -24px -24px 24px; padding: 28px 24px 24px; overflow: hidden; border-radius: var(--upload-card-radius, 14px) var(--upload-card-radius, 14px) 0 0; background: var(--upload-header-bg, #f5f8fb); color: var(--upload-header-ink, var(--upload-ink, #203040)); text-align: center; }
.upload-header::before { position: absolute; top: 0; right: 0; left: 0; height: var(--upload-header-topbar-height, 0); background: var(--upload-spectrum, var(--upload-primary, #176c94)); content: ""; }
.upload-header::after { position: absolute; right: 0; bottom: 0; left: 0; height: var(--upload-header-bottombar-height, 6px); background: var(--upload-spectrum, var(--upload-primary, #176c94)); content: ""; }
.upload-header img { display: block; max-width: min(220px, 100%); max-height: 100px; margin: 0 auto 14px; padding: 8px 12px; border: 1px solid var(--upload-logo-plate-border, transparent); border-radius: 8px; background: var(--upload-logo-plate-bg, transparent); object-fit: contain; }
/* Match the dashboard action-button contract exactly. The hostname-selected
   brand stylesheet supplies these variables, so the popup close control uses
   the same font, action color, text color, and hover color as its dashboard. */
.upload-window-close { position: absolute; z-index: 1; top: 12px; right: 12px; display: inline-flex; min-height: 30px; box-sizing: border-box; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid var(--login-action-bg); border-radius: 0; background: var(--login-action-bg); color: var(--login-action-text); cursor: pointer; font: 600 11px/1 var(--portal-brand-font); text-align: center; text-transform: uppercase; white-space: nowrap; }
.upload-window-close:hover, .upload-window-close:focus-visible { background: var(--login-action-bg-hover); color: var(--login-action-text); }
.upload-header h1 { margin: 14px 0 8px; color: inherit; font-family: var(--upload-font-family, inherit); font-size: 32px; line-height: 1.2; }
.upload-header p { color: var(--upload-header-muted, var(--upload-muted, #596975)); }
.upload-badge { display: inline-block; padding: 7px 12px 6px; border-radius: 999px; background: var(--upload-primary, #176c94); color: var(--upload-primary-text, #fff); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.upload-notice { margin: 24px 0; padding: 16px; border: 1px solid var(--upload-accent-border, #d6e1eb); border-left: 5px solid var(--upload-secondary, var(--upload-primary, #176c94)); border-radius: 8px; background: var(--upload-accent-soft, #f5f8fb); color: var(--upload-ink, #203040); line-height: 1.6; }
.upload-notice strong { display: block; }
.client-upload-page fieldset { margin: 20px 0; padding: 0; border: 0; min-width: 0; }
.client-upload-page legend { margin-bottom: 18px; color: var(--upload-primary, #176c94); font-family: var(--upload-font-family, inherit); font-size: 20px; font-weight: 800; }
.upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.upload-wide { grid-column: 1 / -1; }
.upload-job-summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 7px 14px; margin: 0; padding: 14px; border: 1px solid var(--upload-accent-border, #d6e1eb); border-left: 5px solid var(--upload-primary, #176c94); border-radius: 8px; background: var(--upload-accent-soft, #edf7ff); color: var(--upload-ink, #203040); font-size: 13px; line-height: 1.4; }
.upload-job-summary dt { display: inline; color: var(--upload-muted, #596975); font-weight: 600; }
.upload-job-summary dt::after { content: ": "; }
.upload-job-summary dd { display: inline; margin: 0; font-weight: 600; overflow-wrap: anywhere; white-space: normal; }
.upload-customer-summary { margin-bottom: 0; }
.upload-job-entry { display: grid; gap: 10px; }
.upload-job-lookup-status { min-height: 1.4em; margin: 0; color: var(--upload-muted, #596975); font-size: 13px; line-height: 1.4; text-align: center; }
.upload-job-lookup-status[data-state="checking"] { color: var(--upload-primary, #176c94); }
.upload-job-lookup-status[data-state="success"] { color: #16713f; font-weight: 600; }
.upload-job-lookup-status[data-state="error"] { color: #a21d20; font-weight: 600; }
.client-upload-page input[data-job-verified="yes"] { border-color: color-mix(in srgb, var(--upload-primary, #176c94) 72%, #ffffff); }
@media (max-width: 600px) { .upload-job-summary { grid-template-columns: minmax(0, 1fr); gap: 5px; padding: 10px; } }
.client-upload-page label { display: block; font-size: 14px; font-weight: bold; }
.client-upload-page label span, .upload-help { color: var(--upload-muted, #596975); font-size: 13px; font-weight: normal; }
.client-upload-page input:not([type=file]):not([type=hidden]), .client-upload-page textarea { width: 100%; min-width: 0; display: block; margin-top: 6px; padding: 6px 8px; border: 1px solid var(--upload-rule, #aab9c5); border-radius: var(--upload-button-radius, 6px); background: #fff; color: var(--upload-ink, #203040); font: inherit; font-size: 16px; }
.client-upload-page input:not([type=file]):not([type=hidden]) { min-height: 44px; }
.client-upload-page textarea { border-radius: var(--upload-drop-radius, 10px); }
.client-upload-page input:not([type=file]):not([type=hidden]):focus, .client-upload-page textarea:focus { border-color: var(--upload-primary, #176c94); outline: 3px solid color-mix(in srgb, var(--upload-primary, #176c94) 20%, transparent); }
.upload-textarea-wrap { position: relative; display: block; }
.client-upload-page .upload-placeholder { display: none; }
.client-upload-page input::placeholder { color: var(--upload-placeholder-color, #747474); opacity: 1; font-size: 12px; font-weight: 400; text-align: center; }
.client-upload-page input:placeholder-shown { text-align: center; }
.client-upload-page input:not([type=hidden]):required:invalid, .client-upload-page textarea:required:invalid, .client-upload-page select:required:invalid { background: var(--required-field-empty-bg, var(--upload-required-empty-bg, #fff200)); }
/* Native textarea placeholders cannot vertically center wrapped text reliably.
   The decorative overlay tracks the actual field height, including resizing.
   Hide the native copy and use the same accessible decorative overlay for all
   domain themes; the real textarea retains its visible label. */
.client-upload-page textarea::placeholder { color: transparent; opacity: 0; }
.client-upload-page .upload-textarea-wrap:has(textarea:placeholder-shown) .upload-placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 6px 8px; pointer-events: none; color: var(--upload-placeholder-color, #747474); font-size: 12px; font-weight: 400; line-height: 1.4; text-align: center; }
.client-upload-page :focus-visible { outline: 3px solid var(--upload-primary, #176c94); outline-offset: 3px; }
.upload-drop { padding: 24px; border: 2px dashed var(--upload-secondary, #8da3b5); border-radius: var(--upload-drop-radius, 10px); background: var(--upload-drop-bg, #eef8f1); text-align: center; }
.upload-drop.dragging { border-color: var(--upload-primary, #176c94); background: color-mix(in srgb, var(--upload-drop-bg, #eef8f1) 82%, var(--upload-primary, #176c94)); }
.upload-drop label span { display: block; margin: 8px 0 16px; }
.upload-drop input { max-width: 100%; }
.upload-files { padding: 0; list-style: none; }
#file-summary { padding: 4px 8px; border-radius: var(--upload-button-radius, 6px); background: var(--upload-summary-bg, #000); color: var(--upload-summary-text, #e6e8eb); font-size: 13px; font-weight: 600; line-height: 1.3; text-align: center; }
.upload-files li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--upload-rule, #e5ebef); overflow-wrap: anywhere; }
.upload-file-details { flex: 1; min-width: 0; }
.upload-file-name { display: block; font-size: 13px; line-height: 1.4; font-weight: 600; }
.upload-file-size { display: block; margin-top: 2px; color: var(--upload-muted, #596975); font-size: 12px; }
/* Small folded-document icons: text labels distinguish types without color. */
.upload-file-icon { position: relative; display: block; width: 30px; height: 36px; flex: 0 0 30px; border-radius: 4px; color: #526575; background: #edf1f4; font: 700 8px/1 Arial, sans-serif; }
.upload-file-icon svg { display: block; width: 30px; height: 36px; }
.upload-file-icon > span { position: absolute; bottom: 4px; left: 0; right: 0; text-align: center; }
.upload-file-icon-zip { color: #8b6200; background: #fff6d9; }
.upload-file-icon-pdf { color: #b22f37; background: #fff0f0; }
.upload-file-icon-tif { color: #6545a0; background: #f3efff; }
.upload-file-icon-png { color: #217554; background: #eaf8f1; }
.client-upload-page .upload-card form button { padding: 12px 20px; border: 0; border-radius: var(--upload-button-radius, 6px); background: var(--upload-primary, var(--login-action-bg, #176c94)); color: var(--upload-primary-text, var(--login-action-text, white)); cursor: pointer; font: inherit; font-weight: 800; }
.client-upload-page .upload-card form button:hover:not(:disabled) { background: var(--upload-primary-hover, var(--login-action-bg-hover, #125a7b)); }
.client-upload-page button:disabled { opacity: .5; cursor: not-allowed; }
.client-upload-page .upload-card form .upload-files button { min-height: 28px; flex-shrink: 0; padding: 4px 10px; border: 1px solid var(--upload-rule, #d6e1eb); background: var(--upload-accent-soft, #e9eef2); color: var(--upload-ink, #203040); font-size: 12px; font-weight: 600; line-height: 1.4; }
.client-upload-page .upload-card form .upload-files button:hover:not(:disabled) { background: color-mix(in srgb, var(--upload-accent-soft, #e9eef2) 80%, var(--upload-secondary, #176c94)); }
#upload-error { color: #a21d20; }
.upload-complete-summary { margin: 18px 0; padding: 12px 14px; border: 1px solid #86c9a3; border-left: 5px solid #198754; border-radius: 8px; background: #e9f8ef; color: #145c34; font-size: 14px; line-height: 1.5; text-align: center; }
#review-button { display: block; margin-left: auto; margin-right: auto; }
/* Availability is a warning, not a brand-colored content panel. Keep its warm
   palette across domains so users recognize why the action below is disabled. */
.upload-unavailable-notice { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 12px 0 0; padding: 10px 14px; border: 1px solid #e9bd7a; border-left: 4px solid #bf6b08; border-radius: var(--upload-button-radius, 6px); background: #fff2df; color: #74400a; font-size: 13px; line-height: 1.45; text-align: left; }
.upload-unavailable-icon { width: 26px; height: 26px; flex: 0 0 26px; fill: #b55d00; }
.upload-unavailable-icon path:nth-child(2) { fill: none; stroke: #fff; stroke-width: 2.3; stroke-linecap: round; }
.upload-unavailable-icon circle { fill: #fff; }
.upload-dialog { width: min(680px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); margin: auto; padding: 0; overflow: hidden; border: 1px solid var(--upload-rule, #d6e1eb); border-radius: var(--upload-card-radius, 14px); background: var(--upload-card-bg, #fff); color: var(--upload-ink, #203040); box-shadow: 0 24px 80px #0007; font-family: var(--upload-font-family, inherit); }
.upload-dialog::backdrop { background: rgb(17 27 36 / 76%); backdrop-filter: blur(3px); }
.upload-dialog-content { position: relative; max-height: calc(100vh - 22px); max-height: calc(100dvh - 22px); padding: 30px 24px 24px; overflow-y: auto; text-align: center; }
.upload-dialog-content::before { position: absolute; top: 0; right: 0; left: 0; height: 6px; background: var(--upload-spectrum, var(--upload-primary, #176c94)); content: ""; }
.upload-dialog-icon { width: 56px; height: 56px; margin: 0 auto 12px; color: var(--upload-primary, #176c94); }
.upload-dialog-icon svg { display: block; width: 56px; height: 56px; }
.upload-dialog-icon-progress { fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.upload-dialog-spinner { opacity: .35; stroke-dasharray: 35 116; transform-origin: 28px 28px; animation: upload-dialog-spin 1.15s linear infinite; }
.upload-dialog-icon-complete { display: none !important; fill: #e9f8ef; stroke: #198754; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.upload-dialog[data-state="paused"] .upload-dialog-icon { color: #a36b00; }
.upload-dialog[data-state="paused"] .upload-dialog-spinner { animation-play-state: paused; }
.upload-dialog[data-state="complete"] .upload-dialog-icon-progress { display: none; }
.upload-dialog[data-state="complete"] .upload-dialog-icon-complete { display: block !important; }
@keyframes upload-dialog-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .upload-dialog-spinner { animation: none; stroke-dasharray: none; opacity: .55; } }
.upload-dialog h2 { margin: 0 0 12px; color: var(--upload-header-ink, var(--upload-ink, #203040)); font-family: var(--upload-font-family, inherit); font-size: 24px; }
.upload-dialog-status { min-height: 3em; margin: 0 auto 18px; line-height: 1.5; overflow-wrap: anywhere; }
.upload-dialog progress { display: block; width: 80%; height: 18px; margin: 0 auto 18px; overflow: hidden; border: 0; border-radius: 999px; appearance: none; accent-color: var(--upload-primary, #176c94); background: var(--upload-rule, #dfe7ed); }
.upload-dialog progress::-webkit-progress-bar { border-radius: 999px; background: var(--upload-rule, #dfe7ed); }
.upload-dialog progress::-webkit-progress-value { border-radius: 999px; background: var(--upload-primary, #176c94); }
.upload-dialog progress::-moz-progress-bar { border-radius: 999px; background: var(--upload-primary, #176c94); }
.upload-dialog #upload-dialog-error { margin: 0 auto 18px; padding: 12px; border-radius: 8px; color: #82181b; background: #fff0f0; line-height: 1.5; }
.upload-dialog-actions { position: sticky; z-index: 1; bottom: -24px; display: flex; justify-content: center; gap: 10px; margin: 0 -24px -24px; padding: 12px 24px 24px; background: linear-gradient(to bottom, transparent, var(--upload-card-bg, #fff) 22%); }
.upload-dialog-actions:empty { display: none; }
.client-upload-page .upload-card form #upload-dialog-cancel { border: 1px solid var(--upload-rule, #d6e1eb); background: var(--upload-accent-soft, #e9eef2); color: var(--upload-ink, #203040); }
.client-upload-page .upload-card form #upload-dialog-cancel:hover:not(:disabled) { background: color-mix(in srgb, var(--upload-accent-soft, #e9eef2) 78%, var(--upload-secondary, #176c94)); }
.client-upload-page [hidden] { display: none !important; }
/* Brand footer attached to the card's lower edge, not the viewport bottom. */
.client-upload-page { padding-bottom: 0; min-height: 100vh; display: flex; flex-direction: column; }
.client-upload-page .upload-card { width: 100%; margin: 0 auto 20px; }
.client-upload-page .login-footer { width: calc(100% + 48px); margin: 24px -24px -24px; border-radius: 0 0 var(--upload-card-radius, 14px) var(--upload-card-radius, 14px); background: var(--upload-footer-bg, var(--login-footer-bg)); color: var(--upload-footer-text, var(--login-muted-text)); font-family: var(--upload-font-family, inherit); }
.client-upload-page .login-footer:has(.portal-developer-debug-button) { padding-right: 70px; min-height: 44px; }
.client-upload-page .portal-developer-debug-button { min-height: 32px; }
@media (max-width: 600px) {
  .upload-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .upload-card { padding: 18px 14px; }
  .client-upload-page { padding: 8px; }
  .upload-header { margin: -18px -14px 18px; padding: 20px 14px 18px; }
  .upload-window-close { top: 8px; right: 8px; }
  .upload-header img { max-height: 72px; max-width: 180px; }
  .upload-header h1 { font-size: 25px; margin: 10px 0 6px; }
  .upload-header p { margin: 8px 0; font-size: 14px; }
  .upload-notice { margin: 16px 0; padding: 12px; font-size: 13px; }
  .client-upload-page legend { font-size: 18px; margin-bottom: 12px; }
  .upload-drop { padding: 16px 12px; }
  #review-button { width: 100%; min-height: 44px; }
  .upload-dialog { width: calc(100vw - 20px); }
  .upload-dialog-content { padding: 24px 14px 18px; }
  .upload-dialog h2 { font-size: 21px; }
  .upload-dialog progress { width: 88%; }
  .upload-dialog-actions { bottom: -18px; margin: 0 -14px -18px; padding: 12px 14px 18px; }
  .upload-dialog-actions button { min-height: 44px; }
  .client-upload-page { padding-bottom: 0; }
  .client-upload-page .login-footer { width: calc(100% + 28px); margin: 18px -14px -18px; }
}

/*
 * Blind-ship presentation
 * -----------------------
 * This is an override of the shared uploader, not another page or transport.
 * Keep it deliberately brandless: no inherited logo or customer-facing
 * reference to an Americolor retail brand. Neutral grayscale remains the page
 * foundation, while universal process-print CMYK accents identify the file
 * drop target and primary action without implying a separate print provider.
 */
.upload-presentation-blind {
  /* Match action surfaces to entered field text; keep all retail themes intact. */
  --blind-action: #087c96;
  --blind-action-hover: #096d84;
  --blind-action-pressed: #07536a;
  --portal-brand-font: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  --upload-font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  --upload-page-bg: linear-gradient(155deg, #f4f4f3 0%, #dedfdf 58%, #c9cbcc 100%);
  --upload-card-bg: #ffffff;
  --upload-ink: #25282a;
  --upload-muted: #656a6d;
  --upload-rule: #d3d5d6;
  --upload-header-bg: linear-gradient(180deg, #fafafa 0%, #eceeef 100%);
  --upload-header-ink: #202325;
  --upload-header-muted: #62676a;
  --upload-header-topbar-height: 4px;
  --upload-header-bottombar-height: 1px;
  --upload-spectrum: linear-gradient(90deg, #17191a 0%, #55595c 50%, #17191a 100%);
  --upload-primary: #363a3d;
  --upload-primary-hover: #17191a;
  --upload-primary-text: #ffffff;
  --upload-secondary: #767b7e;
  --upload-accent-soft: #f3f4f4;
  --upload-accent-border: #d3d5d6;
  --upload-drop-bg: #e7e9e9;
  --upload-summary-bg: #292c2e;
  --upload-summary-text: #f4f4f4;
  --upload-footer-bg: #25282a;
  --upload-footer-text: #ededed;
  --upload-placeholder-color: #737779;
  --required-field-empty-bg: #fff2a8;
  --login-action-bg: #363a3d;
  --login-action-bg-hover: #17191a;
  --login-action-text: #ffffff;
  --login-footer-bg: #25282a;
  --login-muted-text: #ededed;
}
.upload-presentation-blind .upload-card { box-shadow: 0 20px 60px rgb(27 30 32 / 22%); }
.upload-presentation-blind .upload-header { border-bottom: 1px solid #d3d5d6; }
.upload-presentation-blind .upload-header h1 { letter-spacing: -.02em; }
.upload-presentation-blind .upload-badge { font-weight: 700; letter-spacing: .1em; }
.upload-presentation-blind legend { color: #363a3d; font-weight: 650; }
.upload-presentation-blind .upload-job-summary { border-left-color: #6d7275; }
.upload-presentation-blind input:not([type="file"]):not([type="hidden"]),
.upload-presentation-blind textarea {
  color: var(--blind-action);
  caret-color: #00a6df;
}
.upload-presentation-blind .upload-drop {
  position: relative;
  overflow: hidden;
  border-color: #00a6df;
  background:
    linear-gradient(135deg, rgb(0 166 223 / 10%) 0%, rgb(236 0 140 / 6%) 48%, rgb(255 207 0 / 16%) 100%),
    #fffef8;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 68%);
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}
.upload-presentation-blind .upload-drop.dragging {
  border-color: #ec008c;
  background:
    linear-gradient(135deg, rgb(0 166 223 / 18%) 0%, rgb(236 0 140 / 10%) 48%, rgb(255 207 0 / 24%) 100%),
    #ffffff;
  box-shadow: 0 0 0 4px rgb(0 166 223 / 13%), inset 0 0 0 1px rgb(255 255 255 / 72%);
}

/* Every Blind Ship action uses the same cyan as editable text, including the
 * native file chooser, list removal, dialog Retry/Cancel/Done, Close Window,
 * and the developer controls. Explicit overrides cover the shared CSS rules
 * with ID-level selectors for Upload Files and Cancel. */
.upload-presentation-blind .upload-window-close,
.upload-presentation-blind .upload-card form button,
.upload-presentation-blind .upload-card form #review-button,
.upload-presentation-blind .upload-card form #upload-dialog-cancel,
.upload-presentation-blind .upload-card form .upload-files button,
.upload-presentation-blind .portal-developer-debug-button,
.upload-presentation-blind .portal-developer-debug-header button,
.upload-presentation-blind .upload-drop input[type="file"]::file-selector-button {
  border: 1px solid var(--blind-action);
  background: var(--blind-action);
  color: #ffffff;
  box-shadow: 0 3px 9px rgb(8 124 150 / 18%);
  text-shadow: none;
  transition: background-color 140ms ease, border-color 140ms ease,
    box-shadow 140ms ease, transform 90ms ease;
}
.upload-presentation-blind .upload-drop input[type="file"]::file-selector-button {
  margin-right: 10px;
  padding: 8px 12px;
  border-radius: var(--upload-button-radius, 6px);
  font: inherit;
  cursor: pointer;
}
.upload-presentation-blind .upload-window-close:hover:not(:disabled),
.upload-presentation-blind .upload-window-close:focus-visible:not(:disabled),
.upload-presentation-blind .upload-card form button:hover:not(:disabled),
.upload-presentation-blind .upload-card form button:focus-visible:not(:disabled),
.upload-presentation-blind .upload-card form #review-button:hover:not(:disabled),
.upload-presentation-blind .upload-card form #review-button:focus-visible:not(:disabled),
.upload-presentation-blind .upload-card form #upload-dialog-cancel:hover:not(:disabled),
.upload-presentation-blind .upload-card form #upload-dialog-cancel:focus-visible:not(:disabled),
.upload-presentation-blind .upload-card form .upload-files button:hover:not(:disabled),
.upload-presentation-blind .upload-card form .upload-files button:focus-visible:not(:disabled),
.upload-presentation-blind .portal-developer-debug-button:hover:not(:disabled),
.upload-presentation-blind .portal-developer-debug-button:focus-visible:not(:disabled),
.upload-presentation-blind .portal-developer-debug-header button:hover:not(:disabled),
.upload-presentation-blind .portal-developer-debug-header button:focus-visible:not(:disabled),
.upload-presentation-blind .upload-drop input[type="file"]::file-selector-button:hover {
  border-color: var(--blind-action-hover);
  background: var(--blind-action-hover);
  color: #ffffff;
  box-shadow: 0 5px 12px rgb(8 124 150 / 25%);
}
.upload-presentation-blind .upload-window-close:active:not(:disabled),
.upload-presentation-blind .upload-card form button:active:not(:disabled),
.upload-presentation-blind .upload-card form #review-button:active:not(:disabled),
.upload-presentation-blind .upload-card form #upload-dialog-cancel:active:not(:disabled),
.upload-presentation-blind .upload-card form .upload-files button:active:not(:disabled),
.upload-presentation-blind .portal-developer-debug-button:active:not(:disabled),
.upload-presentation-blind .portal-developer-debug-header button:active:not(:disabled),
.upload-presentation-blind .upload-drop input[type="file"]::file-selector-button:active {
  border-color: var(--blind-action-pressed);
  background: var(--blind-action-pressed);
  color: #ffffff;
  box-shadow: inset 0 2px 5px rgb(0 0 0 / 24%);
  transform: translateY(1px);
}