/* Landing artwork and desktop composition. Reader mobile layout stays unchanged. */
.landing-page{background:radial-gradient(ellipse at 78% 32%,#9b44f421,transparent 42%),radial-gradient(ellipse at 15% 90%,#20ccb511,transparent 36%),var(--bg)}
.landing-nav,.landing-wrap,.landing-features{max-width:1240px}
.landing-nav{height:94px}.landing-brand-app{width:56px;height:56px;filter:drop-shadow(0 6px 12px #8b49ed45)}.landing-brand{gap:6px}
.landing-page .btn{min-height:48px;padding:0 22px;gap:10px;border-radius:14px;font-size:13px;box-shadow:0 9px 24px #8c48e433,inset 0 1px #ffffff50;border:1px solid #d6b1ff55}
.landing-page .btn:hover{transform:translateY(-3px);filter:brightness(1.08)}.landing-page .btn:active{transform:translateY(0)}
.landing-wrap{min-height:590px;gap:48px;padding:42px 0}.landing-copy h1{font-size:clamp(46px,5.3vw,74px);line-height:1.05;letter-spacing:-3px;margin:24px 0;max-width:650px}.landing-copy h1 em{background-image:linear-gradient(120deg,#d08aff,#a06cff 52%,#6e8bff)}
.landing-copy>p{color:var(--body);font-size:16px;line-height:1.85;max-width:540px}.landing-kicker{font-size:10px;letter-spacing:2px}.landing-cta{gap:19px;margin-top:30px}.landing-cta>span{font-size:11px}
.landing-visual{height:480px;isolation:isolate;perspective:1000px}.landing-app-art{position:relative;width:min(440px,90%);height:auto;z-index:2;transform:rotate(-9deg) rotateY(-16deg) rotateX(8deg);filter:drop-shadow(0 25px 40px #7043e535);animation:app-hover 7s ease-in-out infinite}
.landing-glow{width:80%;height:70%;background:#8c47ee33;filter:blur(65px);z-index:-1}
.app-orbit{position:absolute;width:86%;height:68%;border:1px solid #ba8afa29;border-radius:50%;transform:rotate(-28deg);box-shadow:inset 0 0 25px #9470f608;z-index:0}.orbit-front{width:72%;height:84%;transform:rotate(30deg);border-color:#788dff20}
.app-pedestal{position:absolute;width:70%;height:45px;border-radius:50%;bottom:19px;background:radial-gradient(ellipse,#9e6bff55,transparent 68%);filter:blur(13px)}
.landing-card{min-width:205px;height:78px;padding:0 15px;border-color:#c6abff40;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,white 6%),var(--panel));box-shadow:0 18px 34px #0004,inset 0 1px #ffffff18;backdrop-filter:blur(16px)}
.landing-card b{font-size:12px}.landing-card small{font-size:10px;color:var(--body)}.landing-provider-icon{width:34px;height:34px;flex-shrink:0}.landing-card.card-a{left:-2%;top:10%;transform:rotate(-5deg)}.landing-card.card-b{right:-1%;bottom:11%;transform:rotate(5deg)}
.landing-art-caption{position:absolute;bottom:-18px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:2px}.landing-art-caption .icon{color:var(--success);width:15px}
.landing-features{gap:18px;padding-top:12px}.landing-features article{position:relative;padding:26px;border-radius:23px;border-color:color-mix(in srgb,var(--primary) 26%,var(--border));background:linear-gradient(145deg,var(--surface),var(--panel));box-shadow:0 16px 32px #0002,inset 0 1px #ffffff16;transition:transform .2s,box-shadow .2s}
.landing-features article:hover{transform:translateY(-4px);box-shadow:0 24px 40px #0003,inset 0 1px #ffffff22}.landing-features article>span{width:43px;height:43px;border-radius:14px;border:1px solid #c49dff33;box-shadow:0 6px 15px #0002,inset 0 1px #ffffff20}.landing-features b{font-size:15px}.landing-features p{font-size:12px;color:var(--body);line-height:1.8}
body.light .landing-card{box-shadow:0 15px 40px #573c9420;border-color:#b29ddc}.landing-page .landing-icon-btn{height:46px;width:46px}
@keyframes app-hover{0%,100%{transform:translateY(0) rotate(-9deg) rotateY(-16deg) rotateX(8deg)}50%{transform:translateY(-12px) rotate(-6deg) rotateY(-10deg) rotateX(5deg)}}
@media(min-width:651px){
  .account-overview .inbox-header{width:min(100%,1240px);align-self:center;padding:30px 30px 0}
  .account-overview .list-overline{justify-content:center;gap:14px;letter-spacing:2px}.account-overview .list-overline::before{content:"";height:1px;background:var(--border2);flex:1}.account-overview .overline-stroke{flex:1}
  .account-overview .list-title-row{justify-content:center;position:relative;margin-top:20px;min-height:48px}.account-overview .list-title-row .refresh-fab{position:absolute;right:0}.account-overview #listTitle{font-size:32px}.account-overview #listSubtitle{text-align:center;margin-bottom:24px}
  .account-overview .inbox-header .search-box,.account-overview .filter-row{width:100%;max-width:640px;margin-left:auto;margin-right:auto}.account-overview .mailbox-row{width:100%;max-width:640px;margin:0 auto!important}
  .account-overview .message-list{width:min(100%,1240px);align-self:center;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));padding:22px 30px 30px}.account-overview .notice{width:min(calc(100% - 60px),1180px);margin:14px auto 0}.account-overview .provider-totals{justify-content:center;padding:0 0 4px}
}
@media(min-width:761px){
  .admin-main{width:min(100%,1360px);margin-left:auto!important;margin-right:auto!important;padding:0 32px 48px}.admin-topbar{border-bottom:1px solid #8e67c333}.hero-panel{border-color:#ab7bff40;box-shadow:0 18px 45px #0003,inset 0 1px #ffffff16}.hero-panel h1{font-size:42px}.stat-card{border-color:#9471c335;box-shadow:0 12px 30px #0003,inset 0 1px #ffffff16}.section-head h1{letter-spacing:-.8px}
}
@media(max-width:900px){.landing-wrap{grid-template-columns:1fr;gap:20px;padding:50px 0 30px}.landing-copy h1{margin-left:auto;margin-right:auto}.landing-visual{width:min(100%,550px);margin:auto}.landing-features{grid-template-columns:1fr}}
@media(max-width:650px){.landing-nav{height:78px}.landing-brand{font-size:19px;gap:0}.landing-brand-app{width:44px;height:44px}.landing-page .landing-actions .btn{min-height:40px;padding:0 12px;font-size:11px}.landing-page .landing-icon-btn{height:38px;width:38px}.landing-actions{gap:6px}.landing-copy h1{font-size:47px;letter-spacing:-2px}.landing-copy>p{font-size:14px}.landing-wrap{padding-top:40px;gap:26px}.landing-visual{height:350px;transform:none}.landing-app-art{width:88%;max-width:330px}.landing-card{min-width:160px;height:62px;padding:0 10px;gap:9px}.landing-card b{font-size:10px}.landing-card small{font-size:9px}.landing-provider-icon{width:28px;height:28px}.landing-card.card-a{left:0;top:0}.landing-card.card-b{right:0;bottom:3%}.landing-art-caption{bottom:-22px;font-size:8px}.landing-features{padding-top:25px}.landing-features article{padding:22px}.landing-cta{gap:15px}.landing-copy{text-align:center}}
@media(max-width:360px){.landing-brand-app{width:36px;height:36px}.landing-brand{font-size:17px}.landing-page .landing-actions .btn{font-size:10px;padding:0 9px}.landing-actions{gap:4px}.landing-copy h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){.landing-app-art{animation:none}.landing-features article,.landing-page .btn{transition:none}}
@media(max-width:360px){.landing-actions .btn .icon{display:none}.landing-page .landing-actions .btn{padding:0 8px}.landing-page .landing-icon-btn{width:34px;height:38px}.landing-brand{padding:0}.landing-nav{gap:5px}}
@media(max-width:360px){.app-orbit{width:70%;height:60%}.orbit-front{width:60%;height:70%}}

.account-result-head strong{min-width:0;overflow-wrap:anywhere;flex:1}.result-delete{flex-shrink:0;width:32px;height:32px;color:#ff789c;border:1px solid #a23b5a;border-radius:10px;background:#451c35;box-shadow:0 4px 12px #17071455}.result-delete:disabled{opacity:.4}
@media(min-width:1000px){.app-topbar{padding-inline:max(30px,calc((100% - 1180px)/2))!important}.app-topbar .brand{flex-shrink:0}}

.quickotp-lookup{z-index:10000;align-items:center!important;backdrop-filter:blur(8px)}
.quickotp-lookup-card{width:min(440px,calc(100vw - 32px));padding:36px 24px;text-align:center;border:1px solid #d451f6;border-radius:24px;background:linear-gradient(145deg,#231332,#101325);color:#fff;box-shadow:0 22px 70px #0009,0 0 40px #ae39eb33}
.quickotp-lookup-card h2{font-size:21px;line-height:1.4}.quickotp-lookup-card p{color:#c1b5d5;line-height:1.6}
.quickotp-neon-circle{width:66px;height:66px;margin:0 auto 24px;border:4px solid #a73ec230;border-top-color:#f654d7;border-right-color:#8867ff;border-radius:50%;box-shadow:0 0 24px #db42e755,inset 0 0 18px #a73ec233;animation:quickotp-spin .85s linear infinite}
@keyframes quickotp-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.quickotp-neon-circle{animation:none}}

.account-refreshing .icon{animation:quickotp-spin .85s linear infinite}.result-button.account-refreshing{opacity:1;cursor:progress}@media(prefers-reduced-motion:reduce){.account-refreshing .icon{animation:none}}
#mailroomToggle{display:none}
@media(max-width:650px){
  #mailroomToggle{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--border2);border-radius:10px;background:var(--surface);color:var(--primary);font-size:22px;line-height:1;cursor:pointer}
  .inbox-pane{display:block!important;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;height:100%;min-height:0}
  .body-grid.mobile-detail-open .inbox-pane{display:none!important}
  .inbox-header{flex:none;padding-top:12px!important}
  .inbox-header:not(.mobile-controls-open)>:not(.list-overline):not(.mailbox-row){display:none!important}
  .inbox-header .list-overline{margin-bottom:10px;gap:10px}
  .inbox-header .mailbox-row{margin-top:8px!important;margin-bottom:8px!important}
  .message-list{height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important}
  .inbox-footer{position:static;min-height:50px;flex:none}
  .reading-pane{overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
  .workspace-dialog{max-height:90dvh;overflow-y:auto}
}
/* Let the browser own the mobile page scroll and native pull-to-refresh. */
@media(max-width:650px){
  html,body{height:auto!important;min-height:100%;overflow:visible!important;overscroll-behavior-y:auto!important}
  .landing-page{height:auto!important;min-height:100dvh;overflow:visible!important;overscroll-behavior-y:auto!important}
  .app-shell{height:auto!important;min-height:100dvh}
  .app-topbar{position:sticky;top:0;z-index:15;flex-shrink:0}
  .body-grid{height:auto!important;min-height:calc(100dvh - 65px);display:block}
  .inbox-pane,.reading-pane{height:auto!important;overflow:visible!important;overscroll-behavior-y:auto!important}
  .message-detail{height:auto!important;overflow:visible!important}
}