*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:#22242a;background:#eae9ec}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #26a9d8;outline-offset:3px}a{color:inherit}.presenter{max-width:1160px;margin:22px auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 24px}.presenter b{font-size:19px}.presenter span{display:block;font-size:13px;color:#75737a;margin-top:6px}.presenter-actions{display:flex;gap:8px;flex-wrap:wrap}.presenter-actions a,.presenter-actions button{font-size:12px;border:1px solid #d3d0d5;border-radius:9px;background:#fff;padding:10px;text-decoration:none}.device{width:430px;max-width:100%;margin:24px auto 48px;background:#f7f6f8;border-radius:28px;overflow:hidden;border:1px solid #d5d0d6;box-shadow:0 24px 70px #2e10241c}.hero{background:#c91532;color:#fff;padding:13px 20px 25px;border-radius:0 0 27px 27px}.statusbar{font-size:11px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.03em;margin-bottom:17px;opacity:.9}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.brandrow img{width:128px;height:auto}.demotag{font-size:9px;letter-spacing:.12em;border:1px solid #ffffff5c;border-radius:20px;padding:6px 8px;font-weight:700}.heronav{display:flex;align-items:center;gap:12px;margin-top:22px}.back{border:0;background:transparent;color:#fff;font-size:24px;line-height:1;padding:4px 8px 4px 0;min-width:28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em}.herostatus{margin-left:auto;background:#ffffff28;border-radius:18px;padding:7px 11px;font-size:11px;font-weight:700}.hero h1{font-size:29px;line-height:1.12;margin:18px 0 9px;letter-spacing:-.025em}.hero .sub{font-size:13px;line-height:1.5;opacity:.9;margin:0}.steps{display:flex;gap:4px;margin-top:17px}.steps span{flex:1;height:4px;background:#ffffff3c;border-radius:10px}.steps span.on{background:#fff}.main{padding:17px 16px 24px;min-height:580px}.card{background:#fff;border:1px solid #e5e1e5;border-radius:18px;padding:18px;margin-bottom:13px;box-shadow:0 2px 3px #271f2c09}.card h2{font-size:20px;line-height:1.2;margin:8px 0 9px;letter-spacing:-.02em}.card h3{font-size:15px;margin:0 0 10px}.over{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:#79747d}.muted{color:#76727c;font-size:13px;line-height:1.5}.small{font-size:11px;line-height:1.45}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row.top{align-items:flex-start}.chip{display:inline-flex;gap:5px;align-items:center;border-radius:20px;padding:6px 9px;font-size:11px;font-weight:700;background:#f2f0f3;color:#66606b;white-space:nowrap}.green{color:#077a3c;background:#e5f6eb}.red{color:#ba1630;background:#fff0f1}.amber{color:#9c6714;background:#fff3dc}.blue{color:#126f99;background:#e8f4fb}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{border-radius:13px;background:#f6f5f7;padding:13px;min-width:0}.metric b{display:block;font-size:24px;line-height:1.05;margin-bottom:7px;letter-spacing:-.04em}.metric span{display:block;font-size:11px;color:#7d7682;line-height:1.4}.statline{display:flex;gap:10px;align-items:baseline;margin-top:15px}.statline strong{font-size:31px;letter-spacing:-.04em}.progress{height:7px;background:#ece9ef;border-radius:10px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;background:#06823d;border-radius:10px}.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;background:#c91532;color:#fff;padding:15px 14px;min-height:48px;font-weight:700;font-size:14px;text-decoration:none}.btn.secondary{background:#fff;color:#c91532;border:1px solid #eed0d6}.btn.greenbtn{background:#087f43}.btn.inline{width:auto;padding:10px 14px;min-height:38px;font-size:12px}.actions{display:grid;gap:9px;margin-top:14px}.nextbar{padding:12px 16px 16px;background:#ffffffec;border-top:1px solid #e6e1e7;position:sticky;bottom:0;backdrop-filter:blur(8px);z-index:10}.nextbar .btn{justify-content:space-between;text-align:left}.nextbar .btn span small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:9px;opacity:.8;margin-bottom:4px}.nextbar .btn b{font-size:16px}.nextbar .arrow{font-size:25px;font-weight:400}.nav{display:flex;justify-content:space-around;background:#fff;border-top:1px solid #ece8ee;padding:7px 5px 10px}.nav button{border:0;background:none;font-size:10px;padding:8px 6px;color:#8a828e;min-width:55px}.nav button.on{color:#c91532;font-weight:700}.nav button i{display:block;font-style:normal;font-size:17px;line-height:1.3;margin-bottom:4px}.demofoot{text-align:center;font-size:10px;color:#9a929d;padding:8px 12px 13px;background:#fff;letter-spacing:.02em}.line{padding:11px 0;border-bottom:1px solid #efedf1}.line:last-child{border-bottom:0}.line .lbl{display:block;color:#817987;font-size:11px;margin-bottom:5px}.line .val{font-size:15px;line-height:1.35;font-weight:600}.line p{margin:5px 0 0}.task{display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid #ece8ee;padding:13px 0;line-height:1.4}.task:last-child{border:0}.task input{width:20px;height:20px;accent-color:#07833f;flex:0 0 auto;margin:0}.task span{font-size:13px;font-weight:600}.task small{display:block;font-size:11px;color:#837b88;margin-top:3px;font-weight:400}.task .check{width:21px;height:21px;border-radius:50%;background:#e4f5eb;display:grid;place-items:center;color:#0a843e;font-size:13px;flex-shrink:0}.assetphoto{width:100%;display:block;border-radius:13px;aspect-ratio:4/3;object-fit:cover}.assetphoto.heroasset{aspect-ratio:16/8;object-position:50% 25%}.evidence{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #eee9ef}.evidence:last-child{border:0}.evidence img{width:55px;height:55px;object-fit:cover;border-radius:9px;flex:0 0 auto}.evidence .desc{flex:1;min-width:0}.evidence b{display:block;font-size:12px;line-height:1.4}.evidence small{display:block;font-size:10px;color:#8d8291;margin-top:3px}.evidence .dot{font-size:18px;color:#168449}.evidence .dot.pending{color:#c91532}.photo-frame{position:relative;margin:12px -18px 0}.photo-frame img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.mark{position:absolute;border:3px solid #e32a4d;border-radius:12px;box-shadow:0 0 0 150px #00000006}.mark.one{left:58%;top:24%;width:25%;height:31%}.mark.two{left:18%;top:55%;width:28%;height:28%}.mark b{position:absolute;top:-13px;left:-9px;width:23px;height:23px;color:#fff;background:#d81e42;border-radius:50%;display:grid;place-items:center;font-size:11px}.notice{padding:12px 13px;font-size:12px;line-height:1.55;border-radius:12px;background:#f3f0f5;margin-top:12px;border-left:3px solid #a49aa9}.notice.green{border-color:#16874a;background:#eef9f1;color:#16643c}.notice.red{border-color:#cc2443;background:#fff2f4;color:#a41b36}.notice.amber{border-color:#c28f2a;background:#fff8e9;color:#805e19}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:11px;font-weight:700;color:#6d6474;margin-bottom:7px}.field input{width:100%;border:1px solid #d8d2dc;background:#fff;border-radius:10px;padding:12px 13px;font-size:20px;color:#29232e}.field small{display:block;font-size:10px;color:#968a9b;margin-top:5px}.reading{padding:15px;border:1px solid #e7e0e9;border-radius:13px;margin-bottom:10px}.reading span{display:block;color:#7f7487;font-size:11px}.reading b{display:block;font-size:31px;letter-spacing:-.04em;margin-top:5px}.reading small{color:#8d8494;font-size:10px}.ring{width:112px;height:112px;border:10px solid #ddf1e4;border-top-color:#16834b;border-right-color:#16834b;border-bottom-color:#16834b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:6px auto 16px;color:#0d7d40}.ring b{font-size:28px}.ring span{font-size:10px;color:#7b8880}.signature{background:#faf9fb;border:1px dashed #c8bfcc;border-radius:12px;padding:25px 10px;text-align:center;margin:13px 0;color:#9b91a1}.signature strong{font-size:18px;font-weight:500;color:#5d5463;letter-spacing:.04em}.timeline{border-left:2px solid #e8e0ec;margin-left:7px;padding-left:22px}.event{position:relative;padding:0 0 20px}.event:before{content:'';width:11px;height:11px;border-radius:50%;background:#088344;position:absolute;left:-28px;top:3px;border:2px solid #fff}.event.failed:before{background:#cb2444}.event b{font-size:13px;display:block}.event span{display:block;font-size:11px;color:#85778d;margin-top:5px;line-height:1.5}.event small{font-size:9px;color:#a99daf;display:block;margin-bottom:4px}.barrow{display:flex;align-items:center;gap:9px;padding:11px 0}.barrow span{font-size:12px;width:85px}.barrow .bar{height:7px;background:#f0ebf2;flex:1;border-radius:7px;overflow:hidden}.barrow .bar i{height:100%;display:block;background:#c91532;border-radius:7px}.barrow b{font-size:13px;min-width:31px;text-align:right}.qr{display:flex;align-items:center;gap:14px;padding:15px;background:#faf8fb;border-radius:13px;margin-top:14px}.qr svg{width:82px;height:82px;flex-shrink:0}.qr b{font-size:24px}.qr p{font-size:11px;color:#8a7f90;margin:5px 0}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-grid button{border:1px solid #e4dce8;background:#fff;border-radius:12px;padding:16px 10px;text-align:left;font-size:12px;font-weight:600}.menu-grid button small{display:block;margin-top:6px;font-size:10px;color:#8e7e96;font-weight:400}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#28202eee;color:#fff;padding:13px 18px;border-radius:12px;font-size:13px;z-index:100;max-width:390px;width:max-content;box-shadow:0 8px 32px #0003}#toast[hidden]{display:none}.print-report{max-width:760px;background:#fff;margin:30px auto;padding:40px;line-height:1.55}.print-report h1{font-size:26px;color:#c91532}.print-report table{width:100%;border-collapse:collapse;font-size:13px}.print-report td{border-bottom:1px solid #eee;padding:10px 5px}.print-report .stamp{border:2px solid #c91532;color:#c91532;padding:12px;margin:20px 0;font-size:13px}.capture .presenter{display:none}.capture .device{margin:0 auto;border-radius:0;border:0;box-shadow:none;width:430px}.capture{background:#f7f6f8}.capture .nextbar{position:relative}.capture .main{min-height:560px}.capture #toast{display:none!important}@media(max-width:600px){.presenter{margin:14px 0;display:block;padding:0 14px}.presenter-actions{margin-top:12px}.device{margin:0 auto;border-radius:0;border:0;box-shadow:none}.main{min-height:520px}}@media print{.presenter,.device,#toast,.print-actions{display:none!important}.print-report{padding:0;margin:0;font-size:11px}.print-report h1{font-size:22px}.print-report{break-inside:avoid}.print-report .stamp{font-size:11px}body{background:#fff}}

/* Fixed mobile viewport for the presentation captures. */
.capture .device{height:956px;overflow:hidden}.capture #app{height:100%;display:flex;flex-direction:column}.capture .hero{flex:0 0 auto}.capture .main{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:none}.capture .main::-webkit-scrollbar{display:none}.capture .nextbar,.capture .nav,.capture .demofoot{flex:0 0 auto}.capture .hero h1{font-size:27px}.capture .statusbar{margin-bottom:12px}.capture .heronav{margin-top:18px}

#toast{pointer-events:none}