/* Qmed Asia tokens and logo: Admin2 app/globals.css and public/logo/.
   Plain CSS preserves compatibility with the hospital's older Safari versions. */
@font-face{font-family:Inter;src:url('assets/inter-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--qmed-teal:#0fbab2;--qmed-teal-700:#0a8f88;--qmed-teal-100:#e6f7f6;--qmed-yellow:#fdb913;--ink:#1a1817;--muted:#6c6a64;--green:#0fbab2;--line:#e6dfd8;--bg:#faf9f5;--surface:#fff;--shadow-card:0 1px 3px rgba(35,25,15,.04),0 4px 12px rgba(35,25,15,.04)}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.1px}
a{color:#086f6a;text-underline-offset:3px}
a:hover{color:#064d49}
button{border-radius:12px;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s}
button:disabled{opacity:.55}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--qmed-teal-700);outline-offset:3px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--qmed-teal-700);outline-offset:2px}
.primary{background:var(--qmed-teal);color:#04211f;border-color:var(--qmed-teal)}
.primary:hover:not(:disabled){background:#0da39c;border-color:#0da39c}
.secondary{background:var(--surface);border-color:#cfc8bd;color:var(--ink)}
.secondary:hover:not(:disabled){background:#f2fbfa;border-color:var(--qmed-teal-700)}
.text-button{color:#086f6a}
.big-button{min-height:54px;font-size:16px}
.card{border-radius:20px;box-shadow:var(--shadow-card)}
.brand{display:flex;align-items:center;line-height:1;letter-spacing:0}
.brand img{display:block;width:184px;height:auto;max-width:100%}
.badge{font-size:10px;font-weight:600;letter-spacing:.8px;color:#086f6a;background:var(--qmed-teal-100);border:1px solid #c8eae7;border-radius:999px;padding:6px 10px;white-space:nowrap}
header{border-bottom:1px solid var(--line);margin-bottom:8px}
h1{font-weight:700;letter-spacing:-.8px}
h2{font-weight:600}
label{font-weight:600;color:var(--ink)}
input,select,textarea{border-color:#cfc8bd;border-radius:12px}
select{min-height:52px;padding:12px}
.notice{background:#fffaec;border-color:#efdb9c;color:#5d4713;border-radius:12px}
.step-number{background:var(--qmed-teal-100);color:#086f6a}
.result-buttons button[aria-pressed=true]{background:var(--qmed-teal-100);border-color:var(--qmed-teal-700)}
.package.selected{background:var(--qmed-teal-100);border-color:var(--qmed-teal-700)}
.package{background:#faf9f5;border-color:var(--line);color:var(--ink)}
.advanced{box-shadow:none;border-radius:16px}
.advanced>summary{color:#3d3d3a}
.photo-card{box-shadow:none}
.photo-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-bottom:18px}
.photo-brand img{display:block;width:146px;height:auto}
.photo-brand .report-label{float:none;text-align:right;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.7px;color:var(--muted)}
.photo-brand .report-label span{float:none;display:block;font-size:10px;letter-spacing:0;font-weight:400}
.photo-result{background:#f2eee6;color:#3d3d3a;font-weight:600;border:1px solid var(--line)}
.photo-result[data-tone=success]{background:var(--qmed-teal-100);color:#075e59;border-color:#c8eae7}
.photo-result[data-tone=warning]{background:#fffaec;color:#5d4713;border-color:#efdb9c}
.photo-summary dd{font-weight:600;font-variant-numeric:tabular-nums}
.photo-tip{padding-top:10px}
#live-status{color:#086f6a}
footer{font-size:11px;line-height:1.6}
@media(max-width:480px){.brand img{width:156px}.badge{font-size:9px;padding:5px 8px}.photo-brand img{width:132px}.photo-brand{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}