/* Scoped to the eight popup menus. Dashboard cards and other hubs retain their styles. */
.lp-center-modal--panels {background:rgba(25,36,57,.62);backdrop-filter:blur(7px);padding:24px;overflow:auto;animation:lp-panels-fade .2s ease both}
.lp-center-modal--panels .lp-center-modal__dialog {width:min(960px,100%);max-width:960px;max-height:calc(100dvh - 48px);margin:auto;border:1px solid #fff;border-radius:24px;background:#fff;box-shadow:0 24px 90px #14233d45;color:#080e39;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;animation:lp-panels-rise .24s ease both;overflow:auto;display:block}
.lp-center-modal--panels .lp-center-modal__head {display:flex;align-items:flex-start;gap:26px;padding:28px 32px 24px;background:#fff;border:0;position:relative}
.lp-center-modal--panels .lp-center-modal__icon {display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border-radius:20px;background:linear-gradient(135deg,#20d1de,#00a1bc);color:#fff;box-shadow:0 5px 12px #009eb52b;margin:0}
.lp-center-modal--panels .lp-center-modal__icon svg {width:46px;height:46px}
.lp-center-modal--panels .lp-center-modal__heading {min-width:0;flex:1;padding-inline-end:24px}
.lp-center-brand {font-size:34px;font-weight:700;letter-spacing:-1.5px;line-height:1.25;margin:0 0 18px;color:#080e39}
.lp-center-brand span {color:#00acd0;position:relative}
.lp-center-brand span:after {content:'';position:absolute;width:38px;height:12px;border-bottom:4px solid #00acd0;border-radius:0 0 50% 50%;bottom:-8px;inset-inline-start:0}
.lp-center-modal--panels .lp-center-modal__heading h2 {font-size:clamp(28px,4vw,48px);line-height:1.12;letter-spacing:-1.7px;font-weight:700;color:#080e39;margin:0 0 12px;overflow-wrap:anywhere}
.lp-center-modal--panels .lp-center-modal__heading p {font-size:20px;line-height:1.45;color:#63718b;margin:0;max-width:720px}
.lp-center-modal--panels .lp-center-modal__close {position:absolute;inset-inline-end:22px;top:24px;background:transparent;color:#737f97;width:44px;height:44px;border:0;border-radius:10px}
.lp-center-modal--panels .lp-center-modal__close svg {width:30px;height:30px}
.lp-center-modal--panels .lp-center-modal__close:hover {background:#eef3f9}
.lp-center-modal--panels .lp-center-modal__body {padding:0 24px 24px;overflow:visible}
.lp-center-modal--panels .lp-center-modal__actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.lp-center-modal--panels .lp-center-modal__actions>li {--panel:#009e82;--wash:#ecf9f5;position:relative;min-width:0;border-radius:22px;background:var(--wash);border:0;overflow:hidden}
.lp-center-modal--panels .lp-center-modal__actions>li:nth-child(2) {--panel:#087dff;--wash:#edf6ff}
.lp-center-modal--panels .lp-center-modal__actions>li:nth-child(3) {--panel:#fa3f70;--wash:#fff0f5}
.lp-center-modal--panels .lp-center-modal__actions>li:nth-child(4) {--panel:#8139f5;--wash:#f3eeff}
#lpCenterModal-help .lp-center-modal__actions>li:nth-child(1),#lpCenterModal-billing .lp-center-modal__actions>li:nth-child(1) {--panel:#087dff;--wash:#edf6ff}
#lpCenterModal-help .lp-center-modal__actions>li:nth-child(2),#lpCenterModal-billing .lp-center-modal__actions>li:nth-child(2) {--panel:#00b58a;--wash:#ecf9f5}
#lpCenterModal-help .lp-center-modal__actions>li:nth-child(3) {--panel:#8139f5;--wash:#f3eeff}
#lpCenterModal-help .lp-center-modal__actions>li:nth-child(4),#lpCenterModal-billing .lp-center-modal__actions>li:nth-child(3) {--panel:#f59600;--wash:#fff7eb}
.lp-center-modal--panels .lp-center-modal__action {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px;position:relative;box-sizing:border-box;min-height:295px;height:100%;width:100%;padding:28px 28px 78px;border:0;border-radius:22px;background:transparent;color:#080e39;text-align:start;text-decoration:none;box-shadow:none;transition:background .18s,transform .18s;white-space:normal}
.lp-center-modal--panels .lp-center-modal__action:hover {background:color-mix(in srgb,var(--panel) 7%,transparent);transform:translateY(-2px)}
.lp-center-modal--panels .lp-center-modal__action:focus-visible,.lp-panel-game-link:focus-visible {outline:3px solid var(--panel);outline-offset:-4px}
.lp-center-modal--panels .lp-center-modal__action-icon {display:grid;place-items:center;width:88px;height:88px;flex:0 0 88px;border-radius:21px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 70%,white),var(--panel));box-shadow:0 5px 12px color-mix(in srgb,var(--panel) 18%,transparent)}
.lp-center-modal--panels .lp-center-modal__action-icon svg {width:46px;height:46px}
.lp-center-modal--panels .lp-center-modal__action-label {font-size:27px;line-height:1.2;font-weight:650;letter-spacing:-.8px;overflow-wrap:anywhere}
.lp-center-modal--panels .lp-center-modal__action-desc {display:block;color:#64728c;font-size:19px;line-height:1.45;font-weight:400;letter-spacing:0;margin-top:10px}
.lp-center-modal--panels .lp-center-modal__action-go {position:absolute;inset-inline-end:24px;bottom:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--panel);background:color-mix(in srgb,var(--panel) 11%,transparent)}
.lp-center-modal--panels .lp-center-modal__action-go svg {width:27px;height:27px}
.lp-center-modal--panels .lp-center-modal__foot {background:#fff;border:0;padding:0 24px 24px}
.lp-panel-links {display:none}
.lp-panel-game-links {position:relative;display:flex;flex-direction:column;gap:8px;margin:-64px 28px 26px;padding-inline-end:50px}
.lp-panel-game-link {font-size:17px;line-height:1.4;color:#506784;text-decoration:none;padding:4px 0}
.lp-panel-game-link:hover {text-decoration:underline;color:var(--panel)}
.lp-center-modal--panels .lp-center-view__body .hub-banner,.lp-center-modal--panels .lp-center-view__body [class*='hub-banner'],.lp-center-modal--panels .lp-center-view__body .tph-banner {display:none!important}
.lp-center-modal--panels.is-closing {animation:lp-panels-fade .16s ease reverse both;pointer-events:none}
.lp-center-modal--panels.is-closing .lp-center-modal__dialog {animation:lp-panels-rise .16s ease reverse both}
@keyframes lp-panels-fade {from{opacity:0}to{opacity:1}}
@keyframes lp-panels-rise {from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.lp-exam-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lp-exam-tile {display:flex;flex-direction:column;gap:20px;background:#ecf9f5;border-radius:20px;padding:28px;color:#080e39;text-decoration:none;font:600 27px/1.3 'Segoe UI',system-ui,sans-serif}
.lp-exam-tile:nth-child(2){background:#edf6ff}.lp-exam-tile:nth-child(3){background:#fff0f5}.lp-exam-tile:nth-child(4){background:#f3eeff}
.lp-exam-icon {display:grid;place-items:center;width:76px;height:76px;background:#008cba;color:#fff;border-radius:18px}.lp-exam-icon svg{width:40px;height:40px}
.lp-exam-tile:focus-visible{outline:3px solid #087dff}.lp-exam-tile:hover{box-shadow:0 5px 20px #15295015}
@media(max-width:767px){.lp-center-modal--panels{padding:12px}.lp-center-modal--panels .lp-center-modal__dialog{max-height:calc(100dvh - 24px);border-radius:20px}.lp-center-modal--panels .lp-center-modal__head{padding:24px 20px;gap:18px}.lp-center-modal--panels .lp-center-modal__icon{width:64px;height:64px;flex-basis:64px;border-radius:16px}.lp-center-modal--panels .lp-center-modal__icon svg{width:34px;height:34px}.lp-center-brand{font-size:27px;margin-bottom:18px}.lp-center-modal--panels .lp-center-modal__heading h2{font-size:32px;letter-spacing:-1px}.lp-center-modal--panels .lp-center-modal__heading p{font-size:17px}.lp-center-modal--panels .lp-center-modal__body{padding:0 16px 16px}.lp-center-modal--panels .lp-center-modal__actions{gap:14px}.lp-center-modal--panels .lp-center-modal__action{padding:22px 20px 72px;min-height:270px}.lp-center-modal--panels .lp-center-modal__action-label{font-size:24px}.lp-center-modal--panels .lp-center-modal__action-desc{font-size:17px}}
@media(max-width:560px){.lp-center-modal--panels .lp-center-modal__actions,.lp-exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-center-modal--panels .lp-center-modal__head{gap:12px}.lp-center-modal--panels .lp-center-modal__icon{width:48px;height:48px;flex-basis:48px;border-radius:12px}.lp-center-modal--panels .lp-center-modal__icon svg{width:28px;height:28px}.lp-center-brand{font-size:24px}.lp-center-modal--panels .lp-center-modal__heading{padding-inline-end:18px}.lp-center-modal--panels .lp-center-modal__heading h2{font-size:29px}.lp-center-modal--panels .lp-center-modal__close{top:14px;inset-inline-end:10px;width:36px;height:36px}.lp-center-modal--panels .lp-center-modal__action{min-height:260px}.lp-center-modal--panels .lp-center-modal__action-icon{width:72px;height:72px;flex-basis:72px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){.lp-center-modal--panels,.lp-center-modal--panels .lp-center-modal__dialog,.lp-center-modal--panels .lp-center-modal__action{animation:none!important;transition:none!important}}
.lp-center-modal--panels .lp-center-view__body .lp-hubb{display:none!important}
.tph .tph-bar[hidden],.lp-shelf-section[hidden]{display:none!important}

/* Preserve the same four-panel arrangement on phones and tablets. */
@media(max-width:560px){
 .lp-center-modal--panels .lp-center-modal__body{padding:0 12px 16px}
 .lp-center-modal--panels .lp-center-modal__actions,.lp-exam-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .lp-center-modal--panels .lp-center-modal__actions>li{border-radius:16px}
 .lp-center-modal--panels .lp-center-modal__action{padding:16px 14px 62px;min-height:265px;gap:14px;border-radius:16px}
 .lp-center-modal--panels .lp-center-modal__action-icon{width:52px;height:52px;flex-basis:52px;border-radius:14px}
 .lp-center-modal--panels .lp-center-modal__action-icon svg{width:30px;height:30px}
 .lp-center-modal--panels .lp-center-modal__action-label{font-size:18px;line-height:1.25;letter-spacing:-.35px}
 .lp-center-modal--panels .lp-center-modal__action-desc{font-size:14px;line-height:1.4;margin-top:9px}
 .lp-center-modal--panels .lp-center-modal__action-go{width:38px;height:38px;inset-inline-end:12px;bottom:14px}
 .lp-center-modal--panels .lp-center-modal__action-go svg{width:22px;height:22px}
 #lpCenterModal-games .lp-center-modal__action{min-height:300px;padding-bottom:135px}
 #lpCenterModal-games .lp-center-modal__action-go{display:none}
 .lp-panel-game-links{position:absolute;inset-inline:14px;bottom:16px;margin:0;padding:0;gap:5px}
 .lp-panel-game-link{font-size:13px;overflow-wrap:anywhere}
 .lp-exam-tile{min-width:0;padding:18px 14px;border-radius:16px;font-size:18px;gap:16px;overflow-wrap:anywhere}
 .lp-exam-icon{width:52px;height:52px;border-radius:14px}.lp-exam-icon svg{width:30px;height:30px}
}

/* Action-rich menus: four panels containing individual, working shortcut tiles. */
.lp-center-modal--panels .lp-menu-panel{position:relative;height:100%;padding:26px 26px 32px;box-sizing:border-box}
.lp-center-modal--panels .lp-menu-panel__primary{position:static;min-height:0;height:auto;padding:0;gap:16px;border-radius:12px;transform:none;background:none}
.lp-center-modal--panels .lp-menu-panel__primary:hover{background:none;transform:none}
.lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-icon{width:76px;height:76px;flex-basis:76px;border-radius:19px}
.lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-label{font-size:27px}
.lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-desc{font-size:18px;line-height:1.45;font-weight:400}
.lp-center-action-tiles{list-style:none!important;padding:0!important;margin:22px 0 0!important;display:flex;flex-direction:column;gap:8px}
.lp-center-action-tiles>li{margin:0!important;padding:0!important;min-width:0}
.lp-center-action-tile{display:flex;align-items:flex-start;gap:14px;width:100%;box-sizing:border-box;padding:7px 5px;border:0;border-radius:9px;background:transparent;color:#536581;text-align:start;text-decoration:none;font:400 17px/1.4 'Segoe UI',system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere;transition:background .15s,color .15s}
.lp-center-action-tile:hover{background:color-mix(in srgb,var(--panel) 9%,white);color:var(--panel);text-decoration:none}
.lp-center-action-tile:focus-visible{outline:2px solid var(--panel);outline-offset:2px}
.lp-center-action-tile__icon{display:inline-flex;flex:0 0 24px;color:var(--panel);padding-top:1px}.lp-center-action-tile__icon svg{width:24px;height:24px}
.lp-center-action-tiles>li:last-child .lp-center-action-tile{padding-inline-end:56px}
.lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-go{width:48px;height:48px;bottom:26px;inset-inline-end:22px}
#lpCenterModal-games .lp-menu-panel__primary .lp-center-modal__action-go{display:grid}
@media(max-width:767px){.lp-center-modal--panels .lp-menu-panel{padding:22px 20px 30px}.lp-center-action-tile{font-size:16px;gap:10px}}
@media(max-width:560px){
 .lp-center-modal--panels .lp-menu-panel{padding:16px 12px 24px}
 .lp-center-modal--panels .lp-menu-panel__primary{min-height:0;padding:0;gap:13px}
 #lpCenterModal-games .lp-menu-panel__primary{min-height:0;padding:0}
 .lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-icon{width:50px;height:50px;flex-basis:50px;border-radius:14px}
 .lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-label{font-size:18px;line-height:1.3}
 .lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-desc{font-size:13px;line-height:1.45}
 .lp-center-action-tiles{margin-top:16px!important;gap:7px}
 .lp-center-action-tile{font-size:12px;line-height:1.45;gap:7px;padding:6px 0;min-height:32px}
 .lp-center-action-tile__icon{flex-basis:18px}.lp-center-action-tile__icon svg{width:18px;height:18px}
 .lp-center-action-tiles>li:last-child .lp-center-action-tile{padding-inline-end:30px}
 .lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-go{width:30px;height:30px;bottom:23px;inset-inline-end:10px}
 .lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-go svg{width:19px;height:19px}
}

/* Match the dashboard's tinted-to-white tile surface and interaction feedback. */
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel){
 isolation:isolate;border:1px solid color-mix(in srgb,var(--panel) 20%,#e3ebf3);
 background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 9%,#fff) 0%,#fff 46%);
 box-shadow:0 1px 2px rgba(9,62,114,.05),0 10px 24px -14px color-mix(in srgb,var(--panel) 50%,transparent);
 transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel)::before{
 content:'';position:absolute;top:0;inset-inline:0;height:4px;z-index:4;pointer-events:none;
 background:linear-gradient(90deg,var(--panel),color-mix(in srgb,var(--panel) 45%,#fff));
 transform:scaleX(.18);transform-origin:left;opacity:.9;
 transition:transform .32s cubic-bezier(.22,.8,.3,1),opacity .2s ease;
}
[dir=rtl] .lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel)::before{transform-origin:right}
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel):hover,
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel):focus-within{
 transform:translateY(-2px);border-color:color-mix(in srgb,var(--panel) 36%,#e3ebf3);
 box-shadow:0 2px 4px rgba(9,62,114,.05),0 12px 24px -12px color-mix(in srgb,var(--panel) 45%,transparent);
}
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel):hover::before,
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel):focus-within::before{transform:scaleX(1);opacity:1}
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel):active{
 transform:translateY(0);box-shadow:0 2px 5px rgba(9,62,114,.12),inset 0 1px 2px rgba(9,62,114,.08);transition-duration:.06s;
}
/* A panel's empty space opens its main destination; action tiles stay above it. */
.lp-center-modal--panels .lp-menu-panel__primary::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer}
.lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-go{z-index:3;transition:background .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel):hover .lp-center-modal__action-go,
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel):focus-within .lp-center-modal__action-go{background:var(--panel);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--panel) 22%,transparent);transform:translateY(-1px)}
.lp-center-modal--panels .lp-menu-panel__primary:active .lp-center-modal__action-go{transform:translateY(1px);box-shadow:0 2px 5px color-mix(in srgb,var(--panel) 20%,transparent),inset 0 1px 2px rgba(0,30,80,.15);transition-duration:.06s}
.lp-center-modal--panels .lp-center-action-tile{
 position:relative;z-index:2;border:1px solid color-mix(in srgb,var(--panel) 14%,#fff);
 background:color-mix(in srgb,var(--panel) 6%,#fff);
 box-shadow:0 1px 2px rgba(9,62,114,.04);padding-inline:8px;
 transition:background .15s ease,box-shadow .15s ease,transform .12s ease,border-color .15s ease;
}
.lp-center-modal--panels .lp-center-action-tile:hover,.lp-center-modal--panels .lp-center-action-tile:focus-visible{
 transform:translateY(-1px);color:var(--panel);border-color:color-mix(in srgb,var(--panel) 36%,#e3ebf3);
 background:color-mix(in srgb,var(--panel) 11%,#fff);box-shadow:0 4px 8px color-mix(in srgb,var(--panel) 16%,transparent);
}
.lp-center-modal--panels .lp-center-action-tile:active{
 transform:translateY(1px);background:color-mix(in srgb,var(--panel) 16%,#fff);
 box-shadow:0 2px 5px color-mix(in srgb,var(--panel) 20%,transparent),inset 0 1px 2px rgba(0,30,80,.15);transition-duration:.06s;
}
.lp-center-modal--panels .lp-center-action-tile:focus-visible{outline:3px solid #ffcc45;outline-offset:2px}
.lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel__primary:focus-visible){outline:3px solid #ffcc45;outline-offset:3px}
@media(max-width:560px){.lp-center-modal--panels .lp-center-action-tile{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){
 .lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel),
 .lp-center-modal--panels .lp-center-modal__actions>li:has(.lp-menu-panel)::before,
 .lp-center-modal--panels .lp-center-action-tile,
 .lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-go{transition:none!important;transform:none!important}
}

/* Tighter desktop/tablet panels; phone widths keep their existing two columns. */
@media(min-width:768px){
 .lp-center-modal--panels .lp-center-modal__dialog{width:min(800px,94%);max-width:800px}
 .lp-center-modal--panels .lp-center-modal__heading h2{font-size:40px}
 .lp-center-modal--panels .lp-menu-panel{padding-inline:22px}
}

/* Reuse the existing Open full page control on each popup home. */
.lp-center-home-toolbar{display:flex;justify-content:flex-start;padding:12px 24px 0}
.lp-center-home-toolbar .lp-center-view__full{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#536581;padding:6px 10px;border-radius:999px;text-decoration:none}
.lp-center-home-toolbar .lp-center-view__full:hover{background:#edf4fa;color:#0879cf}
.lp-center-home-toolbar .lp-center-view__full:focus-visible{outline:2px solid #0879cf;outline-offset:2px}

/* One main-page control per popup; subviews keep their existing back navigation. */

.lp-center-modal--panels .lp-center-action-tiles>li:last-child .lp-center-action-tile{padding-inline-end:8px}
@media(max-width:560px){.lp-center-modal--panels .lp-center-action-tiles>li:last-child .lp-center-action-tile{padding-inline-end:5px}}

.lp-center-home-toolbar{direction:ltr}
.lp-center-home-toolbar .lp-center-view__full{margin:0!important}

/* Compact menus: content sets panel height, with smaller icons and spacing. */
.lp-center-modal--panels .lp-center-modal__head{padding:14px 22px 16px;gap:16px}
.lp-center-modal--panels .lp-center-modal__icon{width:48px;height:48px;flex-basis:48px;border-radius:13px}
.lp-center-modal--panels .lp-center-modal__icon svg{width:28px;height:28px}
.lp-center-modal--panels .lp-center-brand{font-size:24px;margin-bottom:10px}
.lp-center-modal--panels .lp-center-modal__heading h2{font-size:26px;letter-spacing:-.7px;margin-bottom:7px}
.lp-center-modal--panels .lp-center-modal__heading p{font-size:14px;line-height:1.45}
.lp-center-modal--panels .lp-center-modal__actions{gap:12px}
.lp-center-modal--panels .lp-menu-panel{padding:14px;min-height:0}
.lp-center-modal--panels .lp-menu-panel__primary{gap:9px}
.lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}
.lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-icon svg{width:23px;height:23px}
.lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-label{font-size:19px;line-height:1.25;letter-spacing:-.4px}
.lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-desc{font-size:14px;line-height:1.4;margin-top:5px}
.lp-center-modal--panels .lp-center-action-tiles{margin-top:12px!important;gap:5px}
.lp-center-modal--panels .lp-center-action-tile{font-size:13px;line-height:1.4;padding:6px 8px;gap:8px;min-height:32px}
.lp-center-modal--panels .lp-center-action-tile__icon{flex-basis:19px}
.lp-center-modal--panels .lp-center-action-tile__icon svg{width:19px;height:19px}
.lp-center-home-toolbar{padding-top:6px}
@media(max-width:560px){
 .lp-center-modal--panels .lp-center-modal__head{padding:10px 14px 14px;gap:10px}
 .lp-center-modal--panels .lp-center-brand{font-size:21px}
 .lp-center-modal--panels .lp-center-modal__heading h2{font-size:23px}
 .lp-center-modal--panels .lp-center-modal__heading p{font-size:13px}
 .lp-center-modal--panels .lp-menu-panel{padding:12px 10px}
 .lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-label{font-size:17px}
 .lp-center-modal--panels .lp-menu-panel__primary .lp-center-modal__action-desc{font-size:12px}
 .lp-center-modal--panels .lp-center-action-tile{font-size:12px;padding:6px 5px;gap:5px}
}

/* Compact dashboard launchers; detailed shortcuts remain inside the popups. */
.lp-dashboard-centers .mission-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lp-dashboard-centers .mission-card{min-width:0;min-height:0;padding:14px;gap:10px}
.lp-dashboard-centers .mission-card__head{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.lp-dashboard-centers .mission-card__head h5{font-size:17px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;margin:0}
.lp-dashboard-centers .mission-card__icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px}
.lp-dashboard-centers .mission-card__icon svg{width:23px;height:23px}
.lp-dashboard-centers .mission-card__text{font-size:13px;line-height:1.4;margin:0}
.lp-dashboard-centers .mission-card__links{display:none}
.lp-dashboard-centers .mission-card .mission-card__cta{min-height:36px;padding:8px 10px;font-size:13px;white-space:normal;line-height:1.25;margin-top:auto}
@media(min-width:1100px){.lp-dashboard-centers .mission-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.lp-dashboard-centers .mission-card{padding:12px}.lp-dashboard-centers .mission-card__head h5{font-size:16px}}

/* Messages is the reference for every popup header and its separate control row. */
.lp-center-modal .lp-center-modal__head{position:relative;padding:18px 24px 16px;gap:16px;border-bottom:1px solid #e3eaf1}
.lp-center-modal .lp-center-modal__heading{padding-inline-end:32px;min-width:0}
.lp-center-modal .lp-center-modal__heading h2{font-size:24px;line-height:1.2;margin:0 0 6px;letter-spacing:-.4px}
.lp-center-modal .lp-center-modal__heading p{font-size:14px;line-height:1.4;margin:0}
.lp-center-modal .lp-center-modal__close{position:absolute;top:16px;inset-inline-end:18px;width:28px;height:28px;min-width:28px;padding:4px;border:0;background:transparent;color:#62728a;border-radius:7px}
.lp-center-modal .lp-center-modal__close svg{width:20px;height:20px}
.lp-center-modal .lp-center-modal__close:hover{background:#edf3f9}
.lp-center-modal .lp-center-controls{position:relative!important;top:auto!important;inset:auto!important;display:flex;align-items:center;gap:10px;margin:0!important;padding:9px 24px!important;min-height:42px;box-sizing:border-box;border:0!important;border-bottom:1px solid #e3eaf1!important;background:#fff!important;flex:0 0 auto;z-index:2}
.lp-center-modal .lp-center-controls .lp-center-view__full{display:inline-flex;align-items:center;gap:7px;margin-inline-start:auto!important;font:600 13px/1.4 'Segoe UI',system-ui,sans-serif;color:#62728a;padding:0;text-decoration:none;white-space:normal}
.lp-center-modal .lp-center-controls .lp-center-view__full svg{width:16px;height:16px;flex:0 0 16px}
.lp-center-modal .lp-center-controls .lp-center-view__back{font-size:13px;padding:0;min-height:24px}
.lp-center-modal .lp-center-controls [hidden]{display:none!important}
.lp-center-modal .lp-center-controls .lp-center-view__status{font-size:12px;min-width:0}
.lp-center-modal--panels .lp-center-modal__body{padding-top:14px}
/* Retained menus stack only on narrow phones; desktop/tablet remain 2x2. */
@media(max-width:420px){.lp-center-modal--panels .lp-center-modal__actions,.lp-exam-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
 .lp-center-modal .lp-center-modal__head{padding:14px 16px;gap:12px}
 .lp-center-modal .lp-center-modal__heading h2{font-size:22px}
 .lp-center-modal .lp-center-modal__close{top:12px;inset-inline-end:12px}
 .lp-center-modal .lp-center-controls{padding:8px 16px!important;min-height:38px}
 .lp-center-modal .lp-center-controls .lp-center-view__full{font-size:12px}
}

/* Artwork only: preserve each popup's size and all existing controls. */
.lp-center-modal .has-compact-banner{display:flex;flex-direction:column;overflow:hidden}
.lp-center-modal .has-compact-banner>.lp-center-modal__head,
.lp-center-modal .has-compact-banner>.lp-center-controls,
.lp-center-modal .has-compact-banner>.lp-center-modal__foot{flex:0 0 auto}
.lp-center-modal .has-compact-banner>.lp-center-modal__body{flex:1 1 auto;min-height:0;overflow:auto}
.lp-center-banner{flex:0 0 auto;padding:10px 24px;display:flex;justify-content:center;align-items:center}
.lp-center-banner[hidden]{display:none!important}
.lp-center-banner img{display:block;width:auto;height:auto;max-width:100%;max-height:120px;object-fit:contain;border-radius:12px}
.lp-center-modal .has-compact-banner .lp-center-view__body .lp-hubb,
.lp-center-modal .has-compact-banner .lp-center-view__body .hub-banner,
.lp-center-modal .has-compact-banner .lp-center-view__body .tph-banner,
.lp-center-modal .has-compact-banner .lp-center-view__body .hc-hero__art{display:none!important}
@media(max-width:767px){.lp-center-banner{padding:8px 16px}.lp-center-banner img{max-height:100px}}
@media(max-width:420px){.lp-center-banner img{max-height:84px}}

/* Banners share the normal content scroller and align with its edges. */
.lp-center-modal .has-compact-banner>.lp-center-modal__body{display:block;padding:14px 28px 24px;overflow:auto}
.lp-center-modal .has-compact-banner .lp-center-banner{position:static;display:block;padding:0;margin:0 0 14px;width:100%}
.lp-center-modal .has-compact-banner .lp-center-banner[hidden]{display:none!important}
.lp-center-modal .has-compact-banner .lp-center-banner img{width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain}
.lp-center-modal .has-compact-banner .lp-center-modal__body>.lp-center-view{min-height:0}
@media(max-width:767px){.lp-center-modal .has-compact-banner>.lp-center-modal__body{padding:12px 16px 16px}.lp-center-modal .has-compact-banner .lp-center-banner{margin-bottom:12px}}

/* Four top centers: one existing modal frame, one body scroller. */
.lp-center-modal.lp-center-modal--top{padding:20px;align-items:center;justify-content:center;overflow:hidden}
.lp-center-modal.lp-center-modal--top .lp-center-modal__dialog,.lp-center-modal.lp-center-modal--top .lp-center-modal__dialog.is-viewing{display:flex;flex-direction:column;box-sizing:border-box;width:min(1120px,100%);max-width:1120px;height:min(800px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);margin:auto;overflow:hidden;border-radius:20px;background:#fff;transform:none;animation:none}
.lp-center-modal.lp-center-modal--top .lp-center-modal__head{display:flex;align-items:center;position:relative;flex:none;gap:14px;min-height:88px;padding:16px 66px 16px 20px;background:linear-gradient(115deg,#f0f6ff,#faf7ff);border-bottom:1px solid #e2eaf3}
.lp-center-modal.lp-center-modal--top .lp-center-modal__heading{min-width:0;padding:0;flex:1}
.lp-center-modal.lp-center-modal--top .lp-center-modal__heading h2{margin:0 0 4px;font-size:22px;line-height:1.2;letter-spacing:-.3px}
.lp-center-modal.lp-center-modal--top .lp-center-modal__heading p{margin:0;font-size:13px;line-height:1.4;color:#61718b}
.lp-center-modal.lp-center-modal--top .lp-center-modal__icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;margin:0;border-radius:14px;background:#eee9ff;color:#7050d8;box-shadow:none}
.lp-center-modal.lp-center-modal--top .lp-center-modal__icon svg{width:26px;height:26px}
#lpCenterModal-act-matching.lp-center-modal--top .lp-center-modal__icon{background:#e3f8ee;color:#008e77}
#lpCenterModal-act-reviews.lp-center-modal--top .lp-center-modal__icon{background:#fff0dd;color:#c77808}
:is(#lpCenterModal-act-social,#lpCenterModal-stu-social).lp-center-modal--top .lp-center-modal__icon{background:#fff0e5;color:#e46d15}
.lp-center-modal.lp-center-modal--top .lp-center-modal__close{position:absolute;top:16px;inset-inline-end:16px;display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:8px;border:1px solid #dde6ef;border-radius:12px;background:#fff;color:#153453;box-shadow:none;z-index:5}
.lp-center-modal.lp-center-modal--top .lp-center-modal__close svg{width:22px;height:22px}
.lp-center-modal.lp-center-modal--top .lp-center-controls{position:static;display:flex;flex:none;align-items:center;gap:10px;padding:8px 20px;margin:0;border-bottom:1px solid #e5ecf5;background:#fff;min-height:38px}
.lp-center-modal.lp-center-modal--top .lp-center-controls .lp-center-view__full{margin-inline-start:auto;font-size:12px;padding:2px 0}
.lp-center-modal.lp-center-modal--top .lp-center-modal__body{display:block;flex:1 1 auto;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain}
.lp-center-modal.lp-center-modal--top .lp-center-modal__home{min-height:0;height:auto;padding:0;margin:0;overflow:visible}
.lp-center-modal.lp-center-modal--top .lp-center-view{display:block;min-height:0;height:auto;overflow:visible;padding:0;gap:0}
.lp-center-modal.lp-center-modal--top .lp-center-view[hidden]{display:none}
.lp-center-modal.lp-center-modal--top :is(.lp-center-view__body,.lp-embed){display:block;height:auto;min-height:0;overflow:visible;padding:0;margin:0}
.lp-center-modal.lp-center-modal--top .container--fixed{width:100%;max-width:100%;height:auto;min-height:0;padding:0;margin:0}
/* Messaging retains only its list/history scrolling; the composer stays visible. */
.lp-center-modal.lp-center-modal--top:has(.msgc) .lp-center-modal__body{display:flex;flex-direction:column;overflow:hidden}
.lp-center-modal.lp-center-modal--top:has(.msgc) :is(.lp-center-view,.lp-center-view__body,.lp-embed,.msgc-page){display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}
.lp-center-modal.lp-center-modal--top .msgc{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:0}
.lp-center-modal.lp-center-modal--top .msgc-head{display:grid;grid-template-columns:minmax(0,1fr) auto;flex:none;padding:8px;margin:0 0 10px;border-radius:12px;gap:8px}
.lp-center-modal.lp-center-modal--top :is(.msgc-head__icon,.msgc-head__text){display:none}
.lp-center-modal.lp-center-modal--top .msgc-search{grid-column:auto;grid-row:auto;min-width:0}
.lp-center-modal.lp-center-modal--top .msgc-search input{height:40px;font-size:14px}
.lp-center-modal.lp-center-modal--top .msgc-btn{height:40px;font-size:13px;padding-inline:12px}
.lp-center-modal.lp-center-modal--top .msgc-app{flex:1 1 auto;height:auto;min-height:0;grid-template-columns:minmax(220px,30%) minmax(0,1fr);gap:10px}
.lp-center-modal.lp-center-modal--top .msgc-placeholder{padding:16px}
.lp-center-modal.lp-center-modal--top .msgc-placeholder__icon{display:grid}
.lp-center-modal.lp-center-modal--top .msgc-room__body{min-height:0;overflow:auto}
.lp-center-modal.lp-center-modal--top .msgc-room__foot{flex:none}
.lp-center-modal.lp-center-modal--top .msgc-side{display:none}
.lp-center-modal.lp-center-modal--top .msgc-app.is-side-open .msgc-side{display:block}
.lp-center-modal.lp-center-modal--top .msgc-tab{font-size:12px;min-height:34px;padding:6px 9px}
.lp-center-modal.lp-center-modal--top .msgc-thread{padding:10px}
/* Matching/reporting share the body scroller instead of nested fixed heights. */
.lp-center-modal.lp-center-modal--top .mc{padding:0;display:block}
.lp-center-modal.lp-center-modal--top .mc-hero{display:flex;justify-content:flex-end;min-height:0;padding:0;margin:0 0 12px;border:0;background:none;box-shadow:none}
.lp-center-modal.lp-center-modal--top .mc-hero__text{display:none}
.lp-center-modal.lp-center-modal--top .mc-stats{gap:10px;margin-bottom:14px}
.lp-center-modal.lp-center-modal--top .mc-stat{padding:12px;gap:10px}
.lp-center-modal.lp-center-modal--top .mc-stat__icon{width:36px;height:36px;flex-basis:36px}
.lp-center-modal.lp-center-modal--top .mc-stat__value{font-size:24px}
.lp-center-modal.lp-center-modal--top .mc-layout{grid-template-columns:minmax(230px,32%) minmax(0,1fr);gap:12px}
.lp-center-modal.lp-center-modal--top :is(.mc-list-panel,.mc-list,.mc-detail){height:auto;max-height:none;overflow:visible;position:static}
.lp-center-modal.lp-center-modal--top .mc-detail{min-height:0;padding:16px}
.lp-center-modal.lp-center-modal--top :is(.lp-lesson-reviews,.cr-workspace){height:auto;min-height:0;overflow:visible;margin:0}
.lp-center-modal.lp-center-modal--top .cr-workspace{grid-template-columns:minmax(230px,32%) minmax(0,1fr)}
.lp-center-modal.lp-center-modal--top .lp-center-modal__body .lp-center-page__nav{display:none}
@media(max-width:700px){
.lp-center-modal.lp-center-modal--top{padding:8px}
.lp-center-modal.lp-center-modal--top .lp-center-modal__dialog,.lp-center-modal.lp-center-modal--top .lp-center-modal__dialog.is-viewing{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:16px}
.lp-center-modal.lp-center-modal--top .lp-center-modal__head{padding:12px 56px 12px 12px;gap:10px;min-height:76px}
.lp-center-modal.lp-center-modal--top .lp-center-modal__heading h2{font-size:18px}
.lp-center-modal.lp-center-modal--top .lp-center-modal__heading p{font-size:12px}
.lp-center-modal.lp-center-modal--top .lp-center-modal__icon{width:40px;height:40px;min-width:40px;flex-basis:40px}
.lp-center-modal.lp-center-modal--top .lp-center-modal__close{top:12px;inset-inline-end:10px}
.lp-center-modal.lp-center-modal--top .lp-center-modal__body{padding:10px}
.lp-center-modal.lp-center-modal--top .lp-center-controls{padding:6px 12px}
.lp-center-modal.lp-center-modal--top .msgc-app{display:block;position:relative}
.lp-center-modal.lp-center-modal--top .msgc-list{height:100%}
.lp-center-modal.lp-center-modal--top .msgc-chat{display:none;height:100%}
.lp-center-modal.lp-center-modal--top .msgc-app.is-room .msgc-list{display:none}
.lp-center-modal.lp-center-modal--top .msgc-app.is-room .msgc-chat{display:flex}
.lp-center-modal.lp-center-modal--top .msgc-head .msgc-btn span{display:none}
.lp-center-modal.lp-center-modal--top .msgc-head:has(~.msgc-app.is-room){display:none}
.lp-center-modal.lp-center-modal--top .mc-layout{grid-template-columns:minmax(0,1fr)}
.lp-center-modal.lp-center-modal--top .cr-workspace{display:flex;flex-direction:column}
.lp-center-modal.lp-center-modal--top .mc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Container-based navigation includes tablet popups and narrow windows. */
.lp-center-modal.lp-center-modal--top .msgc-app.is-side-open .msgc-side{position:absolute;inset:0 0 0 auto;width:min(320px,95%);height:100%;z-index:6}
@container msgc (max-width:760px){.lp-center-modal.lp-center-modal--top .msgc-app{display:block;position:relative}.lp-center-modal.lp-center-modal--top .msgc-list{height:100%}.lp-center-modal.lp-center-modal--top .msgc-chat{display:none;height:100%}.lp-center-modal.lp-center-modal--top .msgc-app.is-room .msgc-list{display:none}.lp-center-modal.lp-center-modal--top .msgc-app.is-room .msgc-chat{display:flex}.lp-center-modal.lp-center-modal--top .msgc-head .msgc-btn span{display:none}.lp-center-modal.lp-center-modal--top .msgc-head .msgc-btn{width:40px;padding:0}.lp-center-modal.lp-center-modal--top .msgc-head:has(~.msgc-app.is-room){display:none}}

.lp-center-modal.lp-center-modal--top .mc-stat{flex-direction:row;align-items:center}
@media(max-width:991px){.lp-center-modal.lp-center-modal--top .mc-layout{grid-template-columns:minmax(0,1fr)}}

/* Materials artwork cards: the admin publication is the entire clickable tile. */
:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-center-modal__actions{gap:0}
:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-center-modal__actions>.lp-material-art-item{background:#fff;border:1px solid #dbe5ee;border-radius:14px;overflow:hidden}
:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-material-art-item::before,:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-material-art-item::after{content:none}
:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-material-art-card{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;box-sizing:border-box;padding:10px;border:0;border-radius:inherit;background:#fff;text-decoration:none;cursor:pointer}
:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-material-art-card img{display:block;width:100%;height:auto;max-width:100%;border-radius:10px;object-fit:contain;filter:none;opacity:1}
:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-material-art-card:focus-visible{outline:2px solid #009eaf;outline-offset:-3px}

:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-material-art-footer{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding:0;background:#fff;text-align:start;white-space:normal;overflow-wrap:anywhere;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-material-art-footer strong{font-size:clamp(13px,1.1vw,18px);font-weight:800;line-height:1.15;color:#102b4e}
:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-material-art-footer>span{font-size:clamp(10px,.8vw,12px);font-weight:400;line-height:1.35;color:#65758d}

/* Keep the Materials banner on its main menu, never above a nested tile view. */
:is(#lpCenterModal-materials,#lpCenterModal-billing) .lp-center-modal__body:has(>[data-center-view]:not([hidden]))>[data-center-banner]{display:none!important}

/* Nested Billing pages keep only the popup shell heading. */
#lpCenterModal-billing [data-center-view-body] :is(.lp-hubb,.hub-banner,.tph-banner){display:none!important}

/* Materials cards follow their own artwork and text, not a taller neighbouring card. */
#lpCenterModal-materials .lp-center-modal__actions>.lp-material-art-item{align-self:start}
#lpCenterModal-materials .lp-material-art-card{height:auto;min-height:0}
#lpCenterModal-materials .lp-material-art-card img{flex:none;min-height:0;aspect-ratio:1 / 1;width:100%;height:auto;object-fit:contain}
#lpCenterModal-materials .lp-material-art-footer{flex:none;min-width:0;height:auto;min-height:0}

/* Billing uses the same square artwork display as Materials; borders are unchanged. */
#lpCenterModal-billing .lp-material-art-card img{flex:none;min-height:0;aspect-ratio:1 / 1;width:100%;height:auto;object-fit:contain}

/* Fit the complete Booking & Billing banner without changing the card artwork. */
#lpCenterModal-billing .has-compact-banner .lp-center-banner img{width:100%;height:auto;max-width:100%;max-height:none;margin-inline:auto;object-fit:contain;aspect-ratio:auto}

/* Keep the Help banner proportional and compact above the support content. */
#lpCenterModal-help .has-compact-banner .lp-center-banner img{width:100%;height:auto;max-width:100%;max-height:none;margin-inline:auto;object-fit:contain;aspect-ratio:auto}

/* Match the Game Center banner to the content inset, with natural image proportions. */
#lpCenterModal-games .has-compact-banner .lp-center-banner{width:calc(100% - 52px);margin-inline:auto}
#lpCenterModal-games .has-compact-banner .lp-center-banner img{width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;aspect-ratio:auto}
@media(max-width:600px){#lpCenterModal-games .has-compact-banner .lp-center-banner{width:calc(100% - 32px)}}