.clinic-screen-dialog{box-sizing:border-box;width:430px;max-width:calc(100vw - 32px);max-height:85vh;padding:0;border:1px solid #447fbb;border-radius:16px;background:linear-gradient(140deg,#123355,#0b203c);color:#e4f1ff;box-shadow:0 24px 100px #0009;font-family:inherit}.clinic-screen-dialog::backdrop{background:#041124a8;backdrop-filter:blur(5px)}.clinic-screen-dialog>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;background:#153759;border-bottom:1px solid #3672a4}.clinic-screen-dialog h2{margin:0;font-size:18px}.clinic-screen-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid #5284b3;border-radius:8px;background:#22466b;color:#e7f3ff;font-size:24px;cursor:pointer}.clinic-screen-close:hover{background:#316393}.clinic-screen-body{padding:18px}.clinic-screen-dialog.is-waiting{width:1120px}.clinic-screen-body>p{font-size:13px;color:#aac9ed}.waiting-screen-stats{padding:18px;background:#18416b;border:1px solid #336997;border-radius:10px;color:#a8d5ff;font-weight:600}.waiting-screen-table{overflow:auto;margin-top:18px}.waiting-screen-table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.waiting-screen-table th{text-align:left;color:#8fbfee;background:#163c65;padding:13px 12px}.waiting-screen-table td{padding:13px 12px;border-bottom:1px solid #2a4c70}.waiting-screen-table td:nth-child(5){color:#ffd38b;font-weight:700}.waiting-screen-table td:nth-child(6){color:#7fbaff;font-weight:700}.waiting-screen-table small{display:block;margin-top:5px;color:#8eaccd}.waiting-screen-table button{border:0;background:transparent;padding:0;color:#c8e5ff;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.waiting-screen-table tr:hover{background:#1b4166}.clinic-screen-dialog button:focus-visible{outline:2px solid #88c5ff;outline-offset:3px}@media(max-width:600px){.clinic-screen-dialog>header{padding:14px}.clinic-screen-body{padding:12px}.waiting-screen-stats{font-size:13px;line-height:1.8}}
.screen-html-dialog{width:max-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden;border-radius:12px}.screen-html-dialog.is-waiting{width:max-content}.screen-html-dialog>header{box-sizing:border-box;min-height:58px;padding:12px 16px}.screen-html-dialog h2{font-size:15px}.screen-html-dialog .clinic-screen-body{position:relative;overflow:hidden;padding:0;background:#086cf0;box-sizing:content-box}.clinic-screen-frame{display:block;position:absolute;inset:0;border:0;transform-origin:top left;background:#086cf0}.screen-html-dialog.is-loading .clinic-screen-frame{opacity:0}.screen-html-dialog.is-loading .clinic-screen-body::after{content:'正在加载屏幕…';position:absolute;inset:0;display:grid;place-items:center;color:#fff}@media(max-width:600px){.screen-html-dialog>header{padding:10px 12px}.screen-html-dialog h2{font-size:13px}}

/* Keep the screen canvas at its design resolution and fit its entire frame. */
.clinic-screen-dialog.screen-html-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden}.clinic-screen-dialog.screen-html-dialog>header{position:relative;display:flex;box-sizing:border-box;height:58px;min-height:58px;padding:0 14px 0 18px;gap:12px;align-items:center}.screen-html-dialog>header h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.clinic-screen-dialog.screen-html-dialog .clinic-screen-close{position:static;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 32px;width:32px;height:32px;margin:0;padding:0;line-height:1;outline:none!important;box-shadow:none!important;transform:none;border-radius:7px}.clinic-screen-dialog.screen-html-dialog .clinic-screen-close svg{display:block;width:18px;height:18px;flex:0 0 18px}.clinic-screen-dialog.screen-html-dialog .clinic-screen-close:focus{outline:none!important;box-shadow:none!important}.clinic-screen-dialog.screen-html-dialog .clinic-screen-close:focus-visible{outline:none!important;border-color:#9acaff;background:#315c85}.screen-html-dialog .clinic-screen-body{flex:none;margin:0;border:0;aspect-ratio:9/16}.screen-html-dialog.is-waiting .clinic-screen-body{aspect-ratio:16/9}@media(max-width:600px){.clinic-screen-dialog.screen-html-dialog>header{height:58px;padding:0 12px}}