.schoolwise-guide { position:fixed; z-index:1005; right:26px; bottom:24px; font-family:'Open Sans',sans-serif; }
.guide-launcher { display:flex; align-items:center; gap:10px; padding:9px 18px 9px 10px; border:0; border-radius:999px; background:#fff; color:#173b58; box-shadow:0 14px 38px rgba(20,36,53,.22); cursor:pointer; font:700 14px 'Open Sans',sans-serif; transition:transform .2s,box-shadow .2s; }
.guide-launcher:hover { transform:translateY(-2px); box-shadow:0 18px 43px rgba(20,36,53,.28); }.guide-launcher-icon,.guide-avatar { display:grid; place-items:center; border-radius:50%; background:#f6bd3b; color:#173b58; }.guide-launcher-icon { width:34px; height:34px; font-size:16px; }
.guide-window { position:absolute; right:0; bottom:58px; width:375px; overflow:hidden; border-radius:18px; background:#fff; box-shadow:0 24px 65px rgba(20,36,53,.26); opacity:0; pointer-events:none; transform:translateY(12px) scale(.98); transform-origin:bottom right; transition:opacity .2s,transform .2s; }.guide-window.is-open { opacity:1; pointer-events:auto; transform:translateY(0) scale(1); }
.guide-head { display:flex; align-items:center; gap:10px; padding:17px 18px; color:#fff; background:#173b58; }.guide-avatar { width:36px; height:36px; flex:0 0 36px; }.guide-name { font-size:14px; font-weight:700; }.guide-status { display:block; margin-top:2px; color:rgba(255,255,255,.68); font-size:12px; }.guide-status:before { content:''; display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#66d39a; vertical-align:1px; }.guide-close { margin-left:auto; padding:0 0 4px; border:0; background:none; color:#fff; cursor:pointer; font-size:24px; line-height:1; opacity:.78; }
.guide-body { padding:17px 18px 10px; background:#f7fafc; }.guide-bubble { max-width:94%; padding:11px 13px; border-radius:3px 13px 13px; background:#e7f0f7; color:#284257; font-size:13px; line-height:1.5; }.guide-response { margin-top:9px; animation:guide-rise .25s ease both; }.guide-progress { display:flex; gap:5px; margin:13px 0 0; }.guide-progress span { width:22px; height:3px; border-radius:99px; background:#cfdae2; }.guide-progress span.is-active { background:#47a5de; }
.guide-actions { padding:8px 18px 15px; background:#f7fafc; }.guide-actions button { display:block; width:100%; margin:0 0 7px; padding:9px 11px; border:1px solid #c9dce9; border-radius:8px; background:#fff; color:#2773ad; cursor:pointer; text-align:left; font:600 12px 'Open Sans',sans-serif; transition:background .15s,border-color .15s; }.guide-actions button:hover { border-color:#77afd6; background:#eff7fc; }.guide-actions button:last-child { margin-bottom:0; }.guide-demo { display:block; padding:14px 18px; color:#2773ad; background:#fff; text-decoration:none; font-size:13px; font-weight:700; }.guide-demo:hover { color:#155b94; }
@keyframes guide-rise { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:480px) { .schoolwise-guide { right:14px; bottom:14px; }.guide-window { position:fixed; right:12px; bottom:74px; width:calc(100vw - 24px); }.guide-launcher { padding-right:13px; } }