/* GenieIndexer 1.1.0 — final customer experience refinements.
   Loaded last to resolve inherited MakeIndexGreat pixel-style conflicts. */
#mig-app{--genie-gold:#f6ba47;--genie-gold-light:#ffe3a0;--genie-ink:#f7f1fc;--genie-soft:#d4c6e5;--genie-edge:rgba(228,178,96,.42);--genie-shadow:0 12px 36px rgba(10,3,30,.24);font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;color:var(--genie-ink);max-width:none!important;margin:0!important;padding:0!important;min-width:0;overflow:visible}
body.mig-standalone{background:#1b0f32!important}
#mig-app .genie-main{box-sizing:border-box;min-width:0;width:100%;padding:16px clamp(12px,1.8vw,26px) 42px;background:linear-gradient(180deg,#1b1033 0%,#201335 52%,#23133a 100%)}
#mig-app .mig-header{background:linear-gradient(90deg,rgba(23,10,54,.95) 0%,rgba(25,12,52,.68) 48%,rgba(23,10,51,.84) 100%),url('genie/palace-header.webp') center/cover no-repeat!important}
#mig-app .mig-hero{background:linear-gradient(90deg,rgba(24,10,55,.99) 0%,rgba(23,9,54,.97) 25%,rgba(24,10,55,.70) 49%,rgba(24,9,55,.06) 84%),url('genie/hero-lamp.webp') right center/auto 100% no-repeat,#241341!important;box-shadow:0 10px 32px rgba(7,3,23,.18)!important}
#mig-app .mig-hero h1{line-height:1.11!important}
/* Sidebar: all navigation fits before the artwork; no overprinted genie. */
#mig-app .genie-sidebar{display:flex;flex-direction:column;height:calc(100dvh - 84px);min-height:620px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#735782 transparent}
#mig-app .mig-tabs{flex:0 0 auto;gap:4px!important;padding:18px 12px 8px!important}
#mig-app .mig-tabs button{min-width:0;min-height:43px!important;gap:13px!important;border-radius:10px!important;font:650 13px/1.2 system-ui,sans-serif!important;padding:10px 12px!important;transition:background .16s ease,color .16s ease}
#mig-app .mig-tabs .genie-nav-icon{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;color:#d8c6ed}
#mig-app .genie-nav-icon svg{width:20px;height:20px;display:block;stroke:currentColor}
#mig-app .mig-tabs button.active .genie-nav-icon{color:#ffd26d}
#mig-app .genie-sidebar-art{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;margin-top:auto;width:100%;height:clamp(145px,31vh,338px);min-height:145px;flex:1 0 145px;background-position:center bottom!important;background-size:contain!important;mask-image:linear-gradient(to bottom,transparent 0%,black 22%)!important}
/* Consistent panels with subtle gradient and generous spacing. */
#mig-app .genie-submit-box,#mig-app .genie-quick-box,#mig-app .genie-account-box,#mig-app .genie-plan-box{box-sizing:border-box;min-width:0;background:linear-gradient(145deg,#2b1b48,#211438)!important;border:1px solid var(--genie-edge)!important;border-radius:15px!important;box-shadow:var(--genie-shadow)!important;padding:clamp(17px,1.7vw,24px)!important}
#mig-app .genie-dashboard-grid,#mig-app .genie-bottom-grid{gap:16px!important}
#mig-app .genie-submit-box h2,#mig-app .genie-quick-box h2,#mig-app .genie-account-box h2,#mig-app .genie-plan-box h2{font:750 19px/1.3 system-ui,sans-serif!important;letter-spacing:-.015em!important;color:#fff4df!important}
#mig-app .genie-quick-box{display:flex;flex-direction:column;gap:10px!important;justify-content:flex-start}
#mig-app .genie-quick-box h2{margin:0 0 6px!important}
/* One shared button language throughout the user dashboard. */
#mig-app .genie-quick-box button,#mig-app .genie-account-details button,#mig-app .genie-plan-box button,#mig-app .genie-submit-box .mig-actions button,#mig-app .mig-panel button:not(.mig-method-option):not(:disabled),#mig-app .mig-billing-buy,#mig-app .mig-billing-coupon button,#mig-app .mig-coupon-field button,#mig-app .mig-verify-banner button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:11px 17px!important;border:1px solid #d9a144!important;border-radius:10px!important;background:linear-gradient(180deg,#ffda77 0%,#f4b333 100%)!important;color:#281c3d!important;font:750 13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-align:center;text-decoration:none!important;box-shadow:0 5px 13px rgba(2,0,15,.18)!important;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}
#mig-app .genie-quick-box button:hover,#mig-app .genie-account-details button:hover,#mig-app .genie-plan-box button:hover,#mig-app .genie-submit-box .mig-actions button:hover,#mig-app .mig-panel button:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}
#mig-app .genie-quick-box button{width:100%;min-height:46px;justify-content:flex-start!important;gap:13px!important;padding:11px 15px!important;white-space:normal}
#mig-app .genie-quick-box button:nth-of-type(n){background:linear-gradient(180deg,#ffda77,#f4b333)!important;border-color:#d9a144!important;color:#281c3d!important}
#mig-app .genie-quick-box button span{min-width:0;flex:1;text-align:left;overflow-wrap:break-word}
#mig-app .genie-quick-box button b{font:700 21px/1 system-ui,sans-serif!important;margin-left:auto}
#mig-app .genie-account-details{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:16px!important}
#mig-app .genie-account-details button{width:auto;max-width:210px}
#mig-app .genie-plan-box{text-align:center;background:linear-gradient(100deg,rgba(31,18,59,.91),rgba(31,12,52,.79)),url('genie/palace-footer.webp') center right/cover no-repeat!important}
#mig-app .genie-plan-box h2{text-align:left}
#mig-app .genie-plan-box button{min-width:185px}
/* Stats: clear, genuine SVG icons rather than tiny faded glyphs. */
#mig-app .mig-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch}
#mig-app .mig-stats .mig-stat{min-width:0;min-height:145px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;padding:18px 18px 17px 86px!important;border:1px solid rgba(245,187,88,.67)!important;border-radius:15px!important;box-shadow:0 9px 25px rgba(6,3,24,.16)!important}
#mig-app .mig-stat .genie-stat-icon{position:absolute;top:22px;left:19px;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.14);color:#ffdd7a}
#mig-app .genie-stat-icon svg{display:block;width:28px;height:28px;stroke:#ffde81;stroke-width:1.9}
#mig-app .mig-stat>span:not(.genie-stat-icon){font:650 12px/1.35 system-ui,sans-serif!important;color:#fff5ff!important;white-space:normal}
#mig-app .mig-stat strong{font:850 clamp(28px,3vw,42px)/1.08 system-ui,sans-serif!important;color:#fff!important;margin:0!important}
#mig-app .mig-stat small{font:500 11px/1.35 system-ui,sans-serif!important;color:#e4d7f2!important}
/* Purchase area: evenly balanced cards, clear text and aligned buttons. */
#mig-app .mig-panel:not([hidden]):not(.genie-dashboard-panel){border:1px solid var(--genie-edge)!important;border-radius:16px!important;background:linear-gradient(145deg,#26173f,#211637)!important;color:#f9f0ff!important;box-shadow:var(--genie-shadow)!important;padding:clamp(18px,2.1vw,28px)!important}
#mig-app .mig-panel > h2{font:800 22px/1.3 system-ui,sans-serif!important;color:#fff1d7!important;margin:0 0 12px!important}
#mig-app .mig-panel > p{font:500 13px/1.7 system-ui,sans-serif!important;color:#d8cbe9!important}
#mig-app .mig-packages{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px!important;align-items:stretch;margin-top:23px}
#mig-app .mig-packages>.mig-package-card{box-sizing:border-box;min-width:0;min-height:300px;display:flex;flex-direction:column;gap:12px!important;background:linear-gradient(158deg,#392450,#2d1c46)!important;border:1px solid rgba(222,172,92,.55)!important;border-radius:13px!important;box-shadow:0 9px 24px rgba(8,4,20,.14)!important;padding:21px 17px!important}
#mig-app .mig-package-card .mig-package-top{align-items:flex-start!important}
#mig-app .mig-package-card .mig-package-top>span:first-child{font:750 12px/1.3 system-ui,sans-serif!important;letter-spacing:.06em;color:#eadce9!important}
#mig-app .mig-package-card b{color:#ffdb83!important;font:850 31px/1.25 system-ui,sans-serif!important}
#mig-app .mig-package-card strong{font:750 13px/1.4 system-ui,sans-serif!important;color:#fff0cf!important}
#mig-app .mig-package-card p{color:#d4c7e2!important;font:500 12px/1.55 system-ui,sans-serif!important;margin:0!important;flex:1}
#mig-app .mig-package-card .mig-package-badge{font:800 10px/1.1 system-ui,sans-serif!important;background:#ffd16a!important;color:#291841!important;border-radius:20px!important;padding:7px 9px!important}
#mig-app .mig-package-card .mig-buy-plan{box-sizing:border-box;width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;margin-top:auto!important;padding:10px 12px!important;white-space:normal;overflow-wrap:anywhere;border:1px solid #d6a347!important;border-radius:10px!important;background:linear-gradient(180deg,#ffd976,#f6b83e)!important;color:#261a36!important;font:800 12px/1.4 system-ui,sans-serif!important;letter-spacing:0!important;box-shadow:0 5px 13px rgba(8,3,20,.2)!important;text-align:center}
#mig-app .mig-package-card .mig-buy-plan:disabled{background:#4a4058!important;color:#cabbd3!important;border-color:#665773!important;box-shadow:none!important;opacity:1;cursor:not-allowed}
#mig-app .mig-coupon-field{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px!important;align-items:end;max-width:630px!important;margin:22px 0 6px!important;padding:18px!important;background:#302044!important;border:1px solid #67517a!important;border-radius:12px!important}
#mig-app .mig-coupon-field label{grid-column:1/-1;font:750 14px/1.3 system-ui,sans-serif!important;color:#ffebb9!important}
#mig-app .mig-coupon-field input{box-sizing:border-box;min-width:0;margin:0!important;min-height:44px;background:#1d1631!important;color:#fff!important;border:1px solid #68557d!important;border-radius:10px!important}
#mig-app .mig-coupon-field small{grid-column:1/-1;color:#c8b8d8!important;font-size:11px;line-height:1.5!important}
#mig-app .mig-coupon-field button{min-height:44px!important}
/* History & billing navigation */
#mig-app .mig-history-controls{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap;gap:12px!important;padding:12px 0!important}
#mig-app .mig-history-controls>div{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin-left:auto!important;flex-wrap:wrap}
#mig-app .mig-history-controls button{min-width:88px!important;min-height:38px!important;padding:8px 12px!important;border:1px solid #8769a3!important;background:#3c2856!important;color:#fff2d8!important;box-shadow:none!important;border-radius:9px!important;font:700 12px/1.2 system-ui,sans-serif!important}
#mig-app .mig-history-controls button:disabled{opacity:.4;cursor:default}
#mig-app .mig-billing-panel .mig-purchase-summary>div{background:#35224f!important;border:1px solid #7e648e!important;color:#fff!important;border-radius:13px!important;box-shadow:none!important}
#mig-app .mig-billing-panel .mig-purchase-summary strong{color:#ffdf9c!important}
#mig-app .mig-billing-panel .mig-purchase-summary small,#mig-app .mig-billing-panel .mig-purchase-summary span{color:#e2d2ec!important}
#mig-app .mig-panel .mig-profile-intro,#mig-app .mig-panel .mig-avatar-upload{background:#32214c!important;border-color:#76578a!important;border-radius:12px!important}
#mig-app .mig-panel input:focus-visible,#mig-app .mig-panel textarea:focus-visible{outline:2px solid #e9bd63!important;outline-offset:2px}
/* Chat: soft, non-pixel, beautifully framed Genie assistant. */
#mig-app .mig-support{position:fixed;right:clamp(12px,2vw,26px);bottom:clamp(12px,2vw,26px);z-index:99990;font:500 13px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif!important}
#mig-app .mig-support-fab{width:66px!important;height:66px!important;display:grid!important;place-items:center!important;border:3px solid #f2ba63!important;border-radius:50%!important;padding:3px!important;background:linear-gradient(145deg,#59317c,#26153d)!important;box-shadow:0 8px 24px rgba(12,5,26,.40),0 0 0 5px rgba(249,183,72,.12)!important;transition:transform .16s ease!important;overflow:hidden}
#mig-app .mig-support-fab:hover{transform:translateY(-3px)}
#mig-app .mig-support-fab img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;image-rendering:auto!important}
#mig-app .mig-chat-slogan{font:750 12px/1.3 system-ui,sans-serif!important;border:1px solid #e5c88c!important;background:#fff8e9!important;color:#372447!important;border-radius:12px!important;box-shadow:0 8px 21px rgba(14,8,30,.22)!important;padding:10px 13px!important;right:3px!important;bottom:79px!important;max-width:min(82vw,240px)!important;letter-spacing:0!important}
#mig-app .mig-chat-slogan:after{border-color:#e5c88c;background:#fff8e9}
#mig-app .mig-support-panel{box-sizing:border-box;width:min(405px,calc(100vw - 24px));height:min(565px,calc(100dvh - 130px));right:0;bottom:82px;border:1px solid #ddc4b0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 20px 66px rgba(15,6,34,.37)!important;display:flex;flex-direction:column;overflow:hidden}
#mig-app .mig-support-panel[hidden]{display:none!important}
#mig-app .mig-support-head{display:flex;gap:12px;align-items:center;justify-content:space-between;background:linear-gradient(112deg,#281442,#54326b)!important;border-bottom:1px solid rgba(245,190,88,.4)!important;padding:17px 16px!important;color:#fff!important}
#mig-app .genie-chat-head-avatar{width:45px;height:45px;object-fit:cover;border-radius:50%;flex:none;border:2px solid #efc06a;background:#3a2353}
#mig-app .mig-support-head>div{min-width:0;flex:1}
#mig-app .mig-support-head strong{font:800 15px/1.25 system-ui,sans-serif!important;color:#fff4d6!important}
#mig-app .mig-support-head small{font:500 11px/1.35 system-ui,sans-serif!important;color:#e3d4ea!important;margin-top:3px}
#mig-app .mig-support-head button{box-sizing:border-box;flex:none;display:grid!important;place-items:center!important;min-width:33px!important;width:33px!important;min-height:33px!important;height:33px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,241,208,.4)!important;border-radius:10px!important;background:rgba(255,255,255,.11)!important;color:#fff!important;box-shadow:none!important;font:400 21px/1 system-ui,sans-serif!important}
#mig-app .mig-support-welcome{background:linear-gradient(100deg,#fffaf0,#faf5fe)!important;border-bottom:1px solid #f1e4da!important;color:#665275!important;padding:15px 16px!important;font:500 12px/1.55 system-ui,sans-serif!important}
#mig-app .mig-support-messages{flex:1;overflow-y:auto;background:linear-gradient(180deg,#fffeff,#f8f4fc)!important;padding:17px!important;gap:11px!important}
#mig-app .mig-support-empty{margin:auto;max-width:270px;color:#756780!important;font:500 13px/1.6 system-ui,sans-serif!important}
#mig-app .mig-chat-bubble{max-width:87%;border:1px solid #e5dfed!important;border-radius:14px 14px 14px 4px!important;background:#fff!important;color:#3d304b!important;box-shadow:0 2px 9px rgba(43,22,60,.055)!important;padding:11px 13px!important;font:500 12px/1.55 system-ui,sans-serif!important}
#mig-app .mig-chat-customer{align-self:flex-end;border-radius:14px 14px 4px 14px!important;background:#efe4fb!important;border-color:#dfcbed!important}
#mig-app .mig-chat-bubble small,#mig-app .mig-chat-bubble time{color:#806e8c!important}
#mig-app .mig-support-panel .mig-support-form{display:flex!important;gap:9px!important;align-items:stretch!important;padding:12px!important;border-top:1px solid #ecdfeb!important;background:#fff!important}
#mig-app .mig-support-panel .mig-support-form textarea{flex:1 1 0!important;min-width:0!important;box-sizing:border-box!important;height:49px!important;min-height:49px!important;max-height:110px!important;margin:0!important;padding:12px!important;background:#fbfaff!important;color:#39284d!important;border:1px solid #d9cde5!important;border-radius:11px!important;font:500 12px/1.4 system-ui,sans-serif!important;box-shadow:none!important}
#mig-app .mig-support-panel .mig-support-form textarea:focus{outline:2px solid #e8c77c!important;outline-offset:0!important}
#mig-app .mig-support-panel .mig-support-form button{flex:0 0 72px!important;min-width:72px!important;max-width:72px!important;height:49px!important;min-height:49px!important;margin:0!important;padding:0 10px!important;border:1px solid #d4a149!important;border-radius:11px!important;background:linear-gradient(180deg,#ffda76,#f4b335)!important;color:#301c41!important;box-shadow:none!important;font:800 12px/1 system-ui,sans-serif!important}
#mig-app .mig-support-note{color:#685574!important;background:#fff!important}
#mig-app .mig-chat-handoff{background:#fff!important;color:#695c76!important}
#mig-app .mig-chat-handoff button{border-radius:8px!important;color:#553279!important}
/* Optional featured promotion at the end of the dashboard. */
#mig-app .genie-promotion{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch;gap:0;margin:22px 0 0;border:1px solid #ca9559;border-radius:17px;background:linear-gradient(135deg,#372057,#251539);box-shadow:var(--genie-shadow);overflow:hidden;min-width:0}
#mig-app .genie-promo-image{overflow:hidden;min-height:180px;display:flex;align-items:center;justify-content:center;background:#27113e}
#mig-app .genie-promo-image img{display:block;width:100%;height:100%;max-height:290px;object-fit:contain}
#mig-app .genie-promo-content{padding:clamp(20px,3vw,34px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-width:0}
#mig-app .genie-promo-eyebrow{color:#f7ca78;letter-spacing:.14em;font-size:11px;font-weight:800}
#mig-app .genie-promo-content h2{color:#ffdf9a;font:750 clamp(19px,2.1vw,26px)/1.18 system-ui,sans-serif;margin:0;overflow-wrap:anywhere}
#mig-app .genie-promo-content p{color:#e4d8ed;font:500 13px/1.6 system-ui,sans-serif;margin:0}
#mig-app .genie-promo-content .genie-btn{min-height:43px;display:inline-flex;gap:12px;align-items:center;justify-content:center;margin:3px 0 0;border-radius:10px;background:linear-gradient(180deg,#ffda77,#f3b435);border:1px solid #d8a14c;color:#291c3d;text-decoration:none;padding:10px 17px;font:800 12px/1.4 system-ui,sans-serif}
/* Keep any later theme switches from turning the intended gold/purple cards white. */
html[data-mig-theme="dark"] #mig-app .mig-stat,html[data-mig-theme="dark"] #mig-app .mig-panel:not([hidden]){color:#f8efff!important}
@media(max-width:1450px){
 #mig-app .mig-packages{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){#mig-app .mig-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1150px){
 #mig-app .genie-dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,.9fr)}
 #mig-app .genie-account-details{grid-template-columns:54px minmax(0,1fr)}
 #mig-app .genie-account-details button{grid-column:2;justify-self:start}
 #mig-app .genie-profile-initial{width:54px;height:54px}
}
@media(max-width:980px){
 #mig-app .genie-shell{grid-template-columns:215px minmax(0,1fr)}
 #mig-app .mig-stats .mig-stat{min-height:132px!important;padding-left:73px!important}
 #mig-app .mig-stat .genie-stat-icon{width:43px;height:43px;top:21px;left:15px}
 #mig-app .genie-stat-icon svg{width:24px;height:24px}
 #mig-app .genie-dashboard-grid{grid-template-columns:1fr}
 #mig-app .genie-quick-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #mig-app .genie-quick-box h2{grid-column:1/-1}
 #mig-app .mig-packages{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 #mig-app .genie-shell{display:block}
 #mig-app .genie-sidebar{position:relative;top:auto;height:auto;min-height:0;overflow:visible;display:block}
 #mig-app .genie-sidebar-art{display:none!important}
 #mig-app .mig-tabs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;padding:12px!important;scrollbar-width:thin}
 #mig-app .mig-tabs button{flex:0 0 auto;width:auto!important;white-space:nowrap!important;min-height:40px!important}
 #mig-app .genie-main{padding:13px 12px 116px}
 #mig-app .genie-bottom-grid{grid-template-columns:1fr}
 #mig-app .mig-hero{min-height:165px}
 #mig-app .genie-hero-copy{max-width:78%}
}
@media(max-width:560px){
 #mig-app .mig-header{padding:11px 13px!important;gap:9px!important;min-height:68px!important}
 #mig-app .mig-brand{max-width:48%}
 #mig-app .mig-site-logo{height:41px!important;max-width:100%!important}
 #mig-app .mig-header-credits{padding:8px 10px!important;gap:5px!important}
 #mig-app .mig-header-credits span{font-size:9px}
 #mig-app .mig-header-credits strong{font-size:18px}
 #mig-app .mig-account{width:auto!important;gap:8px!important}
 #mig-app .mig-account-label{display:none}
 #mig-app .mig-hero{background:linear-gradient(90deg,rgba(25,11,56,.97),rgba(25,11,56,.79)),url('genie/hero-lamp.webp') right center/auto 100% no-repeat,#241341!important;padding:20px!important}
 #mig-app .genie-hero-copy{max-width:95%}
 #mig-app .mig-hero h1{font-size:clamp(24px,6vw,31px)!important}
 #mig-app .mig-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #mig-app .mig-stats .mig-stat{min-height:142px!important;padding:13px!important;gap:5px!important}
 #mig-app .mig-stat .genie-stat-icon{position:relative;left:auto;top:auto;margin:0 0 4px;width:38px;height:38px;border-radius:13px}
 #mig-app .genie-stat-icon svg{width:23px;height:23px}
 #mig-app .mig-stat>span:not(.genie-stat-icon){font-size:11px!important}
 #mig-app .mig-stat strong{font-size:27px!important}
 #mig-app .mig-stat small{font-size:10px!important}
 #mig-app .mig-packages{grid-template-columns:1fr!important}
 #mig-app .mig-packages>.mig-package-card{min-height:240px;padding:19px!important}
 #mig-app .genie-quick-box{grid-template-columns:1fr}
 #mig-app .genie-account-details{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px}
 #mig-app .genie-account-details button{grid-column:1/-1;width:100%;max-width:none;justify-self:stretch}
 #mig-app .genie-promotion{grid-template-columns:1fr}
 #mig-app .genie-promo-image{min-height:120px;max-height:235px}
 #mig-app .genie-promo-image img{height:auto;max-height:235px}
 #mig-app .mig-coupon-field{grid-template-columns:1fr}
 #mig-app .mig-coupon-field label,#mig-app .mig-coupon-field small{grid-column:1}
 #mig-app .mig-coupon-field button{width:100%}
 #mig-app .mig-history-controls>div{width:100%;margin-left:0!important;justify-content:space-between!important}
 #mig-app .mig-history-controls button{min-width:0!important;flex:1}
 #mig-app .mig-support{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
 #mig-app .mig-support-panel{width:min(390px,calc(100vw - 24px));height:min(555px,calc(100dvh - 108px));bottom:76px}
 #mig-app .mig-support-fab{width:58px!important;height:58px!important}
 #mig-app .mig-chat-slogan{bottom:71px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){#mig-app button,#mig-app a,#mig-app .mig-support-fab{transition:none!important}}

/* Typography and buttons across secondary customer screens */
#mig-app .genie-main :is(.mig-profile-panel,.mig-billing-panel,.mig-coupon-field,.mig-package-card,.mig-history-controls,.mig-billing-summary) :is(button,label,input,textarea,select,strong,b,a,small){font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important}
#mig-app .mig-profile-panel .mig-profile-actions button,#mig-app .mig-billing-buy,#mig-app .mig-billing-panel .mig-check-payment{border-radius:10px!important;border:1px solid #d9a144!important;box-shadow:0 5px 13px rgba(2,0,15,.18)!important;background:linear-gradient(180deg,#ffda77,#f4b333)!important;color:#281c3d!important}
#mig-app .mig-profile-panel .mig-profile-grid{gap:16px!important}
#mig-app .mig-profile-panel :is(input,textarea){border-radius:10px!important}
#mig-app .mig-panel :is(.mig-form-section-title,.mig-profile-section-label){color:#ffe3a6!important;border-color:#705581!important}
#mig-app .mig-profile-panel .mig-profile-secure{color:#285541!important;background:#e8f8ee!important;border-radius:20px!important}
#mig-app .mig-panel .mig-billing-message{color:#e7d4f1!important}
#mig-app .mig-table-scroll th{color:#fff0ca!important}
#mig-app .mig-table-scroll tbody td{color:#f1e6f7!important}
#mig-app .mig-panel .mig-private-note{color:#cfbbdd!important;border-top-color:#654f79!important}
/* Match the payment popup to the Genie theme without changing its behavior. */
#mig-app #mig-payment-modal .mig-payment-dialog{border:1px solid #bb925c!important;border-radius:16px!important;background:linear-gradient(170deg,#fffefd,#f9f5fd)!important;box-shadow:0 24px 68px rgba(7,2,21,.35)!important;max-width:700px;width:min(100%,700px)}
#mig-app #mig-payment-modal #mig-payment-title{color:#322145!important;font:800 clamp(24px,3vw,32px)/1.15 system-ui,sans-serif!important;letter-spacing:-.025em!important}
#mig-app #mig-payment-modal .mig-method-option{border:1px solid #e2d5e9!important;border-radius:12px!important;box-shadow:0 5px 15px rgba(42,26,55,.065)!important;min-height:92px!important}
#mig-app #mig-payment-modal .mig-method-option:hover{border-color:#cca26c!important;box-shadow:0 10px 20px rgba(43,29,58,.10)!important}
#mig-app #mig-payment-modal .mig-method-copy strong{color:#37224c!important;font:750 16px/1.25 system-ui,sans-serif!important}
#mig-app #mig-payment-modal .mig-method-copy small{color:#76657f!important;font:500 12px/1.45 system-ui,sans-serif!important}
#mig-app #mig-payment-modal .mig-method-icon{border-radius:10px!important}
#mig-app #mig-payment-modal #mig-payment-close{border-radius:11px!important;background:#fff!important;box-shadow:none!important;border:1px solid #d7c9db!important}
#mig-app #mig-payment-modal #mig-payment-summary{border-radius:10px!important;background:#f7f3fb!important;border-color:#e5dce8!important;border-left:3px solid #d9aa58!important;color:#57496a!important}
#mig-app #mig-payment-modal .mig-payment-footnote{color:#756b7f!important;line-height:1.6!important}
/* Sign-in and registration use the same refined non-pixel visual language. */
body.mig-standalone .mig-auth-card{border-radius:18px!important;background:linear-gradient(150deg,#301c4e,#201439)!important;box-shadow:0 18px 48px rgba(6,2,18,.32)!important;padding:clamp(22px,3vw,34px)!important}
body.mig-standalone .mig-auth-card h1{font:800 28px/1.2 system-ui,sans-serif!important;color:#ffdc91!important}
body.mig-standalone .mig-auth-card :is(p,label,small,input,button,a){font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important}
body.mig-standalone .mig-auth-card label{color:#e4d7ee!important}
body.mig-standalone .mig-auth-card input:not([type=checkbox]){border:1px solid #71558b!important;background:#201531!important;border-radius:10px!important;color:#fff!important}
body.mig-standalone .mig-auth-card button[type=submit]{border:1px solid #dcac55!important;border-radius:11px!important;background:linear-gradient(180deg,#ffdb7a,#efaf37)!important;color:#2b1c3d!important}
body.mig-standalone .mig-auth-card a{color:#ffd477!important}
@media(max-width:560px){#mig-app #mig-payment-modal .mig-payment-dialog{padding:18px!important}#mig-app #mig-payment-modal .mig-payment-methods{grid-template-columns:1fr!important}}

#mig-app .genie-action-icon{display:inline-block!important;vertical-align:-.15em;width:19px;height:19px;flex:none;stroke:currentColor}
#mig-app .genie-submit-box h2 .genie-action-icon,#mig-app .genie-quick-box h2 .genie-action-icon,#mig-app .genie-account-box h2 .genie-action-icon,#mig-app .genie-plan-box h2 .genie-action-icon{width:22px;height:22px;color:#ffca60;margin-right:5px;vertical-align:-.25em}
#mig-app .genie-quick-box button>.genie-action-icon{width:18px;height:18px;stroke-width:2;flex:none}
#mig-app .genie-plan-box button>.genie-action-icon{margin-right:7px}

/* GenieIndexer 1.2.0: sidebar, identity, hero and card alignment refinements.
   Last-in-file to override the older portal/pixel styles without touching business logic. */
#mig-app .genie-shell{align-items:stretch;min-width:0;}
@media(min-width:981px){
  #mig-app .genie-shell{
    display:grid!important;
    grid-template-columns:254px minmax(0,1fr)!important;
    /* Extend the navigation color underneath the sticky sidebar to the page footer. */
    background:linear-gradient(to right,#1c1034 0 254px,transparent 254px);
  }
  #mig-app .genie-sidebar{
    position:sticky!important;top:0!important;align-self:start!important;
    display:flex!important;flex-direction:column!important;
    width:254px!important;height:calc(100dvh - 84px)!important;
    min-height:0!important;max-height:calc(100dvh - 84px)!important;
    padding:0!important;overflow:hidden!important;
    background:linear-gradient(180deg,#190f31,#25133d)!important;
    border-right:1px solid rgba(248,196,103,.16)!important;
  }
  #mig-app .genie-sidebar .mig-tabs{
    min-height:0!important;flex:1 1 auto!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(224,184,244,.35) transparent;
    padding:16px 12px 10px!important;
  }
  #mig-app .genie-sidebar-art{
    display:block!important;position:relative!important;
    flex:0 0 clamp(228px,38dvh,383px)!important;
    min-height:0!important;max-height:383px!important;
    height:clamp(228px,38dvh,383px)!important;
    margin:0!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;
    background-image:url('genie/genie-sidebar.webp')!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
    opacity:1!important;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 13%)!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%)!important;
    pointer-events:none;
  }
}
/* The lamp is a separate, left-faded visual layer; no hard vertical image seam. */
#mig-app .mig-hero{
  isolation:isolate;
  background:linear-gradient(104deg,#1c0d38 0%,#24113e 45%,#3b2054 100%)!important;
  overflow:hidden!important;
}
#mig-app .mig-hero::before{
  content:"";position:absolute;z-index:0;inset:0 0 0 auto;
  width:clamp(340px,43%,570px);
  background:url('genie/hero-lamp.webp') right center/cover no-repeat;
  opacity:.98;
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 11%,rgba(0,0,0,.70) 41%,#000 70%);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 11%,rgba(0,0,0,.70) 41%,#000 70%);
  pointer-events:none;
}
#mig-app .mig-hero .genie-hero-copy{position:relative;z-index:1;}
/* Uploaded customer image where present; Genie portrait for accounts without an image. */
#mig-app .mig-avatar,
#mig-app .genie-profile-initial,
#mig-app .mig-profile-initial{
  overflow:hidden!important;
  padding:0!important;
  background:linear-gradient(145deg,#422466,#241436)!important;
  border:2px solid #e9bb65!important;
  border-radius:50%!important;
  box-shadow:0 0 0 3px rgba(250,197,105,.09)!important;
  color:#fff;
}
#mig-app .mig-avatar .mig-user-avatar,
#mig-app .genie-profile-initial .mig-user-avatar,
#mig-app .mig-profile-initial .mig-user-avatar{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;border-radius:50%!important;
  max-width:none!important;min-width:0!important;
}
#mig-app .genie-profile-initial{width:62px!important;height:62px!important;flex:0 0 62px!important;}
#mig-app .genie-account-box,#mig-app .genie-plan-box{
  display:flex!important;flex-direction:column!important;
  min-height:255px!important;align-self:stretch!important;
}
#mig-app .genie-bottom-grid{align-items:stretch!important;}
#mig-app .genie-account-details{
  display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;
  gap:16px!important;align-items:center!important;min-height:0;
}
#mig-app .genie-account-copy{min-width:0;overflow-wrap:anywhere;}
#mig-app .genie-plan-box{text-align:left!important;}
#mig-app .genie-plan-copy{
  display:flex;flex-direction:column;gap:8px;
  align-items:flex-start;justify-content:center;flex:1 1 auto;
}
#mig-app .genie-plan-copy p{margin:0!important;}
#mig-app .genie-plan-copy strong{margin:0!important;}
#mig-app .genie-card-footer{
  display:flex;align-items:center;justify-content:flex-end;
  width:100%;margin-top:auto!important;padding-top:19px!important;
}
#mig-app .genie-card-footer button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:9px!important;width:190px!important;min-width:190px!important;
  max-width:100%!important;min-height:46px!important;height:46px!important;
  flex:0 0 auto!important;padding:10px 15px!important;
  color:#281c3d!important;background:linear-gradient(180deg,#ffda77,#f4b333)!important;
  border:1px solid #d9a144!important;border-radius:10px!important;
  font:750 13px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  white-space:nowrap!important;text-align:center!important;
  box-shadow:0 5px 13px rgba(2,0,15,.18)!important;
}
#mig-app .genie-card-footer button .genie-action-icon{width:18px;height:18px;margin:0!important;}
/* Promotion can appear before or after the dashboard card rows via Admin > Promotions. */
#mig-app .genie-dashboard-panel > .genie-promotion:first-child{margin:0 0 18px!important;}
#mig-app .genie-dashboard-panel > .genie-promotion:last-child{margin:19px 0 0!important;}
@media(max-width:980px){
  #mig-app .genie-shell{display:block!important;background:none!important;}
  #mig-app .genie-sidebar{
    position:relative!important;top:auto!important;display:block!important;
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;
  }
  #mig-app .genie-sidebar .mig-tabs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding:11px 12px!important;gap:8px!important;}
  #mig-app .genie-sidebar .mig-tabs button{width:auto!important;flex:0 0 auto!important;white-space:nowrap!important;}
  #mig-app .genie-sidebar-art{display:none!important;}
  #mig-app .genie-bottom-grid{grid-template-columns:minmax(0,1fr)!important;}
  #mig-app .genie-account-box,#mig-app .genie-plan-box{min-height:220px!important;}
}
@media(max-width:600px){
  #mig-app .mig-hero{min-height:180px!important;padding:20px!important;}
  #mig-app .mig-hero::before{width:min(76%,370px);opacity:.55;
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 20%,#000 90%);
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 20%,#000 90%);
  }
  #mig-app .genie-hero-copy{max-width:100%!important;}
  #mig-app .genie-account-details{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;}
  #mig-app .genie-profile-initial{width:52px!important;height:52px!important;flex-basis:52px!important;}
  #mig-app .genie-account-box,#mig-app .genie-plan-box{min-height:200px!important;}
  #mig-app .genie-card-footer{justify-content:stretch;}
  #mig-app .genie-card-footer button{width:100%!important;min-width:0!important;}
}

/* Hero-adjacent promotion is part of the dashboard view, never other tabs. */
#mig-app .genie-promo-under-hero[hidden]{display:none!important;}
#mig-app .genie-promo-under-hero{margin:0 0 16px!important;}
#mig-app .genie-promo-under-hero .genie-promotion{margin:0!important;}


/* GenieIndexer 1.2.1: sidebar grounding, coupon-free checkout and dark billing surfaces.
   Responsive scope; no changes to payment/webhook/wallet logic. */
@media (min-width:981px) {
  /* Sticky sidebar fills the viewport while scrolling; older calc(100dvh - 84px)
     exposed a blank strip beneath the bottom-aligned genie artwork. */
  #mig-app .genie-shell {min-height:100dvh!important;}
  #mig-app .genie-sidebar {
    top:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#190f31 0%,#25133d 100%)!important;
  }
  #mig-app .genie-sidebar .mig-tabs {
    flex:1 1 0!important;
    min-height:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:15px 12px 8px!important;
  }
  #mig-app .genie-sidebar-art {
    position:relative!important;
    bottom:0!important;
    width:100%!important;
    height:clamp(235px,43dvh,383px)!important;
    min-height:0!important;
    max-height:383px!important;
    flex:0 0 clamp(235px,43dvh,383px)!important;
    margin:0!important;
    background-image:url('genie/genie-sidebar.webp')!important;
    background-position:center bottom!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 12%)!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%)!important;
  }
}
/* Coupon blocks are no longer rendered, but override older CSS or cached HTML safely. */
#mig-app .mig-coupon-field,#mig-app .mig-billing-coupon{display:none!important;}
/* Billing tables and empty states must never inherit pale WordPress/pixel surfaces. */
#mig-app .mig-billing-panel .mig-table-scroll {
  box-sizing:border-box;
  background:#281b41!important;
  border:1px solid #6b537c!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow-x:auto;
}
#mig-app .mig-billing-panel .mig-table-scroll table {
  width:100%;
  background:#281b41!important;
  border-collapse:collapse;
  color:#f4e9fc!important;
}
#mig-app .mig-billing-panel .mig-table-scroll thead,
#mig-app .mig-billing-panel .mig-table-scroll thead tr,
#mig-app .mig-billing-panel .mig-table-scroll thead th {
  background:#37234f!important;
  color:#ffe3a5!important;
  border-color:#795c83!important;
}
#mig-app .mig-billing-panel .mig-table-scroll tbody,
#mig-app .mig-billing-panel .mig-table-scroll tbody tr {
  background:#281b41!important;
  color:#f3e8fb!important;
}
#mig-app .mig-billing-panel .mig-table-scroll tbody tr:nth-child(even){
  background:#2e2049!important;
}
#mig-app .mig-billing-panel .mig-table-scroll tbody tr:hover,
#mig-app .mig-billing-panel .mig-table-scroll tbody tr:nth-child(even):hover {
  background:#3b2958!important;
}
#mig-app .mig-billing-panel .mig-table-scroll tbody td,
#mig-app .mig-billing-panel .mig-table-scroll tbody tr:hover td {
  background:transparent!important;
  color:#efe4f7!important;
  border-bottom:1px solid rgba(230,192,255,.17)!important;
}
#mig-app .mig-billing-panel .mig-table-scroll tbody tr:last-child td {border-bottom:0!important;}
#mig-app .mig-billing-panel .mig-table-scroll tbody tr td b,
#mig-app .mig-billing-panel .mig-table-scroll tbody tr td strong {color:#fff2d5!important;}
#mig-app .mig-billing-panel .mig-table-scroll tbody tr td a {color:#ffd474!important;}
#mig-app .mig-billing-panel .mig-table-scroll tbody tr td code {
  background:#423154!important;
  color:#f5dba6!important;
  border:1px solid #6c547e!important;
}
#mig-app .mig-billing-panel .mig-billing-message,
#mig-app .mig-billing-panel .mig-history-controls,
#mig-app .mig-billing-panel .mig-history-controls span {
  color:#dbcce8!important;
}
#mig-app .mig-billing-panel .mig-table-scroll .mig-bill-order-credits {color:#aadcc5!important;}
#mig-app .mig-billing-panel .mig-table-scroll .mig-order-paid{color:#b6f9d1!important;background:#1d4f40!important;}
#mig-app .mig-billing-panel .mig-table-scroll .mig-order-pending{color:#ffe5a5!important;background:#5d4228!important;}
#mig-app .mig-billing-panel .mig-table-scroll .mig-order-review{color:#ffe0df!important;background:#6d3241!important;}
/* Tables without rows still have a readable, integrated empty message. */
#mig-app .mig-billing-panel #mig-orders>tr:only-child td[colspan]{
  padding:20px!important;
  color:#d8c6e5!important;
  font:500 13px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif!important;
}
@media(max-width:620px){
  #mig-app .mig-billing-panel .mig-table-scroll{background:transparent!important;border:0!important;overflow:visible!important;}
  #mig-app .mig-billing-panel .mig-table-scroll table,
  #mig-app .mig-billing-panel .mig-table-scroll tbody{background:transparent!important;}
  #mig-app .mig-billing-panel .mig-table-scroll tbody tr.mig-billing-order,
  #mig-app .mig-billing-panel .mig-table-scroll tbody tr.mig-billing-order:hover{
    box-sizing:border-box;
    background:#302149!important;
    border:1px solid #755686!important;
    border-radius:12px!important;
    margin:10px 0!important;
    padding:8px!important;
  }
  #mig-app .mig-billing-panel .mig-table-scroll tr.mig-billing-order td:before{color:#dcc7ed!important;}
  #mig-app .mig-billing-panel #mig-orders>tr:only-child td[colspan]{background:#302149!important;border:1px solid #755686!important;border-radius:12px!important;}
}