
/* Vira classroom report import: accessible RTL preview and local media handoff. */
.vira-bot-import-callout{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0 20px;padding:17px 20px;border:1px solid #acdcd9;border-radius:20px;background:linear-gradient(110deg,#e8fbf9,#fff7dc);box-shadow:0 8px 20px #5d9da014}
.vira-bot-import-callout strong{display:block;font-size:15px;color:#155b65}
.vira-bot-import-callout small{display:block;font-size:12px;line-height:1.9;color:#5b7d8c}
.vira-bot-import-callout button,.vira-bot-toolbar button,.vira-bot-apply{background:#0a948d;border:0;color:white;border-radius:13px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer}
.vira-bot-overlay{position:fixed;inset:0;z-index:100200;padding:max(20px,env(safe-area-inset-top,0px)) 14px 32px;background:#142d4abc;backdrop-filter:blur(7px);overflow:auto;display:flex;align-items:flex-start;justify-content:center}
.vira-bot-dialog{background:#fff;border-radius:25px;width:min(100%,810px);padding:19px 22px 27px;box-shadow:0 24px 70px #1228464b;direction:rtl;margin:auto}
.vira-bot-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e5eff2}
.vira-bot-head h2{margin:10px 0;color:#155e74;font-size:20px}
.vira-bot-head button{border:none;background:#eef5fa;color:#34566b;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}
.vira-bot-help,.vira-bot-review-note{font-size:12px;color:#617e90;line-height:2}
.vira-bot-toolbar{display:flex;gap:9px;margin:15px 0;flex-wrap:wrap}
.vira-bot-toolbar button.light{background:#e6f4f8;color:#17677c}
.vira-bot-notice{padding:8px 11px;color:#176c78;background:#eff9fa;border-radius:10px;margin:8px 0;font-size:12px;min-height:30px}
.vira-bot-notice.error{color:#aa3453;background:#ffedf1}
.vira-bot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:11px;margin:12px 0}
.vira-bot-list-item{border:1px solid #d5e7ee;border-radius:16px;background:#fafdff;display:grid;text-align:right;gap:4px;padding:13px;cursor:pointer;font:inherit;color:#274a66}
.vira-bot-list-item.selected{border:2px solid #18a398;background:#e5f8f5}
.vira-bot-list-item strong{font-size:13px}
.vira-bot-list-item span,.vira-bot-list-item small{font-size:11px;color:#678596}
.vira-bot-preview{border-top:1px solid #dce9ef;margin-top:16px;padding-top:12px}
.vira-bot-preview form,#vira-bot-login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vira-bot-preview h3,.vira-bot-preview .vira-bot-review-note,.vira-bot-preview form>button{grid-column:1/-1}
.vira-bot-preview label,#vira-bot-login label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#356576}
.vira-bot-preview input,.vira-bot-preview textarea,.vira-bot-preview select,#vira-bot-login input{width:100%;border:1px solid #cae0e6;border-radius:11px;min-height:44px;padding:9px 12px;background:#fff;font:inherit;color:#1c5066}
.vira-bot-preview textarea[name=summary],.vira-bot-preview textarea[name=goals]{min-height:135px}
.vira-bot-apply{grid-column:1/-1}
.vira-bot-empty{color:#77909b;font-size:13px}
@media(max-width:620px){.vira-bot-dialog{padding:12px 13px}.vira-bot-preview form,#vira-bot-login{grid-template-columns:1fr}.vira-bot-list{grid-template-columns:1fr}.vira-bot-import-callout{align-items:flex-start}}
