/* Shared frontend rhythm, focus and responsive navigation. */
body.mi-client{--aurora-space:20px;--aurora-radius:18px;--aurora-ink:#392747;--aurora-muted:#665671}
body.mi-client .main-content{line-height:1.65}
body.mi-client .main-content :is(.panel,.mi-kb-entry,.aurora-access-card,.mi-service-section){border-radius:var(--aurora-radius)}
body.mi-client :is(.form-control,.field){border-radius:11px;color:var(--aurora-ink)}
body.mi-client :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #8b5bb2;outline-offset:3px}
body.mi-client :is(.btn,.mi-copy-button,.aurora-secret-toggle){min-height:44px}
body.mi-client .btn>i{margin-inline-end:5px}
body.mi-client .aurora-field-label{display:block;margin:12px 0 6px;color:#49315f;font-size:13px;font-weight:600;line-height:1.5}
body.mi-client .aurora-required{font-size:10px;letter-spacing:.02em;font-weight:600;background:#ede3f6;color:#593475;border-radius:5px;padding:2px 5px;margin-inline-start:5px}
body.mi-client .aurora-field-error{display:block;margin:7px 0;color:#942d47;font-size:13px;line-height:1.5}
body.mi-client [data-aurora-invalid=true]{border-color:#ad3850!important;box-shadow:0 0 0 1px #ad385030}
body.mi-client .aurora-empty{padding:28px 22px;margin:20px 0;border:1px solid #e5d9ef;border-radius:18px;background:#fbf8fe;text-align:center;color:var(--aurora-muted)}
body.mi-client .aurora-empty>i{display:block;font-size:26px;color:#8050a8;margin-bottom:12px}
body.mi-client .aurora-empty h3{font-size:20px;color:var(--aurora-ink);margin:0 0 9px}
body.mi-client .aurora-empty p{margin:0 0 16px}
body.mi-client .aurora-access-status[data-tone=neutral]{color:#60526c;background:#f0ebf5;border-color:#ddd0e8}
body.mi-client .aurora-access-status[data-tone=pending]{color:#77500a;background:#fff3d3;border-color:#ddc37e}
body.mi-client .aurora-access-status[data-tone=inactive]{color:#932c48;background:#ffedf0;border-color:#e5b4c1}
body.mi-client .aurora-access-billing{display:block;text-align:center;padding:10px 8px;margin-top:5px;min-height:44px;font-size:12px;font-weight:600}
body.mi-client .aurora-access-date{border-left:3px solid #9461bb!important}
body.mi-client .aurora-access-feedback[data-error=true]{color:#942d47}
body.mi-client .aurora-access-copy.is-copied{color:#246140;background:#e7f5ec;border-color:#a9d1b7}
body.mi-client .aurora-skeleton{height:12px;border-radius:6px;background:#eae0f1;margin:12px 0;width:80%}
body.mi-client .aurora-skeleton:nth-child(2){width:56%}
body.mi-client .aurora-secret-toggle{border:1px solid #d8c5e7;border-radius:11px;padding:8px 12px;background:#fff;color:#613c7f;font-size:12px;font-weight:600}
body.mi-client .mi-copy-row input[readonly]{min-width:0;flex:1 1 180px;width:100%;background:#fff;border:1px solid #ded1e8;border-radius:10px;padding:10px;font-family:ui-monospace,monospace;font-size:14px;color:#392747}
body.mi-client .mi-service-actions{margin-top:20px}
body.mi-client .aurora-order-progress{margin:8px 0 24px;padding:0;display:flex;gap:10px;list-style:none;counter-reset:orderstep}
body.mi-client .aurora-order-progress li{counter-increment:orderstep;flex:1;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #e4d7ed;border-radius:12px;font-size:13px;color:#6b5b78;background:#ffffffb3}
body.mi-client .aurora-order-progress li:before{content:counter(orderstep);display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#eee4f7;color:#674080;font-weight:700}
body.mi-client .aurora-order-progress li[aria-current=step]{background:#f0e6f9;color:#482961;border-color:#b898d0;font-weight:650}
body.mi-client .aurora-order-progress li[aria-current=step]:before{background:#7546a1;color:#fff}
body.mi-client #order-standard_cart .order-summary{border-radius:18px;overflow:hidden}
body.mi-client #order-standard_cart .summary-container{font-size:14px;line-height:1.7}
body.mi-client #order-standard_cart .total-due-today{font-variant-numeric:tabular-nums}
body.mi-client #order-standard_cart.mi-checkout #totalDueToday{border:1px solid #d7c1e8;background:#f2eafa;color:#47285f;padding:20px;border-radius:16px}
body.mi-client #order-standard_cart.mi-checkout #totalCartPrice{font-size:24px;white-space:nowrap}
body.mi-client .aurora-checkout-note{font-size:13px;color:#64526f;line-height:1.6;margin:16px 0}
body.mi-client #paymentGatewaysContainer .radio-inline{padding:12px 16px 12px 34px;margin:5px;border:1px solid #dacbe6;border-radius:12px;background:#fff;line-height:1.6;min-height:46px}
body.mi-client #paymentGatewaysContainer .radio-inline:has(input:checked){background:#f0e4f8;border-color:#a879c7;color:#573573}
body.mi-client .aurora-mobile-nav{display:none}
body.mi-client .aurora-out-of-view,body.mi-client .aurora-out-of-view:before,body.mi-client .aurora-out-of-view:after,body.mi-client .aurora-out-of-view>i{animation-play-state:paused!important}
/* Keep the requested gradients, with movement concentrated on the artwork. */
body.mi-client.mi-aurora :is(.header-lined h1,.aurora-hero h2,.aurora-auth-story h2,.mi-service-hero h2,.aurora-access-heading h2,.product-group-headline,.main-content>h2){animation-duration:20s}
body.mi-client.mi-aurora .aurora-orbit:before{animation-duration:36s!important}
body.mi-client.mi-aurora .aurora-orbit:after{animation-duration:30s!important}
body.mi-client.mi-aurora .aurora-orbit>i{animation-duration:8s!important}
@media(max-width:767px){
 body.mi-client{--aurora-space:16px;--aurora-radius:16px}
 body.mi-client :is(input.form-control,select.form-control,textarea.form-control,.field){font-size:16px}
 body.mi-client .aurora-order-progress{gap:5px;margin-bottom:18px}
 body.mi-client .aurora-order-progress li{padding:9px 6px;font-size:11px;gap:5px;justify-content:center}
 body.mi-client .aurora-order-progress li:before{width:21px;height:21px;flex-basis:21px}
 body.mi-client.aurora-has-mobile-nav{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
 body.mi-client .aurora-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:1020;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:8px;right:82px;padding:6px 4px;background:#fdfafff7;border:1px solid #ddcce9;border-radius:17px;box-shadow:0 -5px 22px #58357512}
 body.mi-client .aurora-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;padding:5px;border-radius:12px;color:#665273;font-size:11px;font-weight:600;line-height:1.3;text-decoration:none}
 body.mi-client .aurora-mobile-nav i{font-size:18px}
 body.mi-client .aurora-mobile-nav a[aria-current=page]{color:#61358a;background:#eee2f8}
 body.mi-client.aurora-editing .aurora-mobile-nav,body.mi-client.modal-open .aurora-mobile-nav{display:none}
 body.mi-client #footer .back-to-top{margin-bottom:10px}
 body.mi-client .mi-copy-row{flex-wrap:wrap;gap:8px}
 body.mi-client .mi-copy-row input[readonly]{flex-basis:100%;font-size:16px}
 body.mi-client .aurora-secret-toggle{flex:1}
}
@media(prefers-reduced-motion:reduce){body.mi-client .aurora-skeleton{animation:none!important}}
@media print{body.mi-client .aurora-mobile-nav{display:none!important}body.mi-client.aurora-has-mobile-nav{padding-bottom:0!important}}
@media(max-width:380px){body.mi-client .aurora-mobile-nav a{font-size:10px;padding:4px 1px}}

/* Shared navigation is required on every frontend page, including quotes. */
/* Dashboard contrast corrections. Scoped to customer navigation and tickets. */
body.mi-client #main-menu .navbar-main .navbar-nav.navbar-right > li.dropdown,
body.mi-client #main-menu .navbar-main .navbar-nav > li[menuitemname="Account"] {
 background: transparent !important; border-radius: 12px;
}
body.mi-client #main-menu .navbar-main .navbar-nav.navbar-right > li.dropdown > a,
body.mi-client #main-menu .navbar-main .navbar-nav > li[menuitemname="Account"] > a {
 background: #eee1fa !important; color: #461c65 !important;
 border: 1px solid #d3b7e8; border-radius: 12px; font-weight: 700;
 text-shadow: none; box-shadow: inset 0 1px 0 #fff;
}
body.mi-client #main-menu .navbar-main .navbar-nav.navbar-right > li.dropdown > a:hover,
body.mi-client #main-menu .navbar-main .navbar-nav.navbar-right > li.dropdown > a:focus,
body.mi-client #main-menu .navbar-main .navbar-nav.navbar-right > li.dropdown.open > a,
body.mi-client #main-menu .navbar-main .navbar-nav > li[menuitemname="Account"].open > a {
 background: #e3cff3 !important; color: #35124f !important; border-color: #b88bd5;
}
body.mi-client #main-menu .navbar-main .navbar-nav.navbar-right > li.dropdown > a .caret {
 color: inherit; border-top-color: currentColor; border-bottom-color: currentColor;
}
body.mi-client #main-menu .navbar-right .dropdown-menu > li > a {
 color: #3e2452; background: #fdfbff; font-weight: 600; line-height: 1.6;
}
body.mi-client #main-menu .navbar-right .dropdown-menu > li > a:hover,
body.mi-client #main-menu .navbar-right .dropdown-menu > li > a:focus {
 color: #461c65; background: #eee1fa;
}

/* Consistent readable table toolbar, also for inherited templates. */
body.mi-client .dataTables_wrapper .dataTables_info{background:#f4eef9!important;color:#574361!important;border:1px solid #e2d4ec;border-radius:14px;padding:18px 20px!important;min-height:76px;font-size:13px;font-weight:400;line-height:1.6;white-space:normal}
body.mi-client .dataTables_wrapper .dataTables_filter{margin:0;max-width:100%}
body.mi-client .dataTables_wrapper .dataTables_filter label{display:block;padding:10px 12px;margin:0;color:#543766;font-size:12px;font-weight:600;white-space:normal}
body.mi-client .dataTables_wrapper .dataTables_filter input[type="search"]{background:#fff!important;background-image:none!important;color:#392747!important;-webkit-text-fill-color:#392747;caret-color:#7546a1;border:1px solid #cdb4df!important;border-radius:11px;min-height:44px;height:auto;width:230px;max-width:100%;margin:0;padding:10px 13px!important;font-size:14px;line-height:1.5;box-shadow:inset 0 1px 2px #6f439908}
body.mi-client .dataTables_wrapper .dataTables_filter input[type="search"]::placeholder{color:#71607f!important;-webkit-text-fill-color:#71607f;opacity:1}
body.mi-client .dataTables_wrapper .dataTables_filter input[type="search"]:focus{border-color:#8d5eb2!important;outline:2px solid #ba94d8;outline-offset:2px;box-shadow:none}
body.mi-client .dataTables_filter .aurora-table-search-label{display:block;margin:0 0 5px;color:#543766;font-size:12px;line-height:1.4}
@media(max-width:767px){body.mi-client .dataTables_wrapper .dataTables_filter{float:none;width:100%;margin:0}body.mi-client .dataTables_wrapper .dataTables_filter label{padding:12px 0}body.mi-client .dataTables_wrapper .dataTables_filter input[type="search"]{width:100%;font-size:16px}body.mi-client .dataTables_wrapper .dataTables_info{padding:12px 14px!important;min-height:0}}