/* TokenQ V184 — sign-in pages (Welcome, mobile number, password / SMS code, About you). */
:root{--g:#2e7d32;--gd:#1f6b25;--gl:#e3f3e3;--line:#cdd5cf;--mut:#5b655e;--rd:#a52a1d;--rdbg:#fde4e1;--or:#8a5300;--orbg:#fff4e0}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body.v184{background:#f5f7f6;color:#1a1c1a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15.5px;line-height:1.45;-webkit-font-smoothing:antialiased}
.v184 a{color:inherit;text-decoration:none}.v184 .ic{fill:currentColor;flex:none;vertical-align:middle}
.v184 [hidden]{display:none!important}
.v184 .stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}
.v184 .brand{background:linear-gradient(150deg,#174f1c,#2e7d32 55%,#4caf50);color:#fff;padding:54px 56px;position:relative;overflow:hidden}
.v184 .brand:after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.07)}
.v184 .logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:24px}
.v184 .logo i{width:46px;height:46px;border-radius:14px;background:#fff;color:var(--gd);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:18px}
.v184 .brand h1{font-size:40px;line-height:1.15;margin:64px 0 14px;letter-spacing:-.5px}
.v184 .brand .sub{font-size:18px;opacity:.9;max-width:430px}
.v184 .ben{margin-top:40px;display:flex;flex-direction:column;gap:18px;position:relative;z-index:1}
.v184 .ben div{display:flex;gap:14px;align-items:center;font-size:16.5px}
.v184 .ben span{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex:none}
.v184 .side{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.v184 .card{width:100%;max-width:440px;background:#fff;border:1px solid #dfe5e0;border-radius:24px;padding:34px 34px 28px;box-shadow:0 8px 30px rgba(0,0,0,.05)}
.v184 h2{margin:0;font-size:27px;letter-spacing:-.3px;line-height:1.2}
.v184 .lede{color:var(--mut);font-size:16px;margin:6px 0 20px}
.v184 .rh{display:flex;align-items:center;gap:12px}
.v184 .ri{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none}
.v184 .g{background:var(--gl);color:var(--gd)}.v184 .b{background:#e3eefb;color:#1d5fa8}.v184 .o{background:#fff1dc;color:#b06a00}
.v184 .role{display:flex;align-items:center;gap:16px;border:1.5px solid #dfe5e0;border-radius:18px;padding:16px;margin-bottom:12px;background:#fff;transition:border-color .15s,background .15s}
.v184 .role:hover{border-color:var(--g);background:#f7fbf7}
.v184 .role b{font-size:18px;display:block}.v184 .role small{color:var(--mut);font-size:14.5px}
.v184 .role .go{margin-left:auto;color:#9aa39c}
.v184 .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:14px;color:#6b736d}
.v184 .foot a{color:var(--mut);display:inline-flex;gap:6px;align-items:center;font-weight:600}
.v184 .lab{font-size:14.5px;font-weight:700;color:#36403a;margin:16px 0 8px;display:block}
.v184 .inp{display:flex;align-items:center;height:56px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;gap:12px;background:#fff}
.v184 .inp:focus-within{border-color:var(--g);box-shadow:0 0 0 4px #e1f1e1}
.v184 .inp.bad{border-color:#d9534f}
.v184 .inp .cc{font-weight:700;color:#36403a;border-right:1px solid #dfe5e0;padding-right:12px;font-size:19px}
.v184 .inp input,.v184 .inp select{border:0;outline:0;font:inherit;font-size:19px;flex:1;min-width:0;background:none;color:#1a1c1a;height:100%}
.v184 .inp input[type=tel]{letter-spacing:1.5px;font-weight:600}
.v184 .inp select{font-size:16.5px}
.v184 .inp .tail{margin-left:auto;color:#6b736d;display:flex;background:none;border:0;padding:4px;cursor:pointer}
.v184 .btn{width:100%;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:17px;margin-top:20px;border:0;cursor:pointer;background:var(--g);color:#fff}
.v184 .btn:hover{filter:brightness(.96)}
.v184 .btn[disabled]{opacity:.7;cursor:default}
.v184 .hint{font-size:14px;color:#6b736d;margin-top:12px;display:flex;gap:8px;align-items:center}
.v184 .alt{text-align:center;margin-top:16px;font-size:15px;color:var(--mut)}
.v184 .alt a,.v184 .alt button{color:var(--g);font-weight:700;background:none;border:0;font:inherit;font-weight:700;cursor:pointer;padding:0}
.v184 .who{display:flex;align-items:center;gap:12px;background:#f3f7f4;border-radius:14px;padding:12px 14px;margin-top:4px}
.v184 .who .av{width:42px;height:42px;border-radius:50%;background:var(--gl);color:var(--gd);display:flex;align-items:center;justify-content:center;flex:none}
.v184 .who b{display:block;letter-spacing:.3px}.v184 .who small{color:var(--mut)}
.v184 .who button,.v184 .who a.ch{margin-left:auto;color:var(--g);font-weight:700;font-size:14.5px;background:none;border:0;cursor:pointer;font-family:inherit}
.v184 .seg{display:flex;background:#eef1ef;border-radius:14px;padding:4px;margin-top:16px}
.v184 .seg button{flex:1;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:700;font-size:15px;color:var(--mut);background:none;border:0;cursor:pointer}
.v184 .seg button.on{background:#fff;color:var(--gd);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.v184 .otp{display:flex;gap:10px;margin-top:6px}
.v184 .otp input{width:100%;min-width:0;height:62px;border:1.5px solid var(--line);border-radius:14px;text-align:center;font-size:27px;font-weight:700;font-family:inherit;color:#1a1c1a;background:#fff}
.v184 .otp input:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 4px #e1f1e1}
.v184 .otp.bad input{border-color:#d9534f;color:var(--rd)}
.v184 .msg{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;font-size:14.5px;margin-top:14px}
.v184 .msg .ic{margin-top:1px}
.v184 .msg.err{background:var(--rdbg);color:var(--rd)}
.v184 .msg.info{background:var(--orbg);color:var(--or)}
.v184 .msg.ok{background:#eef7ee;color:var(--gd)}
.v184 .gch{display:flex;gap:8px}
.v184 .gch label{flex:1;cursor:pointer}
.v184 .gch input{position:absolute;opacity:0;width:1px;height:1px}
.v184 .gch span{height:48px;border:1.5px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15.5px;color:#36403a}
.v184 .gch input:checked + span{border-color:var(--g);background:#f2f9f2;color:var(--gd)}
.v184 .gch input:focus-visible + span{outline:2px solid #1d5fa8;outline-offset:2px}
.v184 .phtop{display:none}
/* V185: registration */
.v184 .stage.wide{grid-template-columns:400px minmax(0,1fr)}
.v184 .stage.wide .brand{padding:44px 40px}
.v184 .stage.wide .brand h1{font-size:30px;margin:46px 0 10px}
.v184 .stage.wide .card{max-width:700px}
.v184 .tl{margin-top:34px;display:flex;flex-direction:column;position:relative;z-index:1}
.v184 .tl div{display:flex;gap:14px;align-items:flex-start;padding-bottom:22px;position:relative;font-size:15.5px}
.v184 .tl div:not(:last-child):before{content:"";position:absolute;left:17px;top:36px;bottom:2px;width:2px;background:rgba(255,255,255,.25)}
.v184 .tl b{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex:none;font-size:15px}
.v184 .tl .done b,.v184 .tl .now b{background:#fff;color:var(--gd)}.v184 .tl .now b{box-shadow:0 0 0 4px rgba(255,255,255,.3)}
.v184 .tl small{display:block;opacity:.85;font-size:13.5px}
.v184 .sec{border-top:1px solid #eef2ef;margin-top:20px;padding-top:4px}
.v184 .sec h4{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:16.5px}
.v184 .sec h4 > span:first-child{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.v184 .g2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.v184 .opt{font-weight:500;color:#6b736d;font-size:13px}
.v184 .inp.sm{height:50px}.v184 .inp.sm input,.v184 .inp.sm select{font-size:16.5px;letter-spacing:0;font-weight:500}
.v184 .chips{display:flex;flex-wrap:wrap;gap:8px}
.v184 .chips label{cursor:pointer}.v184 .chips input{position:absolute;opacity:0;width:1px;height:1px}
.v184 .chips span{height:40px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;display:flex;align-items:center;font-weight:700;font-size:14.5px;color:#36403a}
.v184 .chips input:checked + span{border-color:var(--g);background:#f2f9f2;color:var(--gd)}
.v184 .chips input:focus-visible + span{outline:2px solid #1d5fa8;outline-offset:2px}
.v184 .drop{display:flex;align-items:center;gap:12px;border:1.5px dashed #b9c4bc;border-radius:14px;padding:12px 14px;background:#fafcfa;cursor:pointer;margin-top:10px}
.v184 .drop .ic2{width:42px;height:42px;border-radius:12px;background:var(--gl);color:var(--gd);display:flex;align-items:center;justify-content:center;flex:none}
.v184 .drop .b2{margin-left:auto;border:1.4px solid var(--g);color:var(--g);border-radius:10px;height:36px;padding:0 12px;display:flex;align-items:center;font-weight:700;font-size:14px;flex:none}
.v184 .big{width:76px;height:76px;border-radius:50%;background:var(--gl);color:var(--gd);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
@media (max-width:860px){
  .v184 .stage.wide{grid-template-columns:1fr}
  .v184 .g2{grid-template-columns:1fr}

  .v184 .stage{grid-template-columns:1fr;min-height:0}
  .v184 .brand{display:none}
  .v184 .phtop{display:block;background:linear-gradient(150deg,#174f1c,#2e7d32 60%,#4caf50);color:#fff;padding:22px 20px 40px}
  .v184 .phtop .logo{font-size:20px}.v184 .phtop .logo i{width:40px;height:40px;font-size:16px}
  .v184 .phtop h1{font-size:25px;margin:20px 0 4px;line-height:1.2}.v184 .phtop .sub{font-size:15px;opacity:.9}
  .v184 .side{padding:0;display:block}
  .v184 .card{max-width:none;border:0;border-radius:24px 24px 0 0;margin-top:-20px;position:relative;box-shadow:none;padding:24px 20px 32px;min-height:calc(100vh - 120px)}
  .v184 .otp{gap:7px}.v184 .otp input{height:56px;font-size:24px}
}

/* V191: demo contact and copyright */
@media (min-width:861px){.v184 .brand{display:flex;flex-direction:column}}
.v184 .demo{margin-top:auto;padding-top:36px;position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;max-width:460px}
.v184 .demo .dt b{display:block;font-size:17px}.v184 .demo .dt span{font-size:14.5px;opacity:.88}
.v184 .demo .da{display:flex;gap:10px;flex-wrap:wrap}
.v184 .demo .da a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:15.5px;text-decoration:none;border:1px solid rgba(255,255,255,.28)}
.v184 .demo .da a:hover{background:rgba(255,255,255,.26)}
.v184 .copy{margin-top:22px;font-size:13px;opacity:.8;position:relative;z-index:1}
.v184 .side{flex-direction:column}
.v184 .pfoot{display:none}
@media (max-width:860px){
  .v184 .pfoot{display:block;text-align:center;font-size:13px;color:#6b736d;padding:14px 16px 24px;line-height:1.7;background:#fff}
  .v184 .pfoot a{color:#1f6b25;font-weight:700;text-decoration:none}
  .v184 .card{min-height:calc(100vh - 230px)}
}
/* V193: links to Find a doctor / How it works */
.v184 .tqx{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.v184 .tqx a{display:block;border:1.5px solid #dfe5e0;border-radius:14px;padding:10px 12px;text-decoration:none;color:#1a1c1a;background:#fafcfa}
.v184 .tqx a:hover{border-color:#b9d9bb;background:#f2f8f2}
.v184 .tqx b{display:block;font-size:14.5px;color:#1f6b25}.v184 .tqx small{color:#6b736d;font-size:12.5px}

/* V195: "Booking with Dr. X" while signing in */
.v184 .bkwith{display:flex;gap:12px;align-items:center;background:#eef7ee;border:1px solid #cfe5d0;border-radius:14px;padding:11px 12px;margin-bottom:16px}
.v184 .bkwith .ba{width:42px;height:42px;border-radius:12px;background:#fff;color:#1f6b25;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;flex:none}
.v184 .bkwith b{display:block;font-size:15px;color:#1a1c1a}.v184 .bkwith small{color:#5b655e;font-size:13px}
.v184 .bkwith>span:last-child{flex:1;min-width:0}.v184 .bkwith small{display:block;overflow-wrap:anywhere}
@media (max-width:860px){.v184 .stage,.v184 .stage.wide{grid-template-columns:minmax(0,1fr)}.v184 .stage>*{min-width:0}}

/* V203: "Try the live demo" (production) and the demo site's one-tap roles */
.v184 .tqdemo{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-radius:14px;border:1.5px dashed #6b5bd6;background:#f5f3ff;text-decoration:none;color:#2b2160}
.v184 .tqdemo:hover{background:#ece8ff}
.v184 .tqdemo .dp{width:38px;height:38px;border-radius:10px;background:#6b5bd6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.v184 .tqdemo b{display:block;font-size:15px}.v184 .tqdemo small{color:#5a5480;font-size:12.5px}
.v184 .tqdemo .go{margin-left:auto;color:#6b5bd6}
.v184 .demo .da a.dtry{background:#fff;color:#1b5e20;border-color:#fff}
.v184 .role .go.dtry{display:inline-flex;align-items:center;gap:2px;color:#1f6b25;font-weight:700;font-size:14px;white-space:nowrap}
.v184 .dreset{margin-top:14px;text-align:center}
.v184 .dreset button{background:none;border:0;color:#8a6d00;font:600 13.5px/1 inherit;font-family:inherit;cursor:pointer;text-decoration:underline}

/* V208: location fields */
.v184 .g2x{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.v184 .g2x>div{min-width:0}
.v184 .g2x .inp select,.v184 .g2x .inp input,.v184 #l-city-w select{width:100%;min-width:0;text-overflow:ellipsis}
.v184 .g2x .inp select,.v184 .g2x .inp input{font-size:17px}
.v184 input.v206-typed{height:50px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;font:inherit;font-size:17px;width:100%;margin:-6px 0 12px}