/* Static illustrations share the Simple Check-In card and spacing system. */
.qp-workflow-page :is(h1,h2,.qp-simple-lead){text-wrap:balance}
.qp-workflow-art{overflow:hidden;padding-top:56px;padding-bottom:18px;user-select:none;pointer-events:none}
.qp-workflow-art .qp-workflow-icon{width:46px;height:46px;flex:none;color:#c4b6e0}
.qp-workflow-art strong{color:#eee7f3;font:600 15px/1.4 Geom,sans-serif}
.qp-workflow-mock{min-width:0;width:256px;max-width:100%;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #c5afd746;border-radius:16px;background:linear-gradient(150deg,#251b30,#15131d);box-shadow:0 12px 35px #0003}
.qp-workflow-avatar{display:block;flex:none;width:38px;height:43px;border-radius:9px;overflow:hidden}
.qp-workflow-portrait{display:block;width:100%;height:100%}
.qp-workflow-record{display:flex;align-items:center;gap:10px;min-width:0;padding-top:8px;border-top:1px solid #d5bde51c}
.qp-workflow-record>span:last-child{min-width:0;display:grid;gap:3px}
.qp-workflow-record strong{font-size:14px;white-space:nowrap}
.qp-workflow-record small{color:#b8a9c6;font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qp-workflow-record-dot{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #b19cc948;border-radius:50%;color:#b7dfe7;font-size:14px}
.qp-workflow-tablet{width:236px;gap:7px;padding:17px;border-width:2px;border-radius:17px;transform:rotate(-2deg)}
.qp-workflow-tablet-photo{height:118px;width:104px;margin:0 auto;overflow:hidden;border-radius:10px}
.qp-workflow-status{color:#bddde2;text-align:center;font-size:13px;line-height:1.5}
.qp-workflow-selected-name{display:flex;justify-content:space-between;color:#eee7f3;font-size:14px;line-height:1.4}.qp-workflow-selected-name>span{color:#b4dfc9}
.qp-workflow-event-code{display:flex;flex-direction:column;align-items:center;gap:12px}.qp-workflow-event-code img{border-radius:10px}.qp-workflow-event-code strong{font-size:19px}
.qp-workflow-phone{position:absolute;left:50%;bottom:0;transform:translateX(-50%)rotate(-3deg);width:196px;height:242px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:14px 15px;border:1px solid #c5afd765;border-radius:24px 24px 0 0;background:linear-gradient(150deg,#251b30,#15131d);box-shadow:0 12px 40px #0005}
.qp-workflow-speaker{width:43px;height:4px;background:#8b759d6e;border-radius:6px;flex:none;margin:0 auto 3px}
.qp-workflow-phone>.qp-workflow-avatar{width:47px;height:54px;margin:auto}
.qp-workflow-phone small{font-size:12px;line-height:1.4;color:#bcaeca;text-align:center}
.qp-workflow-field{display:block;min-width:0;border:1px solid #dbc4ed30;background:#17131e;border-radius:7px;padding:6px 8px;font-size:13px;line-height:1.4;color:#e1d9e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qp-workflow-field-label{font-size:12px;line-height:1.4;color:#b7a9c6}
.qp-workflow-mock-action{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:8px;background:var(--qp-cta-gradient);color:var(--qp-cta-ink);font-size:13px;font-weight:600;line-height:1.4}
.qp-workflow-tap-photo{position:relative;display:flex;justify-content:center;padding:4px 0}.qp-workflow-tap-photo>.qp-workflow-avatar{width:72px;height:82px}.qp-workflow-tap-photo>.qp-workflow-icon{position:absolute;width:32px;height:32px;left:53%;top:42px;color:#f2e7fa;filter:drop-shadow(0 2px 3px #191125)}
.qp-workflow-reference-row{display:flex;justify-content:center;gap:10px}.qp-workflow-reference-row .qp-workflow-avatar{width:48px;height:55px}
.qp-workflow-import{align-items:center;gap:17px}.qp-workflow-import>.qp-workflow-icon{color:#a3d5e0}
.qp-workflow-chip{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:9px;border:1px solid #baa4d15c;border-radius:11px;background:#b38bd116;color:#e6dcea;font-size:14px;line-height:1.4}.qp-workflow-chip>.qp-workflow-avatar{width:27px;height:31px}.qp-workflow-chip>span:nth-child(2){min-width:0}.qp-workflow-tick{margin-left:auto;color:#b4e1c8}
.qp-workflow-find{display:flex;align-items:center;gap:8px;color:#bdaecb;font-size:13px;line-height:1.4}.qp-workflow-find .qp-workflow-icon{width:22px;height:22px}
.qp-workflow-other-name{font-size:14px;line-height:1.5;color:#aa9bb8;padding-left:9px}.qp-workflow-selector{gap:11px}
.qp-workflow-gallery,.qp-workflow-capture,.qp-workflow-scan{display:flex;flex-direction:column;align-items:center;gap:15px;width:256px;max-width:100%;min-width:0}
.qp-workflow-matching{display:flex;align-items:center;justify-content:center;gap:15px}.qp-workflow-matching>.qp-workflow-avatar{width:57px;height:65px}.qp-workflow-matching>.qp-workflow-icon:nth-child(2){width:30px;height:30px;color:#a3eefc}
.qp-workflow-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;min-width:0}
.qp-workflow-photo{position:relative;display:block;min-width:0;padding:4px 4px 14px;border:1px solid #bba8d63b;background:#2b2337;border-radius:6px;transform:rotate(-3deg)}.qp-workflow-photo:nth-child(2){transform:rotate(2deg)}.qp-workflow-photo:nth-child(3){transform:rotate(-1deg)}.qp-workflow-photo>svg{height:auto;aspect-ratio:88/100;border-radius:3px}.qp-workflow-photo>span{position:absolute;bottom:0;right:6px;color:#b9e7d0;font-size:12px;line-height:1.4}
.qp-workflow-gallery>.qp-workflow-mock-action{width:100%}
.qp-workflow-capture{gap:11px}.qp-workflow-capture>.qp-workflow-icon{height:39px;width:43px}
.qp-workflow-pass{width:220px;gap:15px;transform:rotate(-3deg)}.qp-workflow-pass>strong{font:12px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em}.qp-workflow-pass>span{color:#bcaeca;text-align:center;font-size:12px;line-height:1.4}
.qp-workflow-pass-code{display:flex;align-items:center;justify-content:center;gap:12px;color:#d5c7e1;font-size:13px;line-height:1.5}.qp-workflow-pass-code img{border-radius:6px;flex:none}
.qp-workflow-barcode{position:relative;width:100%;height:42px;flex:none;border:7px solid #e5dbea;border-radius:4px;background:repeating-linear-gradient(90deg,#211a30 0 3px,#e5dbea 3px 6px,#211a30 6px 7px,#e5dbea 7px 10px,#211a30 10px 15px,#e5dbea 15px 17px)}.qp-workflow-scan .qp-workflow-barcode{width:166px}.qp-workflow-scan-line{position:absolute;left:-14px;right:-14px;top:12px;height:2px;background:#c4f5f7;box-shadow:0 0 10px #a3eefc66}
.qp-workflow-page #main>.qp-workflow-resources{padding-block:48px!important}
.qp-workflow-resources-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:28px}
.qp-workflow-notes{border:1px solid #d6bfde30;border-radius:20px;background:#b59ace08;padding:24px;min-width:0}
.qp-workflow-notes summary{cursor:pointer;font:600 22px/1.4 Geom,sans-serif;color:#e8daee;padding-right:12px}.qp-workflow-notes summary::marker{color:#cfb4e0}.qp-workflow-notes[open] summary{margin-bottom:24px}.qp-workflow-notes summary:focus-visible{outline:2px solid var(--qp-focus,#BA94C1);outline-offset:6px;border-radius:4px}
.qp-workflow-page #main .qp-workflow-notes :is(p,li){font-size:17px!important;line-height:1.75!important}.qp-workflow-notes h3{font-size:23px!important;line-height:1.4!important;margin:28px 0 15px!important}
.qp-workflow-video{min-width:0;display:grid;gap:13px}.qp-workflow-video iframe{display:block;aspect-ratio:16/9;width:100%;height:auto;border:1px solid #bba4cf38;border-radius:18px;background:#151119}.qp-workflow-video>a{font-size:15px;line-height:1.5;color:#d5bce3;text-decoration:none}.qp-workflow-video>a:hover{text-decoration:underline}
@media(max-width:1000px){.qp-workflow-mock{padding:12px}.qp-workflow-record{gap:7px}.qp-workflow-chip{font-size:13px;gap:6px}.qp-workflow-reference-row{gap:7px}.qp-workflow-reference-row .qp-workflow-avatar{width:42px;height:48px}.qp-workflow-status{font-size:12px}.qp-workflow-capture{gap:9px}.qp-workflow-photos{gap:6px}}
@media(max-width:760px){.qp-workflow-resources-grid{grid-template-columns:1fr;gap:24px}.qp-workflow-page #main>.qp-workflow-resources{padding-block:36px!important}.qp-workflow-mock{padding:16px}.qp-workflow-chip{font-size:14px}.qp-workflow-status{font-size:13px}.qp-workflow-photos{gap:9px}}