/* AI bill entry step window (js/aiwizard.js) and AI Teacher camera (js/aiteacher.js) — 2026-10-18 */
body.adw-on{overflow:hidden}
#adw,#atc{position:fixed;inset:0;z-index:9500;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:16px}
#adw[hidden],#atc[hidden]{display:none}
.adw-box{background:#fff;color:#1d2433;width:min(1240px,100%);height:min(860px,100%);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;font-size:15px}
.adw-head{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(90deg,#1565c0,#1e88e5);color:#fff}
.adw-head>i{font-size:20px}.adw-head b{flex:1;font-size:17px}
.adw-head button{border:0;background:rgba(255,255,255,.2);color:#fff;border-radius:9px;padding:7px 11px;font-size:13.5px;cursor:pointer}
.adw-head button:hover{background:rgba(255,255,255,.32)}.adw-x{font-size:17px!important;width:38px}
.adw-docbtn{display:none}
.adw-steps{display:flex;gap:4px;margin:0;padding:10px 16px;list-style:none;background:#f3f6fb;border-bottom:1px solid #e3e8f0;overflow-x:auto}
.adw-steps li{display:flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:20px;color:#7a8699;white-space:nowrap;font-size:13.5px}
.adw-steps li span{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dfe5ee;color:#5b6678;font-size:12.5px;font-weight:700}
.adw-steps li.ok{color:#17803a}.adw-steps li.ok span{background:#17803a;color:#fff}
.adw-steps li.now{background:#1565c0;color:#fff}.adw-steps li.now span{background:#fff;color:#1565c0}
.adw-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:0}
.adw-doc{background:#525b66;display:flex;flex-direction:column;min-height:0;position:relative}
.adw-doc iframe{flex:1;border:0;width:100%;background:#fff}
.adw-doc img{flex:1;min-height:0;width:100%;object-fit:contain;cursor:zoom-in;background:#525b66}
.adw-doc img.zoom{object-fit:none;object-position:top left;overflow:auto;cursor:zoom-out}
.adw-doc a{color:#fff;font-size:13px;padding:7px 12px;text-decoration:none;background:rgba(0,0,0,.35)}
.adw-nodoc{color:#cfd6df;margin:auto}
.adw-main{overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-height:0}
.adw-hint{background:#fff8e6;border:1px solid #f4dfa6;color:#6b4e00;border-radius:10px;padding:9px 12px;font-size:14px;line-height:1.5}
.adw-hint i{color:#d79b00;margin-right:4px}
.adw-card{border:1px solid #e1e7f0;border-radius:14px;padding:16px;box-shadow:0 2px 8px rgba(20,40,80,.06)}
.adw-notes{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.adw-notes div{font-size:13.5px;color:#3f6b3f;background:#f0f8f0;border-radius:8px;padding:6px 10px;white-space:pre-wrap}
.adw-notes div i{color:#2e7d32}.adw-notes div.err{color:#a12020;background:#fdeeee}.adw-notes div.err i{color:#c62828}
.adw-q{font-size:17px;line-height:1.55;white-space:pre-wrap;font-weight:500}
.adw-q.err{color:#a12020}
.adw-html{margin-top:10px;overflow-x:auto}
.adw-html .asx-tbl{width:100%;border-collapse:collapse;font-size:14px}.adw-html .asx-tbl td,.adw-html .asx-tbl th{border-bottom:1px solid #e6eaf0;padding:6px 6px;text-align:left}.adw-html .asx-tbl .n{text-align:right}
.adw-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px;margin-top:14px}
.adw-opt{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:2px solid #cfd9e8;background:#fff;border-radius:12px;font-size:15px;color:#1d2433;cursor:pointer;text-align:left;position:relative;transition:border-color .12s,background .12s}
.adw-opt:hover,.adw-opt:focus-visible{border-color:#1565c0;background:#f2f7fe;outline:none}
.adw-opt>i{color:#1565c0;width:18px;text-align:center}
.adw-opt .adw-lbl{flex:1;word-break:break-word}
.adw-opt em{font-style:normal;font-size:11.5px;background:#17803a;color:#fff;border-radius:10px;padding:2px 8px}
.adw-opt.sug{border-color:#17803a;background:#f1faf3}.adw-opt.sug>i{color:#17803a}
.adw-opt.fin{border-color:#1565c0;background:#1565c0;color:#fff}.adw-opt.fin>i{color:#fff}.adw-opt.fin:hover{background:#0d4fa0}
.adw-opt.bad{border-color:#f0c9c9;color:#a12020}.adw-opt.bad>i{color:#c62828}
.adw-key{display:inline-flex;width:22px;height:22px;border-radius:6px;background:#eef2f7;color:#6b7587;font-size:12px;align-items:center;justify-content:center;font-weight:700;flex:none}
.adw-opt.fin .adw-key{background:rgba(255,255,255,.25);color:#fff}
.adw-type{display:flex;gap:8px;margin-top:12px}
.adw-type input{flex:1;min-width:0;font-size:16px;padding:12px 14px;border:2px solid #1565c0;border-radius:10px}
.adw-ok{border:0;background:#1565c0;color:#fff;border-radius:10px;padding:0 18px;font-size:15px;font-weight:600;cursor:pointer;min-height:46px}
.adw-ans{font-size:13.5px;color:#4a5568}.adw-ans summary{cursor:pointer;font-weight:600;padding:4px 0}
.adw-ans ol{margin:6px 0 0 18px;padding:0;line-height:1.8}.adw-ans a{margin-left:6px;font-size:12.5px}
.adw-as{display:inline-block;min-width:92px;color:#7a8699}
.adw-foot{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid #e3e8f0;background:#fafbfd}
.adw-back,.adw-cancel{border:2px solid #cfd9e8;background:#fff;border-radius:10px;padding:9px 16px;font-size:15px;cursor:pointer;color:#1d2433;font-weight:600;min-height:46px}
.adw-back:not(:disabled):hover{border-color:#1565c0;color:#1565c0}.adw-back:disabled{opacity:.45;cursor:default}
.adw-back.on{background:#17803a;border-color:#17803a;color:#fff}
.adw-cancel{color:#a12020;border-color:#f0c9c9}
.adw-safe{flex:1;font-size:13px;color:#5b6678}.adw-safe i{color:#17803a}
@media (max-width:860px){
  #adw,#atc{padding:0}.adw-box{width:100%;height:100%;border-radius:0}
  .adw-docbtn{display:inline-block}.adw-body{grid-template-columns:1fr}
  .adw-box:not(.doc) .adw-doc{display:none}.adw-box.doc .adw-main{display:none}
  .adw-steps li:not(.now) b{display:none}.adw-steps li{padding:4px}
  .adw-opts{grid-template-columns:1fr}.adw-safe{display:none}.adw-foot{justify-content:space-between}
  .adw-q{font-size:16px}
}
/* AI Teacher camera */
.atc-body{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:0}
.atc-cam{background:#000;position:relative;min-height:0;display:flex}
.atc-cam video{width:100%;height:100%;object-fit:contain}
.atc-aim{position:absolute;inset:8%;border:2px dashed rgba(255,255,255,.35);border-radius:14px;pointer-events:none}
.atc-side{overflow-y:auto;padding:16px 18px;min-height:0;line-height:1.6}
.atc-side h3{margin:0 0 6px;font-size:18px}.atc-side p{margin:4px 0 10px;font-size:15.5px}
.atc-steps{margin:0 0 10px 20px;padding:0;font-size:15px}.atc-steps li{margin:3px 0}
.atc-prod{background:#f2f7fe;border:1px solid #cfe0f6;border-radius:10px;padding:8px 12px;margin:8px 0;font-size:14px}
.atc-acts{display:grid;gap:8px;margin-top:10px}
.atc-help ol{margin:6px 0 0 20px;padding:0;font-size:15px}.atc-wait{font-size:16px;color:#1565c0}.atc-err{color:#a12020;font-size:15px}
.atc-foot{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #e3e8f0;background:#fafbfd;align-items:center}
.atc-foot input{flex:1;min-width:0;font-size:15px;padding:11px 12px;border:2px solid #cfd9e8;border-radius:10px}
.atc-mic{width:48px;height:46px;border-radius:12px;border:0;background:#e9eef6;color:#1565c0;font-size:18px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;flex:none}
.atc-mic.on{background:#d33a4a;color:#fff}
@media (max-width:860px){.atc-body{grid-template-columns:1fr;grid-template-rows:minmax(0,42vh) minmax(0,1fr)}.atc-foot{flex-wrap:wrap}.atc-foot input{order:-1;flex-basis:100%}}
.adw-doc a.adw-pdfbig{margin:auto;background:#fff;color:#1565c0;border-radius:14px;padding:22px 26px;font-size:17px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:10px}
.adw-doc a.adw-pdfbig i{font-size:44px;color:#c62828}
@media (max-width:860px){.adw-key{display:none}}
.atc-eng{font-size:12px;color:#5b6678;margin-bottom:4px}.atc-eng i{color:#17803a}
.atc-alt,.atc-more{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0;font-size:13.5px}
.atc-alt b,.atc-more b{flex-basis:100%;color:#4a5568}
.atc-alt button,.atc-more button{border:1px solid #cfd9e8;background:#fff;border-radius:16px;padding:6px 11px;font-size:13.5px;cursor:pointer;text-align:left}
.atc-alt button:hover,.atc-more button:hover{border-color:#1565c0;color:#1565c0}
