.contact-support{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:39;font-family:Inter,Segoe UI,Arial,sans-serif;color:#193553}
.contact-support>summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 15px;border:1px solid #2774b4;border-radius:999px;background:linear-gradient(110deg,#0b70c3,#1296ac);box-shadow:0 10px 26px #07517d55;color:#fff;font-size:12px;font-weight:800;list-style:none;cursor:pointer;user-select:none}
.contact-support>summary::-webkit-details-marker{display:none}.contact-support>summary::marker{content:""}
.contact-support>summary>i:first-child{font-size:21px;line-height:1}.contact-support-chevron{font-size:11px;transition:transform .18s}
.contact-support[open] .contact-support-chevron{transform:rotate(180deg)}
.contact-support>summary:hover{background:linear-gradient(110deg,#1384dc,#1aa7bc)}
.contact-support>summary:focus-visible,.contact-support-panel a:focus-visible{outline:3px solid #75baff;outline-offset:3px}
.contact-support-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(316px,calc(100vw - 24px));padding:14px;border:1px solid #d4e4f1;border-radius:15px;background:#fff;box-shadow:0 22px 55px #12294a38}
.contact-support-heading{display:flex;align-items:center;gap:10px;padding:2px 2px 13px;border-bottom:1px solid #e4edf5}
.contact-support-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e6f4ff;color:#0b76bf;font-size:20px}
.contact-support-heading>div,.contact-support-panel a span{display:grid;gap:3px;min-width:0}
.contact-support-heading strong{font-size:13px;color:#17334f}.contact-support-heading small{font-size:10px;color:#627d97}
.contact-support-panel a{display:grid;grid-template-columns:36px minmax(0,1fr) 15px;align-items:center;gap:10px;min-height:55px;margin-top:9px;padding:8px 10px;border:1px solid #dce7f0;border-radius:10px;background:#f4f9fd;color:#24496b;text-decoration:none}
.contact-support-panel a:hover{border-color:#7caed5;background:#e9f4fc;color:#123f65}
.contact-support-panel a>i:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#dcefff;color:#1175bc;font-size:16px}
.contact-support-panel a strong{font-size:11px}.contact-support-panel a small{font-size:10px;color:#647e96}
.contact-support-panel .contact-support-whatsapp{border-color:#bfe5d3;background:#effaf4;color:#145f3e}
.contact-support-panel .contact-support-whatsapp:hover{background:#e0f5e9;border-color:#70c69a}
.contact-support-panel .contact-support-whatsapp>i:first-child{background:#d7f4e2;color:#168348}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-panel{background:#1b2b3e;border-color:#3b5570;box-shadow:0 22px 55px #030914ad;color:#e8f2ff}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-heading{border-color:#3b5570}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-heading strong{color:#f0f7ff}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-heading small{color:#aec3d9}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-icon{background:#294c64;color:#a8dcff}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-panel a{background:#243c53;border-color:#42617c;color:#eaf4ff}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-panel a:hover{background:#30536e;border-color:#6c9bc0}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-panel a small{color:#b2c8dd}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-panel a>i:first-child{background:#315a77;color:#b6dfff}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-panel .contact-support-whatsapp{background:#1e483d;border-color:#397e63;color:#ceffe1}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-panel .contact-support-whatsapp:hover{background:#28614e}
html:is([data-student-theme="dark"],[data-teacher-theme="dark"],[data-parent-theme="dark"],[data-public-theme="dark"]) .contact-support-panel .contact-support-whatsapp>i:first-child{background:#2c6a50;color:#d4ffe5}
@media(max-width:600px){.contact-support{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.contact-support>summary{width:48px;height:48px;min-height:48px;padding:0;border-radius:15px}.contact-support>summary>span,.contact-support-chevron{display:none}.contact-support-panel{max-height:calc(100dvh - 90px);overflow:auto}}
@media print{.contact-support{display:none!important}}