/* MeetingCost Modern Corporate – RC14.2 UI candidate. No business logic changes. */
:root{--mc-navy:#083b82;--mc-green:#00bd4f;--mc-ice:#e6f4ff;--mc-mint:#dcfff1;--mc-text:#092a56}
body.publicPage,body.proPage,.proDocument body,.mcInfoPage{background:radial-gradient(ellipse at 30% 25%,#fff 0%,transparent 55%),linear-gradient(125deg,#dceeff 0%,#f4faff 54%,#dcfff1 100%);background-attachment:fixed;color:var(--mc-text)}
body.publicPage::before,body.proPage::before,.mcInfoPage::before{content:"";position:fixed;z-index:-1;pointer-events:none;inset:auto 0 0;height:22vh;background:linear-gradient(145deg,transparent 20%,rgba(91,205,232,.18) 62%,rgba(50,215,142,.16));clip-path:polygon(0 88%,35% 55%,66% 84%,100% 20%,100% 100%,0 100%)}
.publicMenuButton,.publicMenuToggle,.menuToggle{border-radius:16px!important;background:#083b82!important;color:#fff!important;font-weight:700!important;min-height:44px!important;min-width:48px!important;box-shadow:0 6px 18px #0a4b7a25}
.publicToolbar,.proShell,.proMenu{background:transparent!important}.compactLanguage select,.flagDropdown summary{border-radius:28px!important;background:#f8fcff!important;border:1px solid #c6def4!important}
#landing{max-width:1240px!important;margin:0 auto!important;position:relative!important;display:grid!important;grid-template-columns:minmax(220px,.9fr) minmax(340px,1.18fr) minmax(210px,.8fr)!important;gap:26px!important;align-items:center!important;padding:45px 18px 115px!important;min-height:610px!important}
#landing .homeLogoLink{grid-column:1/-1;justify-self:center;margin-bottom:0!important}
#landing .landingCard{grid-column:2;grid-row:2;background:linear-gradient(160deg,#fff,#f0f8ff)!important;border:1px solid #c6e2f8!important;border-radius:30px!important;box-shadow:0 16px 35px #1e57931b!important;padding:34px!important;width:100%!important;max-width:none!important}
#landing .landingCard h1{color:#092e65!important;font-weight:800!important}
#landing .primary,.accountPage .primary,.proContent .primary{background:linear-gradient(115deg,#06c95b,#00b640)!important;border-radius:16px!important;color:#fff!important;box-shadow:0 8px 17px #0db95722!important}
#landing .secondary{border-radius:16px!important;border-color:#b4d7f6!important}
#landing .privacyLine{grid-column:1/-1!important;grid-row:3;text-align:center!important;margin:0!important}
.mcFreeIntro{grid-column:1;grid-row:2;padding:20px 10px}.mcFreeIntro h2{font-size:clamp(25px,2.6vw,39px);line-height:1.1;color:#083b82;margin:0 0 14px}.mcFreeIntro p{font-size:18px;line-height:1.45}.mcFreeIntro ul{padding:0;list-style:none}.mcFreeIntro li{margin:12px 0;font-weight:600}.mcFreeIntro li::before{content:'✓';background:#0bc452;color:#fff;border-radius:50%;padding:1px 6px;margin-right:10px}
.mcFreeSteps{grid-column:3;grid-row:2;background:#f8fcffcf;border:1px solid #d4e8f9;border-radius:28px;padding:22px;box-shadow:0 14px 30px #12528c17}.mcFreeSteps ol{padding:0;list-style:none;counter-reset:mcsteps}.mcFreeSteps li{counter-increment:mcsteps;display:flex;gap:13px;align-items:center;font-weight:700;margin:24px 0}.mcFreeSteps li::before{content:counter(mcsteps);display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;border:2px solid #9acdf4;color:#07468e;background:white}.mcFreeSteps li:first-child::before{background:#08c451;color:white;border-color:#08c451}
.newsletterPostit{position:relative!important;inset:auto!important;transform:none!important;width:min(1250px,calc(100% - 32px))!important;margin:20px auto!important;background:#f7fbffed!important;border:1px solid #d4e6f8!important;border-radius:26px!important;box-shadow:0 10px 28px #145a8a16!important;max-width:none!important;padding:22px 30px!important}.newsletterPostit h3{color:#092e65!important}.newsletterPostitBtn{background:#08be4e!important;border-radius:16px!important}
.proPage .proFrame,.proDocument .proFrame{background:transparent!important}.proMenuLeft{display:flex!important;gap:14px!important;flex-wrap:wrap}.proMenuLeft .navButton{border-radius:18px!important;box-shadow:0 7px 18px #16518b13!important;padding:14px 20px!important;background:#fffdfd!important;border:1px solid #d5e8f8!important}.proMenuLeft .navButton.homeNav{background:linear-gradient(120deg,#07c752,#00a844)!important;color:#fff!important}.proMenuLeft .navButton.active:not(.homeNav){border-color:#00bd4f!important}.dashboardCard,.dashboardCols>div{border-radius:28px!important;background:linear-gradient(145deg,#fff,#f7fbff)!important;box-shadow:0 16px 34px #1b609019!important;border:1px solid #d9e9f7!important}.dashboardCols>div{padding:22px!important}.dashboardCols h2{background:#eaf6ff;border-radius:12px;padding:14px!important}.dashboardCols>div:first-child h2{background:#e8faf1}.dashRow{border-radius:12px!important;padding:14px!important;background:#fff!important}
.mcInfoPage{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.mcInfoHeader{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px}.mcInfoHeader img{width:175px}.mcInfoHeader nav{display:flex;gap:20px;flex-wrap:wrap}.mcInfoHeader a{color:#073c81;font-weight:700;text-decoration:none}.mcInfoHeader select{padding:10px;border-radius:12px;border:1px solid #bfd9f1}.mcInfoMain{max-width:1180px;margin:45px auto;padding:0 20px}.mcInfoHero,.mcInfoGrid article{background:#ffffffd9;border:1px solid #d4e6f8;border-radius:28px;padding:40px;box-shadow:0 15px 35px #164c8a15}.mcInfoHero h1{font-size:clamp(32px,4vw,55px);color:#063c83}.mcInfoHero h2{font-size:24px;color:#087c69}.mcInfoHero p{font-size:18px;line-height:1.65}.mcKicker{letter-spacing:.18em;color:#087c69}.mcInfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.mcInfoGrid li{margin:16px 0}.mcInfoGrid a,.mcInfoHero a{color:#067f3e;font-weight:700}
@media(max-width:900px){#landing{display:flex!important;flex-direction:column!important;min-height:0!important;padding:20px 16px 30px!important}#landing .homeLogoLink{order:0}#landing .mcFreeIntro{order:1}#landing .landingCard{order:2}#landing .mcFreeSteps{order:3;width:100%}#landing .privacyLine{order:4}.mcFreeIntro{padding:15px!important}.mcInfoGrid{grid-template-columns:1fr}.mcInfoHeader{flex-wrap:wrap}.proMenuLeft .navButton{padding:10px!important}.newsletterPostit{margin:18px auto!important}}

/* RC14.2.1: premium Pro authentication, retains existing server forms */
body.publicPage:has(.mcProHero){background:linear-gradient(100deg,rgba(233,246,255,.92),rgba(248,252,255,.75)),url('assets/mc-office-bg.svg') center/cover fixed!important}
body.publicPage:has(.mcProHero) .accountPage{max-width:1320px!important;margin:35px auto!important;display:grid!important;grid-template-columns:minmax(320px,1fr) minmax(420px,1.1fr)!important;column-gap:50px!important;align-items:center!important}
body.publicPage:has(.mcProHero) .accountPage>a:first-child{grid-column:1/-1;justify-self:center}
body.publicPage:has(.mcProHero) .accountLogo{width:min(270px,40vw)!important}
body.publicPage:has(.mcProHero) .accountLanguageSwitch{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-height:72px;overflow:auto}
body.publicPage:has(.mcProHero) .legalLinks,body.publicPage:has(.mcProHero) .loginErrorTop{grid-column:1/-1}
.mcProHero{grid-column:1;padding:22px 12px 30px;color:#082c63}.mcProHero h1{font-size:clamp(32px,3.6vw,54px);line-height:1.1;margin:22px 0}.mcProHero p{font-size:clamp(17px,1.5vw,22px);line-height:1.5}.mcProEyebrow{border-radius:30px;padding:9px 18px;background:#e3f9ed;color:#05763c;font-weight:800}.mcProBenefits{padding:0;list-style:none}.mcProBenefits li{padding:13px 0 13px 45px;position:relative;font-weight:700}.mcProBenefits li:before{content:'✓';position:absolute;left:0;top:9px;background:#e5f9ed;color:#00a84b;border-radius:50%;padding:4px 9px}
.mcProAuth{grid-column:2;background:linear-gradient(155deg,#fff,#eff8ff);border:1px solid #d2e6f8;border-radius:32px;box-shadow:0 18px 42px #124a7a25;overflow:hidden}
.mcAuthTabs{display:grid;grid-template-columns:1fr 1fr;background:#edf5fc}.mcAuthTabs button{padding:22px 10px;background:transparent;border:0;border-bottom:4px solid transparent;color:#092e65;font-size:18px;font-weight:800;cursor:pointer}.mcAuthTabs button[aria-selected=true]{border-color:#05bc50;background:white}.mcProAuth .accountGrid{display:block!important;padding:22px!important}.mcProAuth .accountCard{display:none!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.mcProAuth .proLoginCard{display:block!important}.mcProAuth .mcShowRegister .proLoginCard{display:none!important}.mcProAuth .mcShowRegister .proRegisterCard{display:block!important}.mcProAuth .accountCard h1{font-size:27px!important;color:#082e65}.mcProAuth .accountCard input:not([type=checkbox]){border-radius:16px!important;min-height:48px}.mcProAuth .accountCard .primary{border-radius:18px!important}
body.publicPage:has(.mcProHero) .accountPage{padding-bottom:50px!important}
@media(max-width:950px){body.publicPage:has(.mcProHero) .accountPage{display:flex!important;flex-direction:column!important;padding:16px!important}.mcProHero,.mcProAuth{width:100%!important}.mcProHero h1{font-size:32px}.mcProAuth .accountGrid{padding:10px!important}.mcAuthTabs button{font-size:15px;padding:15px 5px}}


/* RC14.2.2 VISUAL REPAIR: scoped landing/auth/dashboard, override legacy RC14 layout */
:root{--mc-blue:#082d68;--mc-green:#06bc47;--mc-border:#c5e1f9}
body.publicPage{background:linear-gradient(90deg,rgba(228,243,255,.62),rgba(229,247,255,.45)),url('assets/mc-corporate-office.svg') center center/cover fixed!important;color:var(--mc-blue)}
body.publicPage::before{display:none!important}
body.publicPage .publicHeader{position:relative;z-index:20;background:transparent!important}
body.publicPage .publicToolbar{background:transparent!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px clamp(15px,3vw,45px)!important;min-height:78px!important}
body.publicPage .publicToolbarLeft{display:flex;align-items:center;gap:15px}
body.publicPage #publicMenuButton{width:auto!important;min-width:120px!important;padding:11px 19px!important;background:#f8fcffed!important;color:var(--mc-blue)!important;border-radius:30px!important}
body.publicPage #publicMenuButton::after{content:' Meny';font-size:16px;font-weight:800}
body.publicPage .proLink{border-radius:30px!important;background:#f8fcffec!important;padding:12px 20px!important;color:var(--mc-blue)!important;text-decoration:none!important}
body.publicPage .compactLanguage{z-index:50!important}
body.publicPage .compactLanguage label{background:#f8fcffed!important;border-radius:30px!important;padding:8px 15px!important;box-shadow:0 4px 16px #124a7a16}
body.publicPage .privacyNotice{position:relative!important;z-index:25!important}
/* Free: explicitly undo legacy flex centering, fixed height and clipped overflow */
body.publicPage #app:has(#landing.active){display:flex!important;flex-direction:column!important;min-height:calc(100vh - 80px)!important;overflow:visible!important}
body.publicPage #landing.screen.active{display:grid!important;grid-template-columns:minmax(0, .88fr) minmax(360px,1.22fr) minmax(0,.82fr)!important;grid-template-rows:auto auto auto!important;gap:20px 24px!important;align-items:center!important;justify-content:initial!important;width:min(1490px,100%)!important;max-width:1490px!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;margin:0 auto!important;padding:4px clamp(20px,3vw,45px) 8px!important;flex:0 0 auto!important}
body.publicPage #landing .homeLogoLink{grid-area:1/1/2/4!important;justify-self:center!important;align-self:start!important;margin:-16px auto 6px!important}
body.publicPage #landing .heroLogo{width:clamp(225px,23vw,315px)!important;max-width:100%!important;margin:0!important}
body.publicPage #landing .mcFreeIntro{grid-area:2/1/3/2!important;padding:18px 10px 18px 0!important;align-self:center!important;min-width:0!important;text-align:left!important}
body.publicPage #landing .mcFreeIntro h2{font-size:clamp(29px,3vw,43px)!important;line-height:1.07!important;letter-spacing:-.035em!important}
body.publicPage #landing .mcFreeIntro p{font-size:clamp(16px,1.4vw,21px)!important}
body.publicPage #landing .mcFreeIntro li{font-size:clamp(14px,1.18vw,18px)!important}
body.publicPage #landing .landingCard{grid-area:2/2/3/3!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;transform:none!important;align-self:stretch!important;width:100%!important;max-width:none!important;margin:0!important;padding:30px clamp(22px,3vw,44px)!important;border-radius:30px!important;min-height:0!important;overflow:visible!important;z-index:2!important;background:#f9fcffef!important;box-shadow:0 14px 35px #2c6c9c28!important}
body.publicPage #landing .landingCard h1{font-size:clamp(27px,3vw,42px)!important;line-height:1.15!important;margin:0 0 15px!important}
body.publicPage #landing .landingCard .muted{font-size:17px!important;color:var(--mc-blue)!important;font-weight:650!important}
body.publicPage #landing .landingCard .codeEntry{display:block!important;position:relative!important;opacity:1!important;visibility:visible!important;width:100%!important;max-width:420px!important;height:62px!important;margin:17px auto 9px!important}
body.publicPage #landing .landingCard .singleCode input{opacity:1!important;position:relative!important;z-index:5!important;display:block!important;width:100%!important;height:62px!important;border:2px solid #b4d8f6!important;border-radius:36px!important;background:#ffffffed!important;text-align:center!important;font-size:23px!important;font-weight:800!important;color:var(--mc-blue)!important;letter-spacing:.12em!important}
body.publicPage #landing .landingCard .codeBoxes{display:none!important}
body.publicPage #landing .joinHint{display:block!important;font-weight:700!important;color:var(--mc-blue)!important;margin:8px auto 17px!important}
body.publicPage #landing .landingCard #joinBtn{display:block!important;background:linear-gradient(115deg,#21d72b,#00b63e)!important;border-radius:40px!important;padding:16px!important;font-size:20px!important;color:white!important}
body.publicPage #landing .landingCard #createBtn{display:block!important;border:2px solid #b6d8f6!important;background:#f8fcff!important;border-radius:36px!important;padding:15px!important;font-size:18px!important;color:var(--mc-blue)!important}
body.publicPage #landing .landingCard .or{margin:12px!important}
body.publicPage #landing .mcFreeSteps{grid-area:2/3/3/4!important;display:block!important;align-self:stretch!important;padding:22px!important;min-width:0!important;background:#f8fcffde!important}
body.publicPage #landing .mcFreeSteps li{font-size:clamp(15px,1.35vw,21px)!important;line-height:1.3!important;margin:23px 0!important}
body.publicPage #landing .privacyLine{grid-area:3/1/4/4!important;margin:0!important;font-size:12px!important;text-align:center!important}
body.publicPage #app:has(#landing.active)>.siteFooter{order:3!important;margin:0 auto!important;padding:4px 20px!important;max-width:1250px!important}
body.publicPage #app:has(#landing.active)>.newsletterPostit{order:2!important;display:block!important;position:relative!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;width:min(1450px,calc(100% - 60px))!important;max-width:none!important;margin:12px auto 8px!important;padding:20px 28px!important;background:#f8fcfff0!important;border:1px solid #cce3f7!important;border-radius:28px!important}
body.publicPage #app:has(#landing.active) #newsletterFormState{display:grid!important;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr)!important;align-items:center!important;gap:0 30px!important}
body.publicPage #app:has(#landing.active) #newsletterFormState h3{grid-area:1/1/2/2!important;font-size:23px!important;margin:0!important}
body.publicPage #app:has(#landing.active) #newsletterFormState p{grid-area:2/1/3/2!important;margin:4px 0!important}
body.publicPage #app:has(#landing.active) #inlineNewsletter{grid-area:1/2/3/3!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
body.publicPage #app:has(#landing.active) #inlineNewsletter label{display:none!important}
body.publicPage #app:has(#landing.active) #newsletterEmail{flex:1 1 180px!important;width:auto!important;margin:0!important;border-radius:30px!important;background:#fff!important;border:1px solid #c9dff5!important}
body.publicPage #app:has(#landing.active) .newsletterPostitBtn{flex:1 1 200px!important;width:auto!important;border-radius:30px!important;margin:0!important;color:white!important}
body.publicPage #app:has(#landing.active) #inlineNewsletter small{flex:0 0 auto!important;margin:0!important}
/* Pro logged out: remove conflicting 214px legacy padding and twelve visible flags */
body.publicPage:has(.mcProHero) .accountPage{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr)!important;grid-template-rows:155px auto auto!important;gap:12px 50px!important;max-width:1370px!important;min-height:0!important;height:auto!important;overflow:visible!important;padding:10px 30px 30px!important;margin:0 auto!important}
body.publicPage:has(.mcProHero) .accountPage>a:first-child{grid-area:1/1/2/3!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;justify-self:center!important;align-self:center!important;width:auto!important;margin:0!important}
body.publicPage:has(.mcProHero) .accountLogo{width:clamp(225px,24vw,310px)!important;max-width:100%!important;height:auto!important}
body.publicPage:has(.mcProHero) .accountLanguageSwitch{display:none!important}
body.publicPage:has(.mcProHero) .legalLinks{grid-area:3/1/4/3!important;text-align:center!important;margin:12px auto!important;position:static!important}
body.publicPage:has(.mcProHero) .mcProHero{grid-area:2/1/3/2!important;align-self:center!important;display:block!important;padding:0 10px!important}
body.publicPage:has(.mcProHero) .mcProHero h1{font-size:clamp(34px,4vw,55px)!important;line-height:1.08!important}
body.publicPage:has(.mcProHero) .mcProHero li{font-size:17px!important}
body.publicPage:has(.mcProHero) .mcProAuth{grid-area:2/2/3/3!important;align-self:center!important;width:100%!important;display:block!important}
body.publicPage:has(.mcProHero) .mcProAuth .accountGrid{display:block!important;margin:0!important;padding:20px 32px!important}
body.publicPage:has(.mcProHero) .mcProAuth .proLoginCard{display:block!important}
body.publicPage:has(.mcProHero) .mcProAuth .proRegisterCard{display:none!important}
body.publicPage:has(.mcProHero) .mcProAuth .mcShowRegister .proLoginCard{display:none!important}
body.publicPage:has(.mcProHero) .mcProAuth .mcShowRegister .proRegisterCard{display:block!important}
body.publicPage:has(.mcProHero) .proPublicMenuButton{width:auto!important;border-radius:30px!important;padding:11px 20px!important}
body.publicPage:has(.mcProHero) .proPublicMenuButton::after{content:' Meny';font-weight:800}
/* Logged in Pro: preserve actual data and navigation, improve visual hierarchy */
body.proPage{background:linear-gradient(145deg,#e6f4ff 0%,#f5fbff 55%,#d9fbf0 100%)!important}
body.proPage .proFrame{max-width:1500px!important;margin:0 auto!important}
body.proPage .proShell{background:transparent!important}
body.proPage .proMenuLeft{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
body.proPage .proMenuLeft .navButton{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;min-height:76px!important;border-radius:20px!important;font-size:clamp(12px,1.15vw,17px)!important}
body.proPage .dashboardCard{max-width:1450px!important;margin:25px auto!important;padding:34px!important;background:#ffffffef!important;border-radius:30px!important}
body.proPage .dashboardCols{display:grid!important;grid-template-columns:1fr 1fr!important;gap:25px!important}
body.proPage .dashboardCols>div{min-width:0!important}
@media(max-width:1050px){body.publicPage #landing.screen.active{grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto auto!important}body.publicPage #landing .homeLogoLink{grid-area:1/1/2/3!important}body.publicPage #landing .mcFreeIntro{grid-area:2/1/3/2!important}body.publicPage #landing .landingCard{grid-area:2/2/3/3!important}body.publicPage #landing .mcFreeSteps{grid-area:3/1/4/3!important}body.publicPage #landing .mcFreeSteps ol{display:flex!important;justify-content:space-around!important;gap:20px!important}body.publicPage #landing .privacyLine{grid-area:4/1/5/3!important}body.publicPage:has(.mcProHero) .accountPage{gap:20px!important}}
@media(max-width:700px){body.publicPage .publicToolbar{padding:8px 12px!important}body.publicPage .proLink{font-size:11px!important;padding:10px!important}body.publicPage #publicMenuButton{min-width:80px!important;padding:10px!important}body.publicPage #landing.screen.active{display:flex!important;flex-direction:column!important;gap:15px!important;padding:10px 15px!important}body.publicPage #landing .homeLogoLink{order:0!important}body.publicPage #landing .mcFreeIntro{order:1!important;padding:0!important}body.publicPage #landing .landingCard{order:2!important;width:100%!important;padding:24px 18px!important}body.publicPage #landing .mcFreeSteps{order:3!important;width:100%!important}body.publicPage #landing .mcFreeSteps ol{display:block!important}body.publicPage #landing .privacyLine{order:4!important}body.publicPage #app:has(#landing.active)>.newsletterPostit{width:calc(100% - 30px)!important;padding:20px!important}body.publicPage #app:has(#landing.active) #newsletterFormState{display:block!important}body.publicPage #app:has(#landing.active) #inlineNewsletter{display:flex!important;margin-top:15px!important}body.publicPage:has(.mcProHero) .accountPage{display:flex!important;flex-direction:column!important;padding:15px!important;gap:20px!important}body.publicPage:has(.mcProHero) .accountPage>a:first-child{order:0!important}body.publicPage:has(.mcProHero) .mcProHero{order:1!important}body.publicPage:has(.mcProHero) .mcProAuth{order:2!important}body.publicPage:has(.mcProHero) .legalLinks{order:3!important}body.proPage .proMenuLeft{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.proPage .dashboardCols{grid-template-columns:1fr!important}body.proPage .dashboardCard{padding:18px!important}}