@import url('/static/fonts.css');
:root{--ink:#193d40;--muted:#758789;--teal:#087f86;--cyan:#149da9;--pale:#e9f5f3;--paper:#f6f8f7;--line:#dfe8e5;--white:#fff;--orange:#bc7443;font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #52bcc8;outline-offset:3px}.header{height:100px;padding:0 4.5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:var(--teal);color:white;border-radius:14px;font-size:36px;font-weight:500}.brand strong{font-size:21px;letter-spacing:3px;display:block}.brand small{font-size:8px;letter-spacing:2px;display:block;margin-top:4px;color:var(--muted)}nav{display:flex;gap:32px;margin:auto;font-size:14px;height:100%;align-items:center}nav a{height:100%;display:flex;align-items:center;position:relative;color:var(--muted);gap:8px}nav a.active{color:var(--teal);font-weight:700}nav a.active:after{content:"";height:3px;background:var(--teal);position:absolute;bottom:0;left:0;right:0}.header-date{font-size:12px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:46px 4.5% 64px}.eyebrow{font-size:11px;letter-spacing:2.2px;color:var(--teal);font-weight:750;text-transform:uppercase}h1{font-size:38px;font-weight:650;letter-spacing:1px;margin:13px 0 12px;line-height:1.45}h2{font-size:23px;letter-spacing:.5px;margin:0 0 12px}h3{font-size:16px;margin:0}p{line-height:1.8}.muted,.hint{color:var(--muted)}.subtitle{color:var(--muted);font-size:14px;margin:0}.page-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:16px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #d4e7e2;background:#f0f8f5;border-radius:24px;padding:8px 13px;font-size:12px;color:var(--teal);white-space:nowrap}.dot{height:6px;width:6px;background:#2fa293;border-radius:50%;display:inline-block}.patient-layout{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.85fr);gap:28px}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:30px}.stepper{display:flex;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:27px;gap:10px;align-items:center;font-size:13px;color:#8b999a}.step{display:flex;align-items:center;gap:8px;white-space:nowrap}.step b{height:24px;width:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px}.step.active{color:var(--teal);font-weight:bold}.step.active b{background:var(--teal);color:white;border:0}.step-line{height:1px;background:var(--line);flex:1}.form-intro{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.form-intro h2{font-size:19px}.form-intro span{font-size:11px;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:22px}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.field.wide{grid-column:1/-1}.field em{font-style:normal;color:var(--teal)}input,select{background:#fcfdfc;border:1px solid #dbe4e1;border-radius:8px;padding:13px 14px;color:var(--ink);width:100%;min-height:47px;font-size:14px}input::placeholder{color:#a6b1b0}input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--teal);flex-shrink:0}.consent{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:12px;line-height:1.8;margin:22px 0}.consent input{margin-top:3px}.button{min-height:47px;border-radius:8px;padding:12px 20px;border:1px solid transparent;font-weight:650;font-size:14px;display:inline-flex;gap:12px;align-items:center;justify-content:center}.primary{background:var(--teal);color:white}.primary:hover{background:#076c73}.secondary{background:white;border-color:var(--line);color:var(--ink)}.full{width:100%}.form-note{text-align:center;font-size:11px;color:var(--muted);margin:12px 0 0}.aside-stack{display:flex;flex-direction:column;gap:22px}.live-card{background:#eaf3f0;border-color:#e0ece7;padding:27px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head .eyebrow{font-size:10px}.section-head h2{font-size:17px;margin:0}.small-select{min-height:35px;width:auto;max-width:190px;padding:7px 25px 7px 10px;background:#fff;font-size:12px}.mini-current{display:flex;justify-content:space-between;align-items:center;padding:18px 0 24px;border-bottom:1px solid #d2e3dc}.number{font-variant-numeric:tabular-nums;letter-spacing:-3px;font-weight:650}.mini-current .number{font-size:80px;line-height:1.1;color:var(--teal)}.mini-label{font-size:12px;color:var(--muted);margin-bottom:10px}.room-badge{background:white;border-radius:7px;padding:8px 12px;font-size:12px}.mini-stats{display:flex;gap:35px;padding-top:20px;font-size:12px;color:var(--muted)}.mini-stats b{display:block;font-size:24px;margin-top:6px;color:var(--ink);font-weight:600}.journey{padding:7px 0 0}.journey-row{display:flex;gap:16px;margin-bottom:24px}.journey-icon{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border:1px solid var(--line);border-radius:11px;color:var(--teal);font-size:15px}.journey-row h3{font-size:13px;margin:0 0 6px}.journey-row p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.journey .journey-row:last-child{margin:0}.notice{font-size:12px;padding:13px 16px;background:#f7f4ed;border:1px solid #eae2d2;border-radius:9px;line-height:1.8;color:#827259}.notice a{color:var(--teal);text-decoration:underline}.footer{max-width:1310px;padding:24px 0;margin:0 auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.error{background:#fff0ef;color:#a03d33;padding:12px;border-radius:8px;font-size:13px;margin:14px 0}.success{color:var(--teal);background:var(--pale);padding:15px;border-radius:9px;font-size:13px}.receipt{text-align:center}.receipt .number{font-size:100px;line-height:1.15;color:var(--teal);margin:18px 0}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;padding:22px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);gap:15px}.receipt-grid span{display:block;font-size:12px;color:var(--muted)}.receipt-grid strong{display:block;margin-top:9px;font-size:21px}.receipt .button{margin-top:10px}.receipt .notice{text-align:left}.text-link{background:none;border:0;font-size:13px;color:var(--teal);text-decoration:underline;margin:14px}.screen-tools{display:flex;gap:10px;align-items:center}.screen-tools select{width:180px}.board-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.current-panel{background:var(--teal);color:white;min-height:355px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.current-panel:after{content:"＋";position:absolute;font-size:280px;line-height:1;color:#ffffff07;right:-35px;bottom:5px;pointer-events:none}.current-panel .eyebrow{color:#a9dfe1}.current-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px}.current-panel .number{font-size:clamp(100px,10vw,168px);line-height:1.15;letter-spacing:-7px}.current-patient{display:flex;justify-content:space-between;align-items:end}.current-patient strong{font-size:25px;font-weight:500}.current-patient span{font-size:13px;color:#b9dfe0}.current-empty{font-size:32px;line-height:1.5;margin:20px 0}.next-panel{display:flex;flex-direction:column;justify-content:space-between}.upcoming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.queue-tile{background:#f3f5f4;border:1px solid #edf0ef;border-radius:12px;text-align:center;padding:16px 6px;color:#9eabaa}.queue-tile.ready{background:#e9f6f6;border-color:#cae9e9;color:var(--cyan)}.queue-tile .number{font-size:42px;letter-spacing:-1px;line-height:1.1}.queue-tile small{display:block;font-size:11px;margin-top:9px}.queue-tile .tile-name{font-size:12px;margin-top:6px}.legend{display:flex;gap:18px;font-size:11px;color:var(--muted);margin:18px 0 0}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9eabaa;margin-right:6px}.legend i.teal{background:var(--cyan)}.waiting-strip{margin-top:25px;display:flex;align-items:center;gap:30px;padding:22px 28px;min-height:107px}.strip-title{padding-right:30px;border-right:1px solid var(--line);flex-shrink:0}.strip-title small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:6px}.waiting-items{display:flex;gap:30px;flex:1}.waiting-item{display:flex;gap:12px;align-items:center}.waiting-item b{color:var(--teal);font-size:28px;letter-spacing:-1px}.waiting-item span{font-size:13px;white-space:nowrap}.empty{color:var(--muted);font-size:14px;padding:30px 0;line-height:1.8}.connection{font-size:12px;color:var(--teal);display:flex;align-items:center;gap:7px}.connection.offline{color:#b56243}.connection.offline .dot{background:#b56243}.display-mode main{max-width:1800px}.display-mode .footer{max-width:none;margin:0 4.5%}.display-mode .current-panel{min-height:420px}.display-mode .queue-tile .number{font-size:clamp(40px,4.4vw,74px)}.display-mode .current-panel .number{font-size:clamp(135px,14vw,235px)}.display-mode .queue-tile{padding:20px 6px}.clock{font-size:35px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.admin-top{display:flex;gap:10px;align-items:center}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{padding:20px 24px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:32px;font-weight:600;margin-top:5px}.stat.active-stat{background:var(--pale)}.controls{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}.controls .button{flex:1;white-space:nowrap}.controls .primary{flex:2}.staff-board .current-panel{min-height:310px}.staff-board .current-panel .number{font-size:108px}.staff-board .queue-tile{padding:12px 5px}.staff-board .queue-tile .number{font-size:35px}.table-card{margin-top:26px;padding:25px}.table-header{display:flex;justify-content:space-between;gap:15px;align-items:center}.table-header input{max-width:250px;font-size:12px;min-height:39px;padding:10px 12px}.filters{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#fff;padding:7px 13px;font-size:12px}.filter.selected{color:var(--teal);background:var(--pale);border-color:#c5e4df}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;font-weight:500;color:var(--muted);padding:13px 10px;border-bottom:1px solid var(--line);background:#fafcfb}td{padding:15px 10px;border-bottom:1px solid #eef2f0;white-space:nowrap}td .number{font-size:23px;letter-spacing:-.5px;color:var(--teal)}.status{border-radius:5px;padding:5px 8px;font-size:11px;background:#f1f3f2;color:#8d9b98}.status.waiting,.status.called{color:var(--teal);background:var(--pale)}.status.skipped{color:#a4703b;background:#fbf1df}.table-action{border:1px solid #d1e3de;color:var(--teal);background:white;border-radius:6px;padding:7px 12px;font-size:12px;min-height:36px}.table-action:hover{background:var(--pale)}.login-card{max-width:430px;margin:50px auto;padding:35px}.login-card .field{margin:20px 0}.login-card h2{margin-top:12px}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:460px;color:var(--ink);box-shadow:0 20px 100px #153b4430}dialog::backdrop{background:#133a4166;backdrop-filter:blur(3px)}dialog h2{margin:13px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#193d40;color:white;padding:14px 22px;border-radius:10px;z-index:10;box-shadow:0 8px 35px #0002;font-size:13px;max-width:90vw}.loading{text-align:center;padding:100px;color:var(--muted)}.small{font-size:12px}.sound-active{background:var(--pale);color:var(--teal)}.board-footer{display:flex;justify-content:space-between;margin-top:18px}.secure-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:16px}.mini-queue-note{font-size:11px;color:var(--muted);margin-top:19px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1800px){.display-mode .current-panel{min-height:550px}.display-mode .waiting-strip{min-height:140px}.display-mode .waiting-item b{font-size:42px}.display-mode .waiting-item span{font-size:20px}.display-mode .queue-tile small,.display-mode .queue-tile .tile-name{font-size:17px}}
@media(max-width:1000px){.header{padding:0 4%;gap:20px}.header-date{display:none}nav{margin-left:auto;margin-right:0;gap:24px}.patient-layout{grid-template-columns:1.1fr 1fr;gap:20px}.card{padding:23px}.stepper{gap:5px}.step{font-size:11px;gap:5px}.board-layout{grid-template-columns:1.1fr 1fr;gap:18px}.queue-tile .number{font-size:34px}.waiting-items{gap:18px}.waiting-strip{gap:18px}.strip-title{padding-right:18px}.waiting-item{gap:8px}.waiting-item span{font-size:11px}.footer{margin:0 4.5%}}
@media(max-width:760px){.header{height:80px}.brand strong{font-size:18px}.brand small{font-size:6px}.brand-mark{width:38px;height:38px;font-size:30px}.brand{gap:9px}nav{gap:16px;font-size:12px}nav a span{display:none}main{padding-top:30px}.page-top{align-items:flex-start}.page-top h1{font-size:29px}.patient-layout{grid-template-columns:1fr}.aside-stack{display:grid;grid-template-columns:1fr 1fr;gap:15px}.aside-stack>.notice{grid-column:1/-1}.mini-current .number{font-size:64px}.mini-stats{gap:22px}.journey-row{gap:10px}.board-layout{grid-template-columns:1fr}.current-panel,.display-mode .current-panel{min-height:310px}.current-panel .number,.display-mode .current-panel .number{font-size:130px}.next-panel .queue-tile .number{font-size:42px}.upcoming-grid{grid-template-columns:repeat(6,1fr);gap:9px}.next-panel .queue-tile{padding:13px 3px}.queue-tile small{font-size:9px}.queue-tile .tile-name{font-size:10px}.waiting-strip{align-items:flex-start;gap:18px;flex-direction:column}.strip-title{border:0;padding:0}.waiting-items{width:100%;justify-content:space-between}.screen-tools{flex-wrap:wrap;justify-content:flex-end}.screen-tools select{width:135px}.screen-tools .button{padding:9px 12px;min-height:40px;font-size:12px}.stats-row{gap:10px}.stat{padding:15px}.stat strong{font-size:27px}.admin-top{flex-wrap:wrap;justify-content:flex-end}.table-header{flex-wrap:wrap}.footer{flex-direction:column;gap:10px;font-size:10px}.clock{font-size:26px}.display-mode .page-top{align-items:flex-start}.display-mode .screen-tools{max-width:230px}.receipt .number{font-size:100px}}
@media(max-width:460px){.header{padding:0 5%;gap:8px}nav{gap:12px;font-size:11px}.brand small{display:none}.brand strong{font-size:16px;letter-spacing:1px}.brand-mark{width:30px;height:30px;border-radius:9px;font-size:25px}.field-grid{grid-template-columns:1fr;gap:17px}.aside-stack{display:flex}.patient-layout .card{padding:23px}.page-top>.pill{padding:6px 9px;font-size:10px;margin-top:8px}.page-top h1{font-size:26px}.upcoming-grid{grid-template-columns:repeat(3,1fr)}.next-panel .queue-tile .number{font-size:40px}.waiting-items{gap:8px;flex-wrap:wrap}.waiting-item b{font-size:25px}.stats-row{grid-template-columns:repeat(2,1fr)}.controls .primary{flex-basis:100%}.screen-tools select{width:120px}.page-top .subtitle{font-size:12px}.receipt-grid strong{font-size:18px}.staff-board .current-panel .number{font-size:105px}.table-card{padding:18px}.stepper{font-size:10px}.step b{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(min-width:1000px) and (min-height:650px){.display-mode{height:100vh;overflow:hidden}.display-mode .header{height:80px}.display-mode main{height:calc(100vh - 80px);display:flex;flex-direction:column;padding:24px 4.5% 18px}.display-mode .page-top{margin-bottom:22px}.display-mode .page-top h1{font-size:30px;margin:8px 0}.display-mode .board-layout{flex:1;min-height:0}.display-mode .current-panel{min-height:0}.display-mode .current-panel .number{font-size:clamp(130px,18vh,220px)}.display-mode .next-panel{min-height:0}.display-mode .queue-tile{padding:12px 6px}.display-mode .queue-tile .number{font-size:clamp(40px,6vh,76px)}.display-mode .waiting-strip{min-height:95px;margin-top:20px;padding:17px 26px}.display-mode .waiting-item b{font-size:36px}.display-mode .waiting-item span{font-size:16px}.display-mode .footer{display:none}.display-mode .board-footer{margin-top:14px}.display-mode .legend{margin-top:10px}}