/* Sticky Things – Artwork Upload to Dropbox */
.stau-app { max-width: 760px; margin: 0 auto; font-size: 16px; }
.stau-app h3 { margin: 0 0 .25em; }
.stau-sub { color: #5a6b73; margin: 0 0 1.25em; }
.stau-notice { padding: 1em 1.25em; background: #f4f7f8; border: 1px solid #dbe5e8; border-radius: 8px; }

.stau-lookup .stau-row { display: flex; gap: 1em; flex-wrap: wrap; margin-bottom: 1em; }
.stau-lookup label { flex: 1 1 240px; display: flex; flex-direction: column; gap: .35em; font-weight: 600; color: #2b3a40; }
.stau-lookup input { padding: .7em .8em; border: 1px solid #c6d2d6; border-radius: 8px; font-size: 16px; font-weight: 400; }
.stau-lookup input:focus { outline: none; border-color: #16a8a6; box-shadow: 0 0 0 3px rgba(22,168,166,.18); }

/* Login CTA + divider */
.stau-login-cta { text-align: center; padding: 1.6em 1.2em; background: #f4fafa; border: 1px solid #d3eae9; border-radius: 12px; margin-bottom: 1em; }
.stau-login-cta h3 { margin-top: 0; }
.stau-login-cta .stau-btn { display: inline-block; text-decoration: none; margin-top: .4em; }
.stau-or { text-align: center; color: #8a98a0; margin: 1.1em 0; overflow: hidden; }
.stau-or span { position: relative; padding: 0 .8em; font-size: .9em; }
.stau-or span::before, .stau-or span::after { content: ""; position: absolute; top: 50%; width: 100vw; height: 1px; background: #e0e8ea; }
.stau-or span::before { right: 100%; }
.stau-or span::after { left: 100%; }

/* Order carousel */
.stau-oc { position: relative; margin-bottom: .6em; }
.stau-oc-track { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 2px 12px; }
.stau-oc-track::-webkit-scrollbar { height: 8px; }
.stau-oc-track::-webkit-scrollbar-thumb { background: #cfd9dd; border-radius: 99px; }
.stau-oc-nav { position: absolute; top: 50%; transform: translateY(-60%); z-index: 2; width: 34px; height: 34px; border: 1px solid #cfd9dd; background: #fff; border-radius: 50%; cursor: pointer; font-size: 20px; line-height: 1; color: #45525a; box-shadow: 0 2px 6px rgba(0,0,0,.14); }
.stau-oc-nav:hover { background: #f3f7f8; }
.stau-oc-prev { left: -10px; }
.stau-oc-next { right: -10px; }

.stau-ocard { flex: 0 0 230px; scroll-snap-align: start; display: flex; flex-direction: column; border: 1px solid #e0e8ea; border-radius: 12px; overflow: hidden; background: #fff; cursor: pointer; transition: box-shadow .15s, border-color .15s, transform .1s; }
.stau-ocard:hover { border-color: #16a8a6; box-shadow: 0 4px 14px rgba(22,168,166,.18); }
.stau-ocard.is-loading { opacity: .6; pointer-events: none; }
.stau-ocard-img { height: 120px; background: #f0f3f5 repeating-conic-gradient(#eceff1 0% 25%, #f6f8f9 0% 50%) 50% / 18px 18px; display: flex; align-items: center; justify-content: center; }
.stau-ocard-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.stau-ocard-noimg { font-size: 34px; opacity: .6; }

/* Per-card product image slider */
.stau-ocard-img { position: relative; overflow: hidden; }
.stau-ocard-slides { position: absolute; inset: 0; }
.stau-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .4s ease; }
.stau-slide.is-active { opacity: 1; }
.stau-slide-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 24px; height: 24px; padding: 0; border: none; border-radius: 50%; background: rgba(255,255,255,.92); box-shadow: 0 1px 3px rgba(0,0,0,.22); cursor: pointer; font-size: 15px; line-height: 24px; color: #333; opacity: 0; transition: opacity .15s; }
.stau-ocard:hover .stau-slide-nav { opacity: 1; }
.stau-slide-prev { left: 5px; }
.stau-slide-next { right: 5px; }
.stau-ocard-dots { position: absolute; bottom: 5px; left: 0; right: 0; z-index: 3; display: flex; gap: 4px; justify-content: center; }
.stau-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(0,0,0,.28); cursor: pointer; }
.stau-dot.is-active { background: #16a8a6; }

/* Carousel images fill the box (no letterboxing); white behind any transparency */
.stau-ocard-img { background: #fff; }
.stau-ocard-img img, .stau-slide { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }

/* Accepted-formats note under each upload area */
.stau-formats { font-size: .76em; color: #8a98a0; margin-top: .35em; }
.stau-formats strong { color: #5a6b73; font-weight: 600; }

/* Proofs to review */
.stau-loading { display: flex; align-items: center; gap: .7em; justify-content: center; padding: 3em 1em; color: #5a6b73; font-weight: 600; }
.stau-spinner { width: 22px; height: 22px; border: 3px solid rgba(22,168,166,.25); border-top-color: #16a8a6; border-radius: 50%; animation: stau-spin .8s linear infinite; }

.stau-otitle { font-size: 1.55em; font-weight: 800; color: #16242b; margin-bottom: .55em; letter-spacing: -.01em; }
.stau-proofs { border: 1px solid #d3e7ea; background: #f5fbfc; border-radius: 14px; padding: 1.1em 1.2em; margin-bottom: 1.5em; }
.stau-proofs h3 { margin: 0 0 .2em; }
.stau-pcard { display: flex; gap: 1em; align-items: flex-start; background: #fff; border: 1px solid #e0e8ea; border-radius: 12px; padding: .8em; margin-top: .85em; }
.stau-pcard.stau-p-approved { border-color: #bfe6cd; background: #f8fdfa; }
.stau-pcard.stau-p-rejected { border-color: #f3cfcb; background: #fdf8f7; }
.stau-pthumb { flex: 0 0 92px; width: 92px; height: 112px; border-radius: 8px; background: #f0f3f5; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; color: #8a98a0; font-weight: 700; box-shadow: 0 1px 5px rgba(0,0,0,.14); }
.stau-pthumb img { width: 100%; height: 100%; object-fit: cover; }
.stau-pbody { flex: 1; min-width: 0; }
.stau-pname { font-weight: 600; margin-bottom: .25em; }
.stau-pstatus { font-size: .9em; margin-bottom: .5em; }
.stau-pactions { display: flex; gap: 1.1em; align-items: center; margin-top: .5em; flex-wrap: wrap; }
.stau-pactions[hidden] { display: none; }
.stau-pnote { margin-top: .7em; }
.stau-pnote textarea { width: 100%; min-height: 70px; border: 1px solid #c6d2d6; border-radius: 8px; padding: .6em; font: inherit; font-size: .9em; margin-bottom: .5em; }
.stau-pmsg { margin-top: .5em; font-size: .9em; color: #1f8a4c; }
.stau-preject { color: #c0392b; }
.stau-preupload { margin-top: .7em; }
.stau-preupload .stau-btn { display: inline-block; text-decoration: none; }

/* Proof viewer modal */
.stau-modal { position: fixed; inset: 0; background: rgba(15,25,30,.72); z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 14px; overflow: auto; }
.stau-modal-box { background: #eef1f2; border-radius: 12px; max-width: 940px; width: 100%; margin: auto; box-shadow: 0 12px 44px rgba(0,0,0,.45); }
.stau-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 1em; padding: .8em 1.1em; background: #fff; border-radius: 12px 12px 0 0; font-weight: 700; position: sticky; top: 0; }
.stau-modal-close { background: none; border: none; font-size: 26px; line-height: 1; cursor: pointer; color: #55636b; padding: 0 4px; }
.stau-modal-pages { padding: 16px; display: flex; flex-direction: column; gap: 14px; align-items: center; }
.stau-modal-canvas { max-width: 100%; height: auto; box-shadow: 0 2px 10px rgba(0,0,0,.22); background: #fff; }
.stau-modal-loading { color: #5a6b73; padding: 2em; }

/* PDF proof viewer */
.stau-viewer { width: 80vw; height: 80vh; max-width: 80vw; max-height: 80vh; display: flex; flex-direction: column; }
.stau-v-tools { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.stau-v-btn { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #cfd9dd; background: #fff; border-radius: 6px; cursor: pointer; font-size: 16px; line-height: 1; color: #44525a; padding: 0; text-decoration: none; }
.stau-v-btn:hover { background: #f3f7f8; }
.stau-v-page { font-size: .85em; color: #5a6b73; min-width: 58px; text-align: center; }
.stau-v-stage { flex: 1; overflow: hidden; background: #2a3338; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 0 0 12px 12px; touch-action: none; }
.stau-v-stage.is-zoomed { cursor: grab; }
.stau-v-stage.is-grabbing { cursor: grabbing; }
.stau-v-stage .stau-modal-loading { color: #c8d2d6; }
.stau-v-pagecanvas { display: block; background: #fff; box-shadow: 0 2px 16px rgba(0,0,0,.45); transform-origin: center center; will-change: transform; }
.stau-ocard-body { padding: .7em .8em; flex: 1; }
.stau-ocard-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 3px; }
.stau-ocard-num { font-weight: 800; }
.stau-ocard-date { color: #8a98a0; font-size: .8em; margin-bottom: .4em; }
.stau-ocard-items { font-size: .86em; color: #2b3a40; line-height: 1.35; margin-bottom: .55em; }
.stau-ocard-btn { display: block; width: 100%; border-radius: 0; padding: .7em; }

.stau-os { font-size: .72em; font-weight: 700; padding: .2em .6em; border-radius: 999px; background: #eef2f4; color: #55636b; white-space: nowrap; }
.stau-os-processing { background: #e7f0fe; color: #1a62c8; }
.stau-os-on-hold { background: #fff3df; color: #b8791a; }
.stau-os-pending { background: #f0f2f4; color: #6a747c; }

.stau-aw { display: inline-block; font-size: .72em; font-weight: 700; padding: .2em .6em; border-radius: 999px; }
.stau-aw-need { background: #fde9e7; color: #c0392b; }
.stau-aw-pend { background: #fff3df; color: #b8791a; }
.stau-aw-rej  { background: #fde9e7; color: #c0392b; }
.stau-aw-ok   { background: #e6f6ee; color: #1f8a4c; }

.stau-pick-wrap { margin-bottom: 1em; }
.stau-pick-wrap label { display: flex; flex-direction: column; gap: .35em; font-weight: 600; color: #2b3a40; margin-bottom: .5em; }
.stau-pick-wrap select { padding: .7em .8em; border: 1px solid #c6d2d6; border-radius: 8px; font-size: 16px; font-weight: 400; background: #fff; }
.stau-pick-wrap select:focus { outline: none; border-color: #16a8a6; box-shadow: 0 0 0 3px rgba(22,168,166,.18); }

.stau-btn { background: #16a8a6; color: #fff; border: 0; border-radius: 8px; padding: .8em 1.4em; font-size: 16px; font-weight: 700; cursor: pointer; }
.stau-btn:hover { background: #128a88; }
.stau-btn:disabled { opacity: .55; cursor: default; }

.stau-msg { color: #c0392b; margin-top: .8em; font-weight: 600; min-height: 1.2em; }

.stau-line { border: 1px solid #e0e8ea; border-radius: 10px; padding: 1.1em 1.2em; margin-bottom: 1.1em; background: #fff; }
.stau-line-head { display: flex; align-items: center; gap: .75em; flex-wrap: wrap; margin-bottom: .4em; }
.stau-line-head strong { font-size: 1.05em; }

.stau-badge { font-size: .78em; font-weight: 700; padding: .25em .7em; border-radius: 999px; }
.stau-b-need { background: #fde9e7; color: #c0392b; }
.stau-b-ok   { background: #e6f6ee; color: #1f8a4c; }
.stau-b-warn { background: #fff3df; color: #b8791a; }

.stau-existing { font-size: .85em; color: #5a6b73; margin-bottom: .6em; }

.stau-line-count { font-size: .92em; color: #2b3a40; background: #eef7f7; border: 1px solid #d3eae9; border-radius: 8px; padding: .55em .8em; margin: .2em 0 .9em; }
.stau-line-count strong { color: #0f7b79; }

.stau-locked { font-size: .85em; font-weight: 600; color: #1f8a4c; background: #eefaf2; border: 1px solid #bfe6cd; border-radius: 8px; padding: .5em .7em; }

.stau-mode { display: flex; gap: 1.2em; flex-wrap: wrap; margin: .5em 0 .9em; font-size: .9em; }
.stau-mode label { display: inline-flex; align-items: center; gap: .4em; cursor: pointer; }

.stau-slot { margin-bottom: 1em; }
.stau-slot-label { font-weight: 600; font-size: .92em; margin-bottom: .35em; color: #2b3a40; }

.stau-card { display: flex; gap: .9em; border: 1px solid #e0e8ea; border-radius: 10px; padding: .7em; background: #fff; }
.stau-card.is-approved { border-color: #bfe6cd; background: #f6fcf8; }
.stau-card.is-rejected { border-color: #f3cfcb; background: #fdf7f6; }
.stau-card.is-pending  { border-color: #f0dcb4; background: #fffdf8; }

.stau-thumb { position: relative; flex: 0 0 84px; width: 84px; height: 84px; border-radius: 8px; background: #f0f3f5 repeating-conic-gradient(#eceff1 0% 25%, #f6f8f9 0% 50%) 50% / 16px 16px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.stau-thumb img { display: none; max-width: 100%; max-height: 100%; object-fit: contain; }
.stau-thumb.has-img img { display: block; }
.stau-tick { position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; border-radius: 50%; display: none; }
.stau-card.is-approved .stau-tick { display: block; background: #1f8a4c; }
.stau-card.is-approved .stau-tick::after { content: "✓"; color: #fff; font: 700 12px/20px sans-serif; text-align: center; display: block; }
.stau-card.is-rejected .stau-tick { display: block; background: #c0392b; }
.stau-card.is-rejected .stau-tick::after { content: "✕"; color: #fff; font: 700 11px/20px sans-serif; text-align: center; display: block; }

.stau-card-body { flex: 1; min-width: 0; }
.stau-status { font-size: .82em; font-weight: 700; margin-bottom: .4em; }
.stau-st-ok { color: #1f8a4c; }
.stau-st-pending { color: #b8791a; }
.stau-st-rej { color: #c0392b; }
.stau-card.is-empty .stau-status { display: none; }
.stau-card .stau-drop { min-height: 46px; }

.stau-drop { position: relative; display: flex; align-items: center; justify-content: center; min-height: 64px; padding: .8em; border: 2px dashed #bcd0d4; border-radius: 9px; background: #f7fafb; color: #5a6b73; text-align: center; cursor: pointer; transition: border-color .15s, background .15s; }
.stau-drop:hover, .stau-drag { border-color: #16a8a6; background: #eefaf9; }
.stau-drop-done { border-style: solid; border-color: #1f8a4c; background: #eefaf2; color: #1f8a4c; font-weight: 600; }
.stau-file { position: absolute; inset: 0; opacity: 0; cursor: pointer; }

.stau-slot-info { font-size: .85em; margin-top: .45em; min-height: 1em; }
.stau-ok { color: #1f8a4c; }
.stau-warn { color: #b8791a; }

.stau-progress { height: 6px; background: #e3ecee; border-radius: 99px; overflow: hidden; margin-top: .5em; }
.stau-progress-fill { height: 100%; width: 0; background: #16a8a6; transition: width .2s; }

.stau-link { background: none; border: 0; color: #16a8a6; font-weight: 600; cursor: pointer; padding: 0; font-size: .9em; text-decoration: underline; }
.stau-anyway { margin-top: .8em; }

.stau-foot { display: flex; align-items: center; gap: 1em; flex-wrap: wrap; margin-top: 1.2em; }
.stau-foot-status { color: #5a6b73; font-size: .9em; }
.stau-thanks { text-align: center; padding: 2em 1em; background: #eefaf2; border: 1px solid #bfe6cd; border-radius: 12px; }

/* ===== v1.11 visual refresh (customer order view) ===== */
.stau-app { max-width: 720px; }

.stau-ohead { margin-bottom: 1.4em; }
.stau-ohead-title { font-size: 1.55em; font-weight: 800; color: #16242b; letter-spacing: -.01em; }
.stau-ohead .stau-sub { margin: .35em 0 1em; }
.stau-ohead-prog { display: flex; align-items: center; gap: .8em; }
.stau-ometer { flex: 1; height: 8px; background: #e7eef0; border-radius: 99px; overflow: hidden; }
.stau-ometer-fill { display: block; height: 100%; width: 0; background: linear-gradient(90deg,#16a8a6,#0f7b79); border-radius: 99px; transition: width .45s ease; }
.stau-ometer-label { font-size: .8em; font-weight: 800; color: #0f7b79; white-space: nowrap; }

.stau-line { border: 1px solid #e6edef; border-radius: 16px; padding: 1.3em 1.4em; margin-bottom: 1.2em; box-shadow: 0 2px 12px rgba(20,40,50,.05); }
.stau-line-head { display: flex; align-items: center; justify-content: space-between; gap: .75em; margin-bottom: .55em; }
.stau-line-head strong { font-size: 1.08em; color: #16242b; line-height: 1.3; }
.stau-badge { font-size: .68em; font-weight: 800; padding: .4em .85em; border-radius: 999px; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }

.stau-line-count { background: #f1faf9; border: 1px solid #d6ecea; border-radius: 10px; }

/* Segmented toggle in place of plain radios */
.stau-mode { display: inline-flex; background: #eef2f4; border-radius: 11px; padding: 4px; gap: 3px; margin: .4em 0 1.1em; }
.stau-mode label { padding: .5em 1.05em; border-radius: 8px; cursor: pointer; font-size: .85em; color: #5a6b73; display: inline-flex; align-items: center; transition: background .15s, color .15s, box-shadow .15s; }
.stau-mode label:has(input:checked) { background: #fff; color: #0f7b79; font-weight: 800; box-shadow: 0 1px 4px rgba(0,0,0,.13); }
.stau-mode input { position: absolute; opacity: 0; width: 0; height: 0; }

.stau-slot-label { font-weight: 700; font-size: .9em; color: #44555d; margin-bottom: .45em; }
.stau-card { gap: 1.1em; border-radius: 14px; padding: .9em; border-color: #e6edef; align-items: center; }
.stau-thumb { flex-basis: 104px; width: 104px; height: 104px; border-radius: 11px; }
.stau-thumb img { box-shadow: 0 2px 7px rgba(0,0,0,.16); background: #fff; border-radius: 4px; }
.stau-card-body { display: flex; flex-direction: column; justify-content: center; }
.stau-status { font-size: .9em; }

/* When a file already exists, the dropzone becomes a slim secondary "replace" control */
.stau-card.is-approved .stau-drop, .stau-card.is-pending .stau-drop, .stau-card.is-rejected .stau-drop {
	min-height: 0; padding: .6em .8em; border-style: solid; border-width: 1.5px; border-color: #dde7ea; background: #fbfdfd; color: #16a8a6; font-weight: 700; font-size: .84em;
}
.stau-card.is-approved .stau-drop:hover, .stau-card.is-pending .stau-drop:hover, .stau-card.is-rejected .stau-drop:hover { border-color: #16a8a6; background: #f1fbfa; }

.stau-foot { margin-top: 1.5em; padding-top: 1.2em; border-top: 1px solid #eef2f4; }
.stau-done { padding: .9em 1.6em; border-radius: 10px; box-shadow: 0 5px 16px rgba(22,168,166,.32); }
.stau-done:disabled { box-shadow: none; }
.stau-back { margin-left: auto; font-size: .92em; }

.stau-thanks { padding: 2.6em 1.6em; border-radius: 16px; }

/* Upload-in-progress state */
.stau-card.is-uploading { border-color: #bcd8d8; }
.stau-card.is-uploading .stau-thumb img { opacity: .45; }
.stau-spin { display: none; position: absolute; inset: 0; margin: auto; width: 26px; height: 26px; border: 3px solid rgba(22,168,166,.25); border-top-color: #16a8a6; border-radius: 50%; animation: stau-spin .8s linear infinite; }
.stau-card.is-uploading .stau-spin { display: block; }
@keyframes stau-spin { to { transform: rotate(360deg); } }
.stau-status.stau-st-uploading { color: #0f7b79; font-weight: 700; }
.stau-progress.indeterminate { overflow: hidden; }
.stau-progress.indeterminate .stau-progress-fill { width: 40%; animation: stau-ind 1.1s ease-in-out infinite; }
@keyframes stau-ind { 0% { transform: translateX(-110%); } 100% { transform: translateX(285%); } }

/* Remove (un-approved files) */
.stau-remove { align-self: flex-start; background: none; border: none; color: #c0392b; font-size: .82em; text-decoration: underline; cursor: pointer; padding: 0; margin-top: .4em; }
.stau-remove:hover { color: #962d22; }
.stau-remove:disabled { opacity: .5; cursor: default; }

/* Line-level consistency warning */
.stau-line-warn { background: #fff3df; border: 1px solid #f0d199; border-left: 4px solid #e0a32e; color: #7a571a; border-radius: 8px; padding: .6em .85em; margin: .2em 0 .9em; font-size: .9em; line-height: 1.45; }

/* Informational line (designed online / reprint) + order-level "nothing to upload" */
.stau-line-note { font-size: .9em; color: #5a6b73; background: #f4f7f8; border: 1px solid #e2e9eb; border-radius: 8px; padding: .55em .8em; }
.stau-nothing { background: #eefaf2; border: 1px solid #bfe6cd; border-radius: 12px; padding: 1em 1.2em; color: #1f8a4c; margin-bottom: 1.3em; line-height: 1.5; }

/* Live per-line "X of N designs uploaded" progress */
.stau-line-progress { font-size: .88em; font-weight: 600; border-radius: 8px; padding: .5em .8em; margin: 0 0 .85em; }
.stau-line-progress.is-part { background: #fff3df; border: 1px solid #f0d199; color: #7a571a; }
.stau-line-progress.is-done { background: #eefaf2; border: 1px solid #bfe6cd; color: #1f8a4c; }

/* Instructions + checklist */
.stau-intro { margin-bottom: 1.5em; }
.stau-intro-lead { font-size: 1.02em; margin: 0 0 .5em; color: #2b3a40; }
.stau-acc { border: 1px solid #e0e8ea; border-radius: 11px; margin-top: .7em; background: #fff; overflow: hidden; }
.stau-acc > summary { list-style: none; cursor: pointer; padding: .85em 1.05em; font-weight: 700; color: #16242b; display: flex; align-items: center; justify-content: space-between; gap: .6em; }
.stau-acc > summary::-webkit-details-marker { display: none; }
.stau-acc > summary::after { content: "▸"; color: #16a8a6; font-size: .9em; transition: transform .2s; }
.stau-acc[open] > summary::after { transform: rotate(90deg); }
.stau-acc-body { padding: 0 1.05em 1.05em; font-size: .92em; color: #44555d; }
.stau-acc-body p { margin: .4em 0 .8em; }
.stau-callout { background: #fff7e6; border: 1px solid #f3dca5; border-left: 4px solid #e0a32e; border-radius: 8px; padding: .85em 1em; color: #6b4e10; margin-bottom: .8em; }
.stau-checklist { list-style: none; margin: .6em 0 0; padding: 0; }
.stau-checklist li { position: relative; padding-left: 1.7em; margin: 0 0 .6em; line-height: 1.45; }
.stau-checklist li::before { content: "✓"; position: absolute; left: 0; top: -.02em; color: #16a8a6; font-weight: 800; }
.stau-acc-body.stau-terms { font-size: .78em; color: #6a747c; line-height: 1.55; }
.stau-acc-body.stau-terms p { margin: 0; }

/* Stacked slot messages (page-count + pre-flight) */
.stau-slot-info > div { margin-top: .3em; }
.stau-slot-info > div:first-child { margin-top: 0; }
.stau-slot-info .stau-ok { color: #1f8a4c; }
.stau-slot-info .stau-warn { color: #b8791a; }
.stau-slot-info .stau-pass { color: #1f8a4c; font-weight: 700; background: #eefaf2; border: 1px solid #cdeed8; border-radius: 7px; padding: .4em .6em; }