/* Shared SATI operation UI; reuse installed fonts and brand assets. */
:root{--t101-teal:#083f3b;--t101-cream:#f7f0e5;--t101-gold:#d4a64a}
body{background:var(--t101-cream);color:#113d39;font-family:'Noto Sans Thai',system-ui,sans-serif}.v96-main{padding-bottom:110px!important}.t101-heading{padding:22px 0}.t101-heading h1{font-size:clamp(26px,4vw,40px);line-height:1.45;margin:8px 0}.t101-heading p{max-width:76ch;line-height:1.8}.t101-ey{font-size:12px;letter-spacing:.1em;color:#75571e}.t101-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:18px 0}.t101-toolbar,.v96-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}.t101-toolbar label{min-width:180px;flex:1}.t101-form{display:grid;gap:20px;max-width:850px}label{display:grid;gap:7px;font-size:16px}input,select,textarea{font:inherit;max-width:100%;min-width:0;width:100%;padding:12px;border:1px solid #a8b7af;border-radius:12px;background:#fff;color:#153d42;min-height:48px}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:22px;min-height:22px;accent-color:#0b4f4d}.t101-check{display:flex;align-items:center;gap:12px}fieldset{border:1px solid #c4cabc;border-radius:14px;display:grid;gap:12px;padding:18px}.t101-visit,.t101-task,.t101-qr{min-width:0;overflow-wrap:anywhere}.t101-visit h2{font-size:23px;line-height:1.55;margin:12px 0}.t101-badge{display:inline-block;float:right;font-size:13px;padding:4px 10px;border-radius:30px;background:#e1eee8}.t101-task{border:1px solid #d2c8b4;border-radius:18px;padding:18px;background:#fffaf2}.t101-task h3{font-size:21px;line-height:1.6}.t101-task p{line-height:1.75}.t101-task .v96-btn{margin:12px 0 0;min-height:48px}.t101-small{font-size:14px;line-height:1.75;color:#59675e}.t101-wait{border-left:3px solid #a47924;padding:8px 12px;background:#fcf1d5;color:#64480b}.t101-notice{padding:14px 18px;margin:16px;border-radius:12px;background:#e1f0e7;overflow-wrap:anywhere}.t101-notice.error{background:#fbe5df;color:#7c2a21}.t101-links{display:grid;gap:15px}.t101-links a{color:#0a5149;padding:14px;border-bottom:1px solid #ddd}.t101-qr canvas,.t101-qr img{max-width:100%;height:auto}.t101-qr{padding:12px}.t101-qr button{margin:16px 0}.v96-tabs button{min-width:0;white-space:normal;font-size:14px}.v96-top{flex-wrap:wrap;height:auto;min-height:80px}.v96-top img{width:56px;height:56px;object-fit:contain}.v96-top .v96-actions{margin:0}.v96-top>div{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1b78a5;outline-offset:3px}@media(max-width:500px){.v96-main{padding:14px 14px 110px!important}.v96-card{padding:18px}.v96-top{padding:12px}.v96-top b{font-size:17px}.v96-top .v96-actions{width:100%}.v96-top .v96-btn{flex:1}.t101-toolbar{align-items:stretch}.t101-toolbar .v96-btn{flex:1;min-width:150px}.t101-grid{grid-template-columns:1fr}.v96-tabs{width:100%;max-width:100vw}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.t101-qr svg{display:block;width:240px;max-width:100%;height:auto;background:white}

.v96-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}.t101-qr-dialog{position:fixed;inset:0;margin:auto;border:1px solid #b7ab8c;border-radius:22px;background:#fffdf8;color:#153d42;width:min(92vw,440px);max-height:92dvh;overflow:auto;padding:24px;text-align:center}.t101-qr-dialog::backdrop{background:#092c31d9}.t101-qr-dialog h2{font-size:21px;line-height:1.6}.t101-qr-dialog svg{display:block;width:min(300px,100%);height:auto;margin:12px auto;background:white}.t101-qr-dialog .v96-btn{margin-top:12px;width:100%}.s10-copyright a,.t101-form a{color:#0b514b}