:root{font-family:Arial,Helvetica,sans-serif;color:#163f3b;background:#f3f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8e0d9;gap:20px}.brand{font-size:27px;font-weight:800;letter-spacing:4px;text-decoration:none;color:inherit}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}#connection{font-size:13px}main{max-width:1100px;margin:38px auto;padding:0 24px}h1{font-size:34px;letter-spacing:-1px;margin:8px 0 22px}h2{font-size:22px}p{line-height:1.6;color:#566e67}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.card{padding:28px;background:#fff;border:1px solid #dce5dc;border-radius:18px;margin-bottom:22px}.narrow{max-width:440px;margin:80px auto}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.token{font-size:80px;font-weight:700;margin:15px 0 25px;font-variant-numeric:tabular-nums}button{border:0;border-radius:9px;background:#176355;color:#fff;padding:14px 22px;font-size:16px;font-weight:600;cursor:pointer;min-height:48px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:wait}button.secondary{background:#eaf0ea;color:#214e44}.danger{background:#a23838}.buttons{display:flex;gap:12px;flex-wrap:wrap}label{display:block;font-size:14px;margin:18px 0}input,select{display:block;width:100%;padding:13px;border:1px solid #9aafa5;border-radius:8px;font:inherit;margin-top:8px}a{color:#166354}#displayLink{display:inline-block;padding:16px 20px 16px 0;font-weight:bold}.badge{padding:9px 14px;border-radius:25px;background:#e9f2ea;white-space:nowrap}.row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3eae3;padding:16px 0}.row strong{font-size:21px}.row small{color:#667f73;margin-left:16px}summary{cursor:pointer;font-weight:bold}footer{text-align:center;color:#7d9288;font-size:12px;padding:25px}[hidden]{display:none!important}.displayMode{background:#0c302d;color:#f4f5e9}.displayMode header{border-color:#29514a}.displayMode #display{max-width:none;margin:4vh auto;text-align:center}.displayTitle{font-size:clamp(22px,3vw,50px);letter-spacing:8px;color:#b7ccb9}.displayToken{font-size:clamp(110px,24vw,360px);font-weight:700;line-height:1.2;color:#e4d49d;font-variant-numeric:tabular-nums}.urdu{font-size:clamp(22px,3vw,38px);line-height:2}.upcoming{padding:25px;font-size:20px;letter-spacing:3px;color:#b7ccb9}#upNext{color:white;margin-left:25px;letter-spacing:0}.displayTools{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.displayTools label{margin:0;font-size:12px}.displayTools select{margin-top:3px;max-width:250px;padding:8px}.displayMode p{color:#b7ccb9}.offline{color:#c95b32!important}.displayMode .offline{color:#ffd084!important}@media(max-width:650px){.columns{grid-template-columns:1fr;gap:0}main{padding:0 16px;margin-top:24px}.card{padding:22px}h1{font-size:27px}.heading{flex-wrap:wrap}.brand{font-size:21px}.displayTitle{letter-spacing:4px}.row small{display:block;margin:5px 0}.displayTools{gap:8px}header{padding:20px}}

.clinicLogo{display:block;width:145px;height:auto;background:white;border-radius:7px;padding:6px}.displayMode .clinicLogo{width:130px}.manual{border:2px solid #39b9b3}.manual form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.manual label{margin:0;max-width:240px}.manual button{margin-top:12px}

/* Blue, turquoise and white from the supplied clinic branding and ticket. */
:root{color:#123d62;background:#f5f5f5}header{background:white;border-color:#dbe6ed}p{color:#526678}.card{border-color:#dce6eb}button{background:#0963ab}button.secondary{background:#e5f6f5;color:#096965}.danger{background:#dc3545!important}a{color:#0862aa}.badge{background:#e2f5f3;color:#167a75}.manual{border-color:#3dbbb5}.eyebrow{color:#0963ab}#recall{background:#ffc107;color:#332800}#issue{background:#198754}.row{border-color:#dde8ed}.ticketLink{align-self:center;padding:12px}.displayMode{background:#f5f5f5;color:#123d62}.displayMode header{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px 20px 12px;border-color:#dce6eb}.displayMode .clinicLogo{width:clamp(130px,16vw,220px);max-height:20vh;object-fit:contain;padding:0;border-radius:0}.displayMode #connection{color:#167b70}.displayMode #display{margin:2vh auto}.displayTitle{color:#0963ab;font-size:clamp(20px,2.5vw,38px)}.displayToken{color:#0963ab;font-size:clamp(110px,20vw,270px);line-height:1.1}.urdu{color:#167e79}.upcoming{color:#0963ab;padding:16px}#upNext{color:#167e79}.displayMode p{color:#526678}.displayMode .offline{color:#ab3b22!important}.displayTools{margin-top:14px}footer{color:#637d8c}.displayMode footer{padding:12px}