/* V37 Guided Wizard - ported from New-Patient.html */






.wz-rec-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px;}
.wz-recbtn.ghost{background:rgba(255,255,255,.55);color:#0f5170;border:1px solid rgba(120,170,200,.45);box-shadow:none;}
.wz-files,.wz-audio-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.wz-file-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.78);border:1px solid rgba(120,170,200,.35);font-size:12px;color:#0a3d5c;}
.wz-file-chip.preexisting{background:#eef6ff;border-color:#bcd9ff;}
.wz-file-badge{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#1b55e2;background:#dbeafe;border:1px solid #bfdbfe;border-radius:6px;padding:1px 6px;}
.wz-file-chip button{border:none;background:transparent;color:#1b55e2;cursor:pointer;}
#wiz{
  position:fixed;
  inset:0;
  z-index:110;
  background:#bde7ef url('../images/new-patient-bg.png') center center / cover no-repeat;
  display:none;
  flex-direction:column;
  font-family:'Inter',system-ui,sans-serif;
  overflow:hidden;
  color:#0f3a52;
}
/* gentle readability wash + soft surface light, no heavy darkening */
#wiz::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(1100px 460px at 50% -6%,rgba(255,255,255,.45) 0%,transparent 62%),
    linear-gradient(180deg,rgba(190,235,245,.30) 0%,rgba(150,215,235,.14) 34%,rgba(120,195,220,.10) 70%,rgba(120,195,220,.18) 100%);}
#wiz::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(900px 520px at 50% 8%,rgba(255,255,255,.28),transparent 60%);}
#wiz.on{display:flex;}
/* floating bubbles layer */
.wz-bubbles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.wz-bubbles span{position:absolute;bottom:-40px;border-radius:50%;
  background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.95),rgba(255,255,255,.22) 44%,rgba(255,255,255,.04) 72%);
  border:1px solid rgba(255,255,255,.55);opacity:0;animation:wzbub linear infinite;}
@keyframes wzbub{0%{transform:translateY(0) translateX(0);opacity:0}
  10%{opacity:.7}50%{opacity:.55}90%{opacity:.35}
  100%{transform:translateY(-104vh) translateX(22px);opacity:0}}
/* keep all wizard chrome above the scene */
.wz-top,.wz-body,.wz-foot{position:relative;z-index:2;}
#wiz.on{display:flex;}
.wz-top{display:flex;align-items:center;gap:14px;padding:15px 26px;background:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(120,170,200,.3);backdrop-filter:blur(14px);}
.wz-steps{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;}
.wz-step{display:flex;align-items:center;gap:9px;opacity:.5;transition:.25s;}
.wz-step.active{opacity:1;}
.wz-step.done{opacity:.92;}
.wz-dot{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;
  background:rgba(255,255,255,.8);color:#3a7e9a;transition:.25s;flex-shrink:0;border:1px solid rgba(120,170,200,.4);}
.wz-step.active .wz-dot{background:linear-gradient(135deg,#3b82f6,#38bdf8);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(56,189,248,.5);}
.wz-step.done .wz-dot{background:linear-gradient(135deg,#0ea5a4,#10b981);color:#fff;border-color:transparent;}
.wz-step .lbl{font-size:12.5px;font-weight:600;color:#0f5170;white-space:nowrap;}
.wz-line{width:26px;height:2px;background:rgba(80,140,170,.35);}
.wz-tophdr{display:flex;align-items:center;gap:22px;}
.wz-tophdr .lg{width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid rgba(255,255,255,.7);padding:4px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.18);overflow:hidden;}
.wz-tophdr .lg img{width:100%;height:100%;object-fit:contain;display:block;}
.wz-tophdr b{font-size:15px;font-weight:800;color:#0a3d5c;letter-spacing:-.01em;line-height:1;}
.wz-tophdr b span{color:#0ea5c4;}
.wz-tophdr .tag{font-size:10px;letter-spacing:.08em;color:#3a7e9a;text-transform:uppercase;font-weight:600;margin-top:2px;}
.wz-chip{border:1px solid rgba(80,150,180,.4);background:rgba(255,255,255,.55);color:#0f5170;font-family:inherit;font-weight:600;font-size:12.5px;
  padding:8px 13px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.16s;white-space:nowrap;}
.wz-chip:hover{background:#0ea5c4;border-color:#0ea5c4;color:#fff;}
.wz-switch{border:1px solid rgba(80,150,180,.4);background:rgba(255,255,255,.55);color:#0f5170;font-family:inherit;font-weight:600;font-size:12.5px;
  padding:8px 13px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.16s;}
.wz-switch:hover{background:#0ea5c4;border-color:#0ea5c4;color:#fff;}
.wz-body{flex:1;overflow:auto;padding:32px 28px 26px;position:relative;}
.wz-screen{max-width:1040px;margin:0 auto;display:none;animation:wzfade .35s ease;}
#wz-s3{max-width:1480px;}
.wz-screen.on{display:block;}
@keyframes wzfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.wz-hi{font-size:29px;font-weight:800;color:#08374f;letter-spacing:-.02em;line-height:1.15;}
.wz-hi .ac{background:linear-gradient(120deg,#0891b2,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.wz-sub{color:#356b82;font-size:14.5px;margin-top:8px;}
.wz-card{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.85);
  border-radius:18px;padding:24px;margin-top:20px;box-shadow:0 12px 36px rgba(10,60,90,.16);backdrop-filter:blur(12px);}
.wz-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
.wz-row-noemr{grid-template-columns:1.8fr .8fr .8fr;}
.wz-noemr-complaint{grid-column:1 / -1;}
.wz-noemr-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px;flex-wrap:wrap;}
.ne-req{color:#dc2626;}
.ne-err{margin-top:8px;font-size:12px;color:#dc2626;font-weight:600;}
.wz-f label{display:block;font-size:11.5px;font-weight:700;color:#2c7898;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em;}
.wz-f input,.wz-f select{width:100%;padding:12px 14px;border:1px solid rgba(120,180,205,.55);border-radius:11px;font-family:inherit;font-size:15px;color:#0a3d5c;background:rgba(255,255,255,.85);}
.wz-f input::placeholder{color:#8fb0c0;}
.wz-f input:focus,.wz-f select:focus{outline:none;border-color:#0ea5c4;box-shadow:0 0 0 3px rgba(14,165,196,.2);}
.wz-f select option{background:#fff;color:#0a3d5c;}
.wz-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;}
.wz-pick{border:1.5px solid rgba(255,255,255,.85);border-radius:16px;padding:24px;cursor:pointer;transition:.2s;
  background:rgba(255,255,255,.72);text-align:left;font-family:inherit;color:#0a3d5c;position:relative;overflow:hidden;}
.wz-pick::after{content:"";position:absolute;inset:0;background:radial-gradient(300px 120px at 80% 0%,rgba(56,189,248,.16),transparent 70%);opacity:0;transition:.2s;}
.wz-pick:hover{border-color:#0ea5c4;transform:translateY(-3px);box-shadow:0 20px 44px rgba(10,60,90,.2);}
.wz-pick:hover::after{opacity:1;}
.wz-pick .pic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:26px;color:#fff;
  background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 8px 20px rgba(37,99,235,.4);}
.wz-pick.alt .pic{background:linear-gradient(135deg,#1b55e2,#3b7df0);box-shadow:0 8px 20px rgba(27,85,226,.4);}
.wz-pick b{display:block;font-size:16.5px;color:#08374f;margin-top:14px;}
.wz-pick span{display:block;font-size:13px;color:#4a7e96;margin-top:6px;line-height:1.55;}
.wz-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start;}
.wz-h3{font-size:16px;font-weight:800;color:#08374f;display:flex;align-items:center;gap:9px;margin-bottom:6px;}
.wz-h3 i{color:#0ea5c4;}
.wz-visit{border:1px solid rgba(160,205,225,.5);border-radius:13px;padding:14px 16px;margin-bottom:11px;background:rgba(255,255,255,.6);}
/* ── Intelligent EMR history summary ── */
.wz-sum{}
.wz-sum-narr{font-size:14px;line-height:1.6;color:#22344e;margin:0 0 12px;}
.wz-sum-chips{display:flex;flex-wrap:wrap;gap:8px;}
.wz-sumchip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:99px;background:rgba(27,85,226,.10);color:#1b55e2;border:1px solid rgba(27,85,226,.18);}
.wz-sumchip i{font-size:13px;}
.wz-sumchip.red{background:rgba(220,38,38,.10);color:#dc2626;border-color:rgba(220,38,38,.20);}
.wz-sumchip.amber{background:rgba(217,119,6,.12);color:#b45309;border-color:rgba(217,119,6,.22);}
.wz-sumchip.blue{background:rgba(27,85,226,.10);color:#1b55e2;border-color:rgba(27,85,226,.18);}
/* ── Visit cards ── */
.wz-visit.hot{border-color:rgba(27,85,226,.45);box-shadow:0 4px 16px rgba(27,85,226,.10);}
.wz-vico{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(27,85,226,.12);color:#1b55e2;margin-right:8px;font-size:13px;}
.wz-visit.hot .wz-vico{background:#1b55e2;color:#fff;}
.wz-vt-wrap{}
.wz-vdet{font-size:12.5px;line-height:1.55;color:#3c5066;margin:8px 0 6px;}
.wz-vmeta{font-size:11.5px;color:#5e7790;display:flex;align-items:center;gap:5px;}
.wz-vmeta i{font-size:13px;opacity:.8;}
.wz-dob-wrap{position:relative;}
.wz-dob-wrap #wz-dob-input{width:100%;padding-right:40px;}
.wz-dob-cal{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:transparent;border:none;color:#1b55e2;cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:8px;line-height:1;}
.wz-dob-cal:hover{background:rgba(27,85,226,.12);}
.wz-hint{font-weight:600;color:#7aa6ba;font-size:10.5px;text-transform:none;letter-spacing:0;}
#wz-page[readonly]{background:rgba(238,245,250,.75);color:#0a3d5c;cursor:default;}
/* Custom DOB calendar popup */
.wz-dob-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:100300;background:#fff;border:1px solid #d7e3ec;border-radius:12px;box-shadow:0 16px 42px rgba(10,40,70,.24);padding:12px;width:270px;}
.wz-dob-cal-hdr{display:flex;gap:8px;margin-bottom:10px;}
.wz-dob-cal-hdr select{flex:1;padding:7px 8px;border:1px solid #cfdbe6;border-radius:8px;font-family:inherit;font-size:13px;color:#0a3d5c;background:#fff;cursor:pointer;}
.wz-dob-msel{flex:1.4 !important;}
.wz-dob-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.wz-dow{display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:#94a3b8;height:24px;}
.wz-day{height:30px;border:none;background:transparent;border-radius:8px;font-family:inherit;font-size:12.5px;color:#0a3d5c;cursor:pointer;padding:0;transition:.12s;}
.wz-day:hover{background:rgba(27,85,226,.1);}
.wz-day.sel{background:#1b55e2;color:#fff;font-weight:700;}
.wz-vactions{margin-top:10px;display:flex;justify-content:flex-end;}
.wz-vpreview{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:700;color:#1b55e2;background:rgba(27,85,226,.08);border:1px solid rgba(27,85,226,.22);border-radius:8px;padding:6px 12px;cursor:pointer;transition:.15s;}
.wz-vpreview:hover{background:#1b55e2;border-color:#1b55e2;color:#fff;}
.wz-vpreview i{font-size:14px;}
/* EMR context loading state */
.wz-emr-loading{display:flex;align-items:center;gap:10px;font-size:13px;color:#3f6f88;background:rgba(255,255,255,.55);border:1px dashed rgba(120,180,205,.5);border-radius:10px;padding:14px 16px;}
.wz-emr-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(27,85,226,.25);border-top-color:#1b55e2;animation:spin .8s linear infinite;display:inline-block;}
/* ── Inline-editable SOAP surfaces ── */
.soap-edit-surface{border-radius:0 0 0 0;}
.soap-edit-surface:hover{background:rgba(27,85,226,.035);}
.soap-edit-surface:empty:before,.soap-edit-surface[data-empty="1"]:before{content:attr(data-placeholder);color:#94a3b8;font-size:13.5px;}
.soap-save-btn[disabled]{opacity:.5;cursor:not-allowed;}
.soap-save-btn.soap-save-ready{position:relative;border-color:#1b55e2!important;color:#1b55e2!important;}
.soap-save-btn.soap-save-ready:after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:#1b55e2;box-shadow:0 0 0 2px #fff;}


.wz-visit .vh{display:flex;justify-content:space-between;align-items:center;}
.wz-visit .vd{font-size:12.5px;color:#5a8aa0;}
.wz-visit .vt{font-weight:700;color:#0a3d5c;font-size:14.5px;}
.wz-flag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;}
.wz-flag.red{background:rgba(224,36,94,.16);color:#ff8ba7;}
.wz-flag.amber{background:rgba(245,158,11,.16);color:#fbc074;}
.wz-flag.green{background:rgba(16,185,129,.16);color:#6ee7b7;}
.wz-vline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px;}
.wz-vk{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;}
.wz-vk.green{background:rgba(16,185,129,.16);color:#6ee7b7;}
.wz-vk.amber{background:rgba(245,158,11,.16);color:#fbc074;}
.wz-vk.red{background:rgba(224,36,94,.16);color:#ff8ba7;}
.wz-tag{font-size:11.5px;color:#2c6480;background:rgba(255,255,255,.7);border:1px solid rgba(160,205,225,.6);padding:3px 8px;border-radius:7px;}
.wz-tag.amber{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3);color:#fbc074;}
.wz-tag.red{background:rgba(224,36,94,.12);border-color:rgba(224,36,94,.3);color:#ff8ba7;}
.wz-inline-empty{display:flex;align-items:center;gap:9px;font-size:13px;color:#4a7e96;background:rgba(255,255,255,.5);border:1px dashed rgba(120,180,205,.55);border-radius:11px;padding:13px 15px;}
.wz-inline-empty i{font-size:20px;color:#7aa6ba;}
/* Scroll hint */
.scroll-hint{position:absolute;left:50%;transform:translateX(-50%) translateY(6px);bottom:14px;z-index:50;
  display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:99px;
  background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-family:'Inter',system-ui,sans-serif;font-size:12.5px;font-weight:700;
  box-shadow:0 10px 28px rgba(56,189,248,.45);pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;
  white-space:nowrap;}
.scroll-hint.show{opacity:1;transform:translateX(-50%) translateY(0);}
.scroll-hint i{font-size:15px;animation:schint 1.3s ease-in-out infinite;}
@keyframes schint{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
.wz-rec{background:rgba(255,255,255,.06);border:1px solid rgba(120,165,205,.30);border-radius:18px;padding:24px;color:#08374f;text-align:center;box-shadow:none;}
.wz-rec .mic{width:80px;height:80px;border-radius:50%;background:transparent;display:grid;place-items:center;margin:6px auto 14px;border:none;transition:.2s;position:relative;overflow:visible;}
.wz-rec .mic .ne-mic-sweep,.wz-rec .mic .ne-rec-ring{inset:-8px;}
.wz-rec.live .mic{background:transparent;border-color:transparent;animation:none;}
.wz-rec.live .mic .ne-mic-sweep{display:none;}
@keyframes wzpulse{0%{box-shadow:0 0 0 0 rgba(224,36,94,.5)}70%{box-shadow:0 0 0 18px rgba(224,36,94,0)}100%{box-shadow:0 0 0 0 rgba(224,36,94,0)}}
@keyframes wzpulseblue{0%{box-shadow:0 0 0 0 rgba(59,130,246,.5)}70%{box-shadow:0 0 0 16px rgba(59,130,246,0)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}}
.wz-rec .mic i{font-size:36px;}
.wz-rec b{font-size:16px;}
.wz-rec p{font-size:12.5px;color:#3f5e72;margin-top:4px;}
.wz-wave{display:none;align-items:flex-end;justify-content:center;gap:3px;height:34px;margin:4px 0 2px;}
.wz-rec.live .wz-wave{display:flex;}
.wz-wave span{width:4px;border-radius:3px;background:rgba(120,200,255,.9);animation:wzwave 1s ease-in-out infinite;}
.wz-wave span:nth-child(1){animation-delay:0s;height:30%}
.wz-wave span:nth-child(2){animation-delay:.1s;height:60%}
.wz-wave span:nth-child(3){animation-delay:.2s;height:90%}
.wz-wave span:nth-child(4){animation-delay:.3s;height:50%}
.wz-wave span:nth-child(5){animation-delay:.4s;height:75%}
.wz-wave span:nth-child(6){animation-delay:.5s;height:40%}
.wz-wave span:nth-child(7){animation-delay:.6s;height:85%}
.wz-wave span:nth-child(8){animation-delay:.7s;height:55%}
.wz-wave span:nth-child(9){animation-delay:.8s;height:70%}
.wz-wave span:nth-child(10){animation-delay:.9s;height:35%}
.wz-wave span:nth-child(11){animation-delay:1s;height:65%}
.wz-wave span:nth-child(12){animation-delay:1.1s;height:45%}
@keyframes wzwave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.wz-timer{font-size:26px;font-weight:800;letter-spacing:2px;font-variant-numeric:tabular-nums;margin:6px 0 2px;}
.wz-up-icons{display:flex;justify-content:center;gap:10px;margin-bottom:12px;}
.wz-up-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;
  background:rgba(255,255,255,.95);border:1.5px solid currentColor;box-shadow:0 4px 14px rgba(2,10,30,.3);}
.wz-h3-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;}
.wz-h3-row .wz-h3{margin-bottom:0;}
.wz-h3-btn{font-size:12.5px;padding:8px 13px;white-space:nowrap;}
.wz-recbtn{margin-top:16px;width:100%;padding:13px;border-radius:12px;border:none;font-family:inherit;font-weight:800;font-size:14.5px;cursor:pointer;background:#1b55e2;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s;}
.wz-recbtn:hover{filter:brightness(1.05);}
.wz-upload{border:2px dashed rgba(120,180,205,.6);border-radius:16px;padding:24px 18px;text-align:center;cursor:pointer;margin-top:16px;background:rgba(255,255,255,.5);transition:.18s;}
.wz-upload:hover,.wz-upload.drag{border-color:#0ea5c4;background:rgba(14,165,196,.1);}
.wz-upload p{font-weight:700;color:#08374f;margin-top:8px;font-size:14px;}
.wz-upload small{color:#4a7e96;font-size:12px;}
.wz-files{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow-y:auto;padding-right:4px;}
.wz-file{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.65);border:1px solid rgba(160,205,225,.5);border-radius:9px;padding:8px 11px;font-size:12.5px;color:#0a3d5c;}
.wz-file i{color:#0ea5c4;}
.wz-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px;}
#wz-tiles3{grid-template-columns:repeat(6,1fr);gap:14px;}
.wz-tile{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);border-radius:16px;padding:20px;cursor:pointer;transition:.2s;text-align:left;font-family:inherit;position:relative;overflow:hidden;}
#wz-tiles3 .wz-tile{padding:16px 15px;border-radius:14px;}
#wz-tiles3 .wz-tile .ic{width:42px;height:42px;border-radius:11px;font-size:20px;}
#wz-tiles3 .wz-tile b{font-size:14px;margin-top:11px;line-height:1.25;}
#wz-tiles3 .wz-tile span{font-size:11.5px;margin-top:4px;line-height:1.45;}
#wz-tiles3 .wz-tile .rdy,#wz-tiles3 .wz-tile .pend{top:11px;right:11px;font-size:9.5px;padding:2px 7px;}
@media (max-width:1320px){ #wz-tiles3{grid-template-columns:repeat(4,1fr);} #wz-s3{max-width:1100px;} }
@media (max-width:900px){ #wz-tiles3{grid-template-columns:repeat(3,1fr);} }
@media (max-width:620px){ #wz-tiles3{grid-template-columns:repeat(2,1fr);} }
.wz-tile::after{content:"";position:absolute;inset:0;background:radial-gradient(240px 90px at 85% 0%,rgba(56,189,248,.18),transparent 70%);opacity:0;transition:.2s;}
.wz-tile:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(10,60,90,.22);border-color:#7fd0e0;}
.wz-tile:hover::after{opacity:1;}
.wz-tile .ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 8px 18px rgba(2,10,30,.4);}
.wz-tile b{display:block;font-size:15.5px;color:#08374f;margin-top:14px;}
.wz-tile span{display:block;font-size:12.5px;color:#4a7e96;margin-top:5px;line-height:1.5;}
.wz-tile .rdy{position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;background:#059669;color:#ffffff;}
.wz-tile .pend{position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;background:rgba(90,138,160,.16);color:#5a8aa0;}
.wz-foot{display:flex;align-items:center;gap:10px;padding:15px 26px 15px 160px;background:rgba(255,255,255,.72);border-top:1px solid rgba(120,170,200,.3);backdrop-filter:blur(14px);}
/* Keep the wizard footer's Back/Cancel clear of the fixed bottom-left Feedback button. On narrow
   screens the big left pad is impractical, so lift the Feedback button above the footer instead. */
@media (max-width:640px){
    .wz-foot{padding-left:20px;}
    body:has(#wiz.on) .hamd-fb-btn{bottom:88px;}
}
.wz-btn{padding:12px 22px;border-radius:12px;border:none;font-family:inherit;font-weight:800;font-size:14.5px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.16s;}
.wz-btn.primary{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.4);}
.wz-btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px);}
.wz-btn.ghost{background:rgba(255,255,255,.7);border:1px solid rgba(120,180,205,.5);color:#0f5170;}
.wz-btn.ghost:hover{background:#fff;border-color:#0ea5c4;color:#08374f;}
.wz-btn.danger{background:rgba(224,36,94,.14);border:1px solid rgba(224,36,94,.4);color:#ff8ba7;}
.wz-btn.danger:hover{background:rgba(224,36,94,.26);color:#fff;}
.wz-btn.big{font-size:15.5px;padding:14px 30px;}
.wz-foot .sp{flex:1;}
.wz-analyze{background:linear-gradient(135deg,#1b55e2,#2563eb);color:#fff;}
.wz-bigbtn{width:100%;margin-top:18px;padding:16px;border-radius:14px;border:none;font-family:inherit;font-weight:800;font-size:16px;cursor:pointer;background:linear-gradient(135deg,#1b55e2,#3b82f6);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 30px rgba(27,85,226,.4);transition:.16s;}
.wz-bigbtn:hover{filter:brightness(1.08);transform:translateY(-1px);}
.wz-muted{color:#3a7e9a;font-size:12.5px;}
.wz-empty{text-align:center;padding:40px 20px;color:#4a7e96;}
.wz-empty i{font-size:40px;color:#9cc4d4;}

.ne-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;}
.ne-hero-tx{max-width:680px;}
.ne-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1b55e2;background:rgba(27,85,226,.10);border:1px solid rgba(27,85,226,.18);padding:6px 13px;border-radius:30px;margin-bottom:16px;}
.ne-eyebrow-2{color:#0d9488;background:rgba(13,148,136,.10);border-color:rgba(13,148,136,.2);}
.ne-h1{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.025em;color:#08374f;}
.ne-sub{font-size:15px;line-height:1.6;color:#3f5e72;margin-top:13px;}
.ne-hero-2{margin-bottom:20px;}
.ne-capture{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:start;}
/* Near-transparent bounding box: the glass orb supplies the colour, so the card is just a quiet
   frame around it. Text drops to the page ink colours since there is no dark fill to sit on. */
.ne-rec{background:rgba(255,255,255,.06);border:1px solid rgba(120,165,205,.30);border-radius:24px;padding:34px 28px;text-align:center;color:#08374f;position:relative;overflow:hidden;box-shadow:none;}
.ne-rec::after{content:none;}
.ne-rec-mic{width:96px;height:96px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:40px;color:#08374f;background:transparent;cursor:pointer;position:relative;transition:transform .2s;z-index:1;}
.ne-rec-mic:hover{transform:scale(1.04);}
@keyframes neBreathe{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(125,187,248,.7),0 0 26px 6px rgba(6,182,212,.30);}50%{transform:scale(1.13);box-shadow:0 0 0 22px rgba(125,187,248,.02),0 0 44px 14px rgba(6,182,212,.5);}}
.ne-rec-mic::before{content:none;}
.ne-mic-sweep{position:absolute;inset:-10px;border-radius:50%;pointer-events:none;z-index:0;background:conic-gradient(from 0deg, rgba(125,187,248,0) 0deg, rgba(125,187,248,0) 250deg, rgba(160,215,255,.85) 340deg, rgba(255,255,255,.95) 358deg, rgba(125,187,248,0) 360deg);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));}
.ne-rec-ring{position:absolute;inset:-6px;border-radius:50%;border:3px solid rgba(200,230,255,.9);opacity:0;pointer-events:none;will-change:transform,opacity;}
.ne-rec.live .ne-rec-mic{background:transparent;animation:none;transform:scale(1);}
.ne-rec.live .ne-rec-mic::before{content:none;}
.ne-rec.live .ne-mic-sweep{display:none;}
@keyframes neRing{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.5);opacity:0;}}
.ne-rec-timer{display:none;font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:700;letter-spacing:2px;margin-bottom:10px;position:relative;z-index:1;color:#0a2472;}
.ne-rec b{font-size:18px;font-weight:800;position:relative;z-index:1;}
.ne-rec p{font-size:13.5px;color:#3f5e72;margin-top:6px;position:relative;z-index:1;}
.ne-rec-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:30px;margin-top:16px;position:relative;z-index:1;opacity:0;transition:.3s;}
.ne-rec.live .ne-rec-wave{opacity:1;}
.ne-rec-wave span{width:4px;height:8px;border-radius:3px;background:rgba(27,85,226,.55);animation:neWave 1s infinite ease-in-out;}
.ne-rec-wave span:nth-child(odd){animation-delay:.2s;}
.ne-rec-wave span:nth-child(3n){animation-delay:.4s;}
.ne-rec-wave span:nth-child(4n){animation-delay:.1s;}
@keyframes neWave{0%,100%{height:8px;}50%{height:26px;}}
.ne-uploads{display:flex;flex-direction:column;gap:11px;}
.ne-up{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:16px 18px;cursor:pointer;transition:.18s;box-shadow:0 6px 18px rgba(8,30,70,.06);}
.ne-up:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(8,30,70,.12);border-color:color-mix(in srgb,var(--c) 30%,#fff);}
.ne-up-ic{width:46px;height:46px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 60%,#000));box-shadow:0 8px 18px color-mix(in srgb,var(--c) 40%,transparent);}
.ne-up-tx{flex:1;}
.ne-up-tx b{display:block;font-size:15px;font-weight:700;color:#08374f;}
.ne-up-tx span{display:block;font-size:12.5px;color:#5e7a92;margin-top:2px;}
.ne-up-go{font-size:20px;color:#b6c8dc;transition:.2s;}
.ne-up:hover .ne-up-go{color:var(--c);transform:translateY(-2px);}
.ne-files{margin-top:6px;display:flex;flex-direction:column;gap:8px;}
@media (max-width:900px){
  .ne-capture{grid-template-columns:1fr;}
  .ne-h1{font-size:27px;}
}