/* Bandeja administrativa clara y de alto contraste. */
.mg-support-center{margin-top:2rem;margin-bottom:4rem;padding:1.5rem!important;border:1px solid #e0e6ef;border-radius:1.6rem;background:#fff!important;color:#182033;box-shadow:0 20px 55px rgba(15,25,48,.16)}.mg-support-center .mg-back{display:inline-flex;align-items:center;min-height:2.8rem;padding:.55rem .85rem;border:1px solid #d5dceb;border-radius:.75rem;background:#f7f9fc;color:#26324a!important;box-shadow:0 4px 14px rgba(30,45,78,.06);font-weight:800;text-decoration:none}.mg-support-center .mg-back:hover,.mg-support-center .mg-back:focus-visible{border-color:#705cff;background:#f6f3ff;color:#5038ce!important}
.mg-support-center .mg-support-hero{position:relative;overflow:hidden;border:1px solid #dbe2ef;border-top:5px solid #705cff;background:#fff!important;box-shadow:0 16px 40px rgba(38,50,74,.1)}.mg-support-center .mg-support-hero:after{position:absolute;right:-4rem;top:-5rem;width:15rem;height:15rem;border-radius:50%;background:radial-gradient(circle,rgba(112,92,255,.12),transparent 69%);content:"";pointer-events:none}.mg-support-center .mg-support-hero>div,.mg-support-center .mg-support-hero>span{position:relative;z-index:1}.mg-support-center .mg-support-hero .mg-admin-chip{border:1px solid #cfc6ff;background:#eeeaff;color:#4d35bd}.mg-support-center .mg-support-hero h1{color:#111827!important;letter-spacing:-.035em}.mg-support-center .mg-support-hero p{max-width:54rem;color:#536077!important;font-size:1rem;line-height:1.6}.mg-support-center .mg-support-hero>span{border:1px solid #ffc6cf;background:#fff1f3!important;color:#7e2434;font-weight:800;box-shadow:0 7px 18px rgba(219,52,78,.09)}.mg-support-center .mg-support-hero>span b{color:#dc304c!important}
.mg-support-center .mg-support-layout>aside,.mg-support-center .mg-support-thread{border:1px solid #dbe2ef;background:#fff!important;box-shadow:0 14px 34px rgba(38,50,74,.08)}.mg-support-center .mg-support-layout>aside{scrollbar-color:#b9c3d6 #f3f6fa}.mg-support-center .mg-support-layout>aside h2{color:#172033!important;font-size:1.5rem}.mg-support-center .mg-support-layout>aside>a{border:1px solid #e2e7f0!important;background:#f7f9fc!important;color:#202b40!important;box-shadow:0 2px 8px rgba(31,45,74,.035)}.mg-support-center .mg-support-layout>aside>a:hover,.mg-support-center .mg-support-layout>aside>a:focus-visible{border-color:#8b7aff!important;background:#f3f0ff!important;transform:translateY(-1px)}.mg-support-center .mg-support-layout>aside>a.active{border-color:#705cff!important;border-left:5px solid #705cff!important;background:#eeeaff!important;box-shadow:0 7px 18px rgba(112,92,255,.11)}.mg-support-center .mg-support-layout>aside>a.unread{border-left:5px solid #e33855!important;background:#fff5f6!important}.mg-support-center .mg-support-layout>aside>a.active.unread{border-color:#e33855!important;background:linear-gradient(110deg,#fff1f3,#f2efff)!important}.mg-support-center .mg-support-layout>aside>a span{width:max-content;max-width:calc(100% - 3.5rem);padding:.2rem .45rem;border-radius:99px;background:#ddf7f3;color:#087c70!important;font-size:.72rem!important;font-weight:900}.mg-support-center .mg-support-layout>aside>a b{padding-right:2.4rem;color:#172033!important;font-size:1.03rem}.mg-support-center .mg-support-layout>aside>a small{color:#68758d!important;font-size:.78rem}.mg-support-center .mg-support-layout>aside>a i{background:#e33855!important;color:#fff!important;box-shadow:0 4px 12px rgba(227,56,85,.22)}
.mg-support-center .mg-support-thread{color:#202b40!important}.mg-support-center .mg-support-thread>header{border-bottom:1px solid #dfe5ef;background:linear-gradient(90deg,#f8faff,#fff);margin:-1.6rem -1.6rem 1.25rem;padding:1.45rem 1.6rem 1.2rem;border-radius:1.45rem 1.45rem 0 0}.mg-support-center .mg-support-thread>header span{display:inline-flex;width:max-content;padding:.28rem .55rem;border-radius:99px;background:#ddf7f3;color:#087c70!important;font-weight:900}.mg-support-center .mg-support-thread>header h2{color:#111827!important}.mg-support-center .mg-support-thread>header p{color:#5f6d85!important}.mg-support-center .mg-support-thread>header a{color:#315fce!important;font-weight:800}.mg-support-center .mg-support-thread article{color:#1f2a3d!important;box-shadow:0 5px 16px rgba(34,48,76,.06)}.mg-support-center .mg-support-thread article small{font-weight:900}.mg-support-center .mg-support-thread article p{color:#202b40!important}.mg-support-center .mg-support-thread .from-user{border:1px solid #bcd9f7!important;border-left:5px solid #3686d9!important;background:#edf7ff!important}.mg-support-center .mg-support-thread .from-user small{color:#2468ad!important}.mg-support-center .mg-support-thread .from-admin{border:1px solid #b9e2cc!important;border-right:5px solid #23a26d!important;background:#edfbf3!important}.mg-support-center .mg-support-thread .from-admin small{color:#16794f!important}.mg-support-center .mg-support-thread form{border-top:1px solid #dfe5ef!important;background:#f7f9fc;margin:1.6rem -1.6rem -1.6rem;padding:1.5rem 1.6rem 1.6rem;border-radius:0 0 1.45rem 1.45rem}.mg-support-center .mg-support-thread form label{color:#202b40!important;font-size:1rem}.mg-support-center .mg-support-thread textarea{border:1px solid #b9c4d8!important;background:#fff!important;color:#182033!important;box-shadow:inset 0 1px 2px rgba(31,45,74,.05)}.mg-support-center .mg-support-thread textarea::placeholder{color:#77849a!important}.mg-support-center .mg-support-thread textarea:focus{border-color:#705cff!important;outline:3px solid rgba(112,92,255,.15)}.mg-support-center .mg-support-thread form>small{color:#65728a!important}.mg-support-center .mg-support-thread .mg-empty,.mg-support-center .mg-support-layout>aside .mg-empty{border:1px dashed #c7d0df;background:#f7f9fc;color:#4f5d75}.mg-support-center .mg-empty h3{color:#182033!important}.mg-support-center .mg-empty p{color:#67748b!important}
@media(max-width:720px){.mg-support-center{margin-top:1rem;margin-bottom:2rem;padding:.75rem!important;border-radius:1rem}.mg-support-center .mg-support-hero{border-radius:1rem}.mg-support-center .mg-support-layout>aside,.mg-support-center .mg-support-thread{border-radius:1rem}.mg-support-center .mg-support-thread>header{margin:-1.15rem -1.15rem 1rem;padding:1.2rem 1.15rem 1rem;border-radius:.95rem .95rem 0 0}.mg-support-center .mg-support-thread form{margin:1.25rem -1.15rem -1.15rem;padding:1.2rem 1.15rem;border-radius:0 0 .95rem .95rem}.mg-support-center .mg-support-layout>aside>a{padding:.9rem}.mg-support-center .mg-support-layout>aside>a b{font-size:.98rem}}