/* ADMIN69. A complete panorama and a calm, open workspace. */
:root{--paper:#f8f8f4;--ink:#202c2b;--muted:#75817a;--line:#dde3dc;--gold:#7a8972}
body.studio.studio.studio{font-family:'Manrope',Arial,sans-serif!important;background:var(--paper)!important}
body.studio.studio.studio #portalView{background:linear-gradient(to right,#172320 0 232px,var(--paper) 232px 100%)!important}
body.studio.studio.studio #portalView #portalSidebar{background:#172320!important;padding:30px 18px!important}
body.studio.studio.studio #portalView .side-company-name{font-family:'Manrope',Arial,sans-serif!important;font-weight:500!important;letter-spacing:-.04em!important}
body.studio.studio.studio #portalView .company-mark{background:#263831!important;color:#e2ece3!important;border-color:#45594b!important;border-radius:8px!important}
body.studio.studio.studio #portalView .nav-item{font-weight:400!important;color:#a9bab0!important;border-radius:6px!important;min-height:48px!important}
body.studio.studio.studio #portalView .nav-item.active{color:#eef4ea!important;background:#304438!important;box-shadow:inset 2px 0 #9db38b!important}
body.studio.studio.studio #portalView .nav-item:hover{background:#26382e!important}
body.studio.studio.studio #portalView .main{--workspace-gutter:clamp(22px,3vw,48px);padding:0 var(--workspace-gutter) 36px!important;max-width:none!important}
body.studio.studio.studio #portalView .topbar{position:relative!important;inset:auto!important;width:100%!important;height:78px!important;border-bottom:1px solid var(--line)!important;background:transparent!important;gap:16px!important}
body.studio.studio.studio #portalView .topbar .top-title,body.studio.studio.studio #portalView #homeCompanyBrand .top-title{color:#66756c!important;font:400 12px/1.5 'Manrope',Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
body.studio.studio.studio #portalView .topbar #profileName{color:#22372c!important}
body.studio.studio.studio #portalView .topbar #profileRole{color:#768478!important}
body.studio.studio.studio #portalView .avatar{background:#e2e9dc!important;color:#40593c!important;border:0!important}
body.studio.studio.studio #portalView .header-signout-button{color:#4d6752!important;background:transparent!important;border-color:#d7e0d2!important}
body.studio.studio.studio #portalView .hero{display:flex!important;flex-direction:column!important;position:relative!important;min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;gap:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;isolation:auto!important;overflow:visible!important}
body.studio.studio.studio #portalView .hero-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:48px;align-items:center;padding:36px 0 32px}
body.studio.studio.studio #portalView .hero-intro>.hero-content,body.studio.studio.studio #portalView .hero-intro>.hero-weather-inline{grid-column:auto!important;grid-row:auto!important;justify-self:stretch!important;margin:0!important;text-align:left!important}
body.studio.studio.studio #portalView .hero-intro>.hero-content{display:block!important}
body.studio.studio.studio #portalView #temperatureReadingInfo,body.studio.studio.studio #portalView #weatherReportTime{color:#6e8073!important;text-shadow:none!important}
body.studio.studio.studio #portalView .hero-intro *{text-shadow:none!important}
body.studio.studio.studio #portalView .hero-content{position:static!important;inset:auto!important;width:auto!important;padding:0!important;transform:none!important;align-self:center!important;color:#23392f!important;max-width:none!important}
body.studio.studio.studio #portalView .hero-date{font:400 11px/1.5 'Manrope',Arial,sans-serif!important;color:#72816f!important;letter-spacing:.025em!important;text-transform:none!important}
body.studio.studio.studio #portalView #heroGreeting{font:400 clamp(32px,3.6vw,52px)/1.15 'Manrope',Arial,sans-serif!important;letter-spacing:-.055em!important;color:#263d30!important;margin:10px 0 0!important;text-shadow:none!important;text-wrap:balance}
body.studio.studio.studio #portalView .hero-shade,body.studio.studio.studio #portalView .hero-photo-note{display:none!important}
body.studio.studio.studio #portalView .hero-photo-frame{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1672/941!important;order:1!important;z-index:0!important;overflow:hidden!important;border-radius:4px!important;background:#192e37!important}
body.studio.studio.studio #portalView #heroPhoto{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;animation:none!important;transform:none!important;transition:filter 1s!important}
body.studio.studio.studio #portalView .hero-photo-frame::before{display:none!important}
body.studio.studio.studio #portalView .hero-scene-effects{z-index:1!important}
body.studio.studio.studio #portalView .natural-weather{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
body.studio.studio.studio #portalView .hero-weather-inline{position:static!important;width:auto!important;max-width:none!important;padding:0 0 0 24px!important;border:0!important;border-left:1px solid var(--line)!important;align-self:center!important;background:transparent!important;backdrop-filter:none!important;color:#3d5446!important;gap:0!important;box-shadow:none!important}
body.studio.studio.studio #portalView .weather-inline-top .temperature{color:#263d30!important;font:400 34px/1.1 'Manrope',Arial,sans-serif!important}
body.studio.studio.studio #portalView .weather-condition{color:#3e5749!important;font:400 12px/1.4 'Manrope',Arial,sans-serif!important}
body.studio.studio.studio #portalView .weather-location,body.studio.studio.studio #portalView .weather-place-line,body.studio.studio.studio #portalView .weather-details,body.studio.studio.studio #portalView #weatherStatus,body.studio.studio.studio #portalView .air-index-details{color:#6e8073!important;font:400 10px/1.5 'Manrope',Arial,sans-serif!important}
body.studio.studio.studio #portalView .weather-details{margin:5px 0!important}
body.studio.studio.studio #portalView .air-index{background:#e1eddd!important;color:#3d6544!important;border:0!important;border-radius:4px!important;font-size:9px!important}
body.studio.studio.studio #portalView .weather-tools{gap:8px!important;margin:5px 0!important}
body.studio.studio.studio #portalView .weather-tools button{background:transparent!important;color:#415e49!important;border:0!important;border-bottom:1px solid #cbd8c5!important;min-height:30px!important;padding:4px 0!important;border-radius:0!important;font-size:10px!important}
body.studio.studio.studio #portalView .weather-source{font-size:9px!important;color:#7c8c7b!important}
body.studio.studio.studio #portalView .weather-more{position:relative;color:#6e8073;font:10px/1.5 'Manrope',Arial,sans-serif;margin-top:4px}
body.studio.studio.studio #portalView .weather-more summary{cursor:pointer;min-height:30px;padding:7px 0;width:fit-content}
body.studio.studio.studio #portalView .weather-more[open]{background:#eff3e9;border-radius:6px;padding:8px 12px;margin-top:8px}
body.studio.studio.studio #portalView .hero-thought{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px 24px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:18px 0!important;margin:0!important;max-width:none!important;width:100%!important;color:#5c705c!important;text-shadow:none!important}
body.studio.studio.studio #portalView .hero-thought .eyebrow{display:none!important}
body.studio.studio.studio #portalView .hero-thought #dailyQuote{grid-column:1!important;grid-row:1!important;font:400 15px/1.5 'Manrope',Arial,sans-serif!important;color:#50674f!important;letter-spacing:-.015em!important;margin:0!important;text-shadow:none!important}
body.studio.studio.studio #portalView .hero-thought .quote-author{grid-column:1!important;font:400 10px/1.5 'Manrope',Arial,sans-serif!important;color:#81917b!important;margin:0!important;text-shadow:none!important}
body.studio.studio.studio #portalView .quote-context{display:none!important}
body.studio.studio.studio #portalView .thought-languages{grid-column:2!important;grid-row:1!important;display:flex!important;gap:8px!important}
body.studio.studio.studio #portalView .thought-languages button{background:transparent!important;color:#75836d!important;min-height:32px!important;border:0!important;border-radius:0!important;font-size:10px!important;padding:6px 0!important}
body.studio.studio.studio #portalView .thought-languages button[aria-pressed=true]{color:#2b4b33!important;border-bottom:1px solid #617d51!important}
body.studio.studio.studio #portalView #assistLauncher{grid-column:2!important;background:transparent!important;color:#5b7751!important;padding:4px 0!important;border:0!important;margin:0!important;font:400 10px/1.5 'Manrope',Arial,sans-serif!important;border-radius:0!important;min-height:32px!important;box-shadow:none!important}
body.studio.studio.studio .workspace-status{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-bottom:1px solid var(--line)!important;padding:16px 0!important}
body.studio.studio.studio .workspace-status strong{font:500 12px/1.5 'Manrope',Arial,sans-serif!important;color:#36513b!important}
body.studio.studio.studio .workspace-status span{font-size:10px!important;color:#84907e!important}
body.studio.studio.studio #portalView .workspace-deck{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)!important;padding:32px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;gap:40px!important}
body.studio.studio.studio #portalView .workspace-deck #attendanceCard{padding:0 32px 0 0!important;background:transparent!important;border:0!important;border-right:1px solid var(--line)!important;color:#36513b!important}
body.studio.studio.studio #portalView .workspace-deck h2,body.studio.studio.studio #portalView #homeNotices h2,body.studio.studio.studio #portalView #homeEvents h2,body.studio.studio.studio #portalView .grid-bottom h2{font:500 22px/1.3 'Manrope',Arial,sans-serif!important;letter-spacing:-.04em!important;color:#2a4131!important}
body.studio.studio.studio #portalView .eyebrow{color:#819075!important;font:400 10px/1.5 'Manrope',Arial,sans-serif!important;letter-spacing:.04em!important;text-transform:none!important}
body.studio.studio.studio #portalView .workspace-deck #liveClock{font:400 32px/1.15 'Manrope',Arial,sans-serif!important;color:#2a4131!important;margin-top:8px!important}
body.studio.studio.studio #portalView .workspace-deck .pill{background:#e7eddf!important;color:#547246!important;border:0!important;border-radius:4px!important}
body.studio.studio.studio #portalView .workspace-deck .attendance-summary strong{color:#3b5940!important;font-size:17px!important}
body.studio.studio.studio #portalView .workspace-deck .attendance-summary span,body.studio.studio.studio #portalView .workspace-deck .attendance-action small,body.studio.studio.studio #portalView .workspace-deck .attendance-details,body.studio.studio.studio #portalView .workspace-deck #appStatus{color:#829179!important}
body.studio.studio.studio #portalView .workspace-deck .attendance-summary>div+div{border-color:var(--line)!important}
body.studio.studio.studio #portalView #attendanceCard #clockButton{background:#334e37!important;color:#fff!important;border:0!important;border-radius:6px!important;min-width:140px!important;font-weight:400!important}
body.studio.studio.studio #portalView #appGrid .app-tile{background:#ecf0e8!important;border:1px solid #d9e1d2!important;border-radius:7px!important;min-height:170px!important;backdrop-filter:none!important;box-shadow:none!important;padding:20px!important}
body.studio.studio.studio #portalView #appGrid .app-tile:hover{background:#e2e9da!important;border-color:#a9bb9d!important;transform:translateY(-2px)!important;box-shadow:none!important}
body.studio.studio.studio #portalView #appGrid .exact-app-logo{background:#263b2d!important;padding:8px!important;border-radius:4px!important;max-width:146px!important}
body.studio.studio.studio #portalView #appGrid .exact-app-logo img{height:28px!important}
body.studio.studio.studio #portalView #appGrid .app-detail{color:#738367!important;font:400 11px/1.55 'Manrope',Arial,sans-serif!important}
body.studio.studio.studio #portalView #appGrid .app-launch,body.studio.studio.studio #portalView #appGrid .generic-app-logo strong{color:#405f39!important}
body.studio.studio.studio #portalView #noticeRefresh,body.studio.studio.studio #portalView #homeCalendarOpen,body.studio.studio.studio #portalView #openCommunity{background:transparent!important;color:#496641!important;border:1px solid #d1dcc8!important;border-radius:5px!important;min-height:38px!important}
body.studio.studio.studio #portalView #communitySection{background:#eaf0e3!important;border-radius:7px!important}
body.studio.studio.studio #loginView .login-card{background:var(--paper)!important}
body.studio.studio.studio #loginView .login-copy h1{font:400 38px/1.15 'Manrope',Arial,sans-serif!important;letter-spacing:-.05em!important;color:#2a4131!important}
body.studio.studio.studio #loginView #loginButton{background:#334e37!important;border-radius:6px!important}
body.studio.studio.studio #loginView .login-form input{border-radius:6px!important}
body.studio.studio.studio #loginView .art-quote{font:400 34px/1.3 'Manrope',Arial,sans-serif!important}
@container(max-width:850px){body.studio.studio.studio #portalView .hero-intro{grid-template-columns:1fr!important;gap:20px!important;padding:28px 0 24px!important}body.studio.studio.studio #portalView .hero-weather-inline{padding:0!important;border:0!important;max-width:600px!important}body.studio.studio.studio #portalView .workspace-deck{grid-template-columns:1fr!important}body.studio.studio.studio #portalView .workspace-deck #attendanceCard{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:0 0 26px!important}}
@media(max-width:1100px){body.studio.studio.studio #portalView{background:var(--paper)!important}body.studio.studio.studio #portalView .mobile-menu-toggle{background:transparent!important;color:#46613d!important;border-color:#d1dcc8!important}body.studio.studio.studio #portalView #portalSidebar{background:#172320!important}}
@media(max-width:600px){body.studio.studio.studio #portalView .main{--workspace-gutter:18px;padding:0 18px 24px!important}body.studio.studio.studio #portalView .topbar{height:68px!important}body.studio.studio.studio #portalView #heroGreeting{font-size:33px!important}body.studio.studio.studio #portalView .hero-thought{grid-template-columns:1fr!important;gap:5px!important;padding:16px 0!important}body.studio.studio.studio #portalView .thought-languages{grid-column:1!important;grid-row:auto!important}body.studio.studio.studio #portalView #assistLauncher{grid-column:1!important;justify-self:start!important}body.studio.studio.studio .workspace-status{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body.studio.studio.studio #portalView .workspace-deck{gap:26px!important;padding:26px 0!important}body.studio.studio.studio #portalView #appGrid .app-tile{padding:14px!important;min-height:166px!important}body.studio.studio.studio #portalView #appGrid .exact-app-logo{padding:6px!important}}
@media(prefers-reduced-motion:reduce){body.studio.studio.studio #portalView #heroPhoto{transition:none!important;animation:none!important}}
@media(min-width:850px) and (max-height:800px){body.studio.studio.studio #portalView .topbar{height:64px!important}body.studio.studio.studio #portalView .hero-intro{padding:18px 0!important}}

/* No band above the scene. The panorama leads; apps stay below. */
body.studio.studio.studio #portalView .topbar{position:absolute!important;top:0!important;left:var(--workspace-gutter)!important;right:var(--workspace-gutter)!important;inset-block-end:auto!important;width:auto!important;border:0!important;z-index:30!important}
body.studio.studio.studio #portalView .topbar .top-title,body.studio.studio.studio #portalView #homeCompanyBrand .top-title,body.studio.studio.studio #portalView .topbar #profileName{color:#f1f6ef!important}
body.studio.studio.studio #portalView .topbar #profileRole{color:#d3ded4!important}
body.studio.studio.studio #portalView .header-signout-button,body.studio.studio.studio #portalView .mobile-menu-toggle{color:#f0f5ec!important;background:#ffffff10!important;border-color:#ffffff40!important}
body.studio.studio.studio #portalView .hero{width:calc(100% + 2 * var(--workspace-gutter))!important;max-width:none!important;margin:0 calc(-1 * var(--workspace-gutter))!important;background:#213831!important;overflow:hidden!important}
body.studio.studio.studio #portalView .hero{align-items:stretch!important}
body.studio.studio.studio #portalView .hero-photo-frame{order:0!important;border-radius:0!important}
body.studio.studio.studio #portalView .hero-intro{position:absolute;inset:86px 38px auto;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,310px);gap:32px;align-items:start;padding:0!important}
body.studio.studio.studio #portalView .hero-intro>.hero-content{align-self:start!important}
body.studio.studio.studio #portalView #heroGreeting{color:#f6f8f1!important;font-size:clamp(30px,3.2vw,46px)!important;max-width:650px!important}
body.studio.studio.studio #portalView .hero-date{color:#d6e1d2!important}
body.studio.studio.studio #portalView .hero-weather-inline{border-color:#ffffff40!important;color:#e9f1e8!important}
body.studio.studio.studio #portalView .weather-inline-top .temperature,body.studio.studio.studio #portalView .weather-condition{color:#f0f5ea!important}
body.studio.studio.studio #portalView .weather-location,body.studio.studio.studio #portalView .weather-place-line,body.studio.studio.studio #portalView .air-index-details,body.studio.studio.studio #portalView .weather-more{color:#d3e2d0!important}
body.studio.studio.studio #portalView .weather-more[open]{background:#f4f7ee;color:#586d50!important}
body.studio.studio.studio #portalView .hero-shade{display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none;background:linear-gradient(180deg,#0d262bd9 0%,#18372d62 25%,transparent 48%)!important}
body.studio.studio.studio.inner-page #portalView .topbar{position:relative!important;inset:auto!important;width:100%!important;border-bottom:1px solid var(--line)!important}
body.studio.studio.studio.inner-page #portalView .topbar .top-title,body.studio.studio.studio.inner-page #portalView #homeCompanyBrand .top-title,body.studio.studio.studio.inner-page #portalView .topbar #profileName{color:#344f3a!important}
body.studio.studio.studio.inner-page #portalView .topbar #profileRole{color:#7c8b74!important}
@container(max-width:850px){body.studio.studio.studio #portalView .hero-intro{position:relative!important;inset:auto!important;order:1!important;grid-template-columns:1fr!important;padding:22px var(--workspace-gutter) 24px!important;gap:18px!important;background:#213831}body.studio.studio.studio #portalView .hero-weather-inline{border:0!important;padding:0!important}body.studio.studio.studio #portalView .hero-shade{bottom:auto!important;height:78px!important;background:linear-gradient(180deg,#142925bb,transparent)!important}}
@media(max-width:600px){body.studio.studio.studio #portalView #heroGreeting{font-size:29px!important}body.studio.studio.studio #portalView .hero-intro{padding:22px 20px!important}}

/* Movement belongs to the atmosphere and the interaction, never the image crop. */
body.studio.studio.studio #portalView .studio-reveal{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
body.studio.studio.studio #portalView .studio-reveal.studio-visible{opacity:1;transform:none}
body.studio.studio.studio #portalView #appGrid .app-tile{transition:transform .22s ease,background .22s ease,border-color .22s ease!important}
body.studio.studio.studio #portalView #appGrid .app-tile .app-launch>span{transition:transform .22s ease}
body.studio.studio.studio #portalView #appGrid .app-tile:hover .app-launch>span{transform:translate(3px,-3px)}
body.studio.studio.studio #portalView .nav-item svg{transition:transform .2s ease}
body.studio.studio.studio #portalView .nav-item:hover svg{transform:translateX(2px)}
body.studio.studio.studio #portalView button{transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
body.studio.studio.studio #portalView button:active{transform:translateY(1px)}
body.studio.studio.studio #portalView .session-live{animation:studio-session 3s ease-in-out infinite}
body.studio.studio.studio #portalView .hero-photo-frame::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 75% 5%,#f8e5ad45,transparent 65%)}
body.studio.studio.studio #portalView .hero[data-weather=clear]:not([data-time=night]) .hero-photo-frame::after,body.studio.studio.studio #portalView .hero[data-weather=partly]:not([data-time=night]) .hero-photo-frame::after{animation:studio-light 16s ease-in-out infinite alternate}
body.studio.studio.studio #portalView .hero-scene-effects .scene-clouds{animation:studio-clouds 32s ease-in-out infinite alternate!important;will-change:transform}
body.studio.studio.studio #portalView .hero-scene-effects .scene-mist{animation:studio-mist 14s ease-in-out infinite alternate!important}
body.studio.studio.studio #portalView .weather-more[open]{animation:studio-detail .2s ease}
body.studio.studio.studio #loginView .login-card{animation:studio-login .6s ease both}
body.studio.studio.studio #loginView .login-art:before{animation:studio-login-light 20s ease-in-out infinite alternate}
@keyframes studio-clouds{from{transform:translateX(-6%)}to{transform:translateX(6%)}}
@keyframes studio-mist{from{transform:translateY(1%)}to{transform:translateY(-2%)}}
@keyframes studio-light{from{opacity:.18}to{opacity:.65}}
@keyframes studio-session{0%,100%{box-shadow:0 0 0 0 #668b4810}50%{box-shadow:0 0 0 4px #668b4816}}
@keyframes studio-detail{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@keyframes studio-login{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes studio-login-light{from{opacity:.72}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body.studio.studio.studio *,body.studio.studio.studio *:before,body.studio.studio.studio *:after{animation:none!important;transition:none!important}body.studio.studio.studio #portalView .hero-scene-effects .scene-clouds,body.studio.studio.studio #portalView .hero-scene-effects .scene-mist,body.studio.studio.studio #portalView .hero-photo-frame::after{animation:none!important}body.studio.studio.studio #portalView .studio-reveal{opacity:1!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){body.studio.studio.studio #portalView .session-live,body.studio.studio.studio #portalView .weather-more[open],body.studio.studio.studio #loginView .login-card,body.studio.studio.studio #loginView .login-art:before{animation:none!important}}
body.studio.studio.studio .workspace-status span{color:#65725e!important}
body.studio.studio.studio #portalView .workspace-deck .attendance-summary span,body.studio.studio.studio #portalView .workspace-deck .attendance-action small,body.studio.studio.studio #portalView .workspace-deck .attendance-details,body.studio.studio.studio #portalView .workspace-deck #appStatus{color:#64715e!important}
body.studio.studio.studio #portalView .eyebrow{color:#627356!important}
body.studio.studio.studio #portalView #appGrid .app-detail{color:#596b4f!important}
@media(max-width:600px){
 body.studio.studio.studio #portalView .weather-more summary,body.studio.studio.studio #portalView .weather-tools button,body.studio.studio.studio #portalView .thought-languages button,body.studio.studio.studio #portalView #assistLauncher{min-height:44px!important;font-size:12px!important}
 body.studio.studio.studio #portalView .weather-tools{gap:12px!important;flex-wrap:wrap!important}
 body.studio.studio.studio #portalView #attendanceCard #clockButton{min-height:48px!important;width:100%!important;font-size:15px!important}
 body.studio.studio.studio #portalView .attendance-action{gap:10px!important}
 body.studio.studio.studio #portalView #appGrid .app-tile{min-height:184px!important}
 body.studio.studio.studio #portalView #appGrid .app-detail{font-size:12px!important}
 body.studio.studio.studio #portalView #appGrid .app-launch{font-size:12px!important}
 body.studio.studio.studio #portalView .attendance-details summary{min-height:44px!important;padding:12px 0!important}
 body.studio.studio.studio #portalView .news-controls button{min-height:44px!important;font-size:12px!important}
 body.studio.studio.studio #portalView .home-notice-heading{flex-wrap:wrap!important;gap:12px!important}
 body.studio.studio.studio #portalView #homeCalendarOpen,body.studio.studio.studio #portalView #noticeRefresh,body.studio.studio.studio #portalView #openCommunity{min-height:44px!important}
 body.studio.studio.studio #portalView input,body.studio.studio.studio #portalView select,body.studio.studio.studio #portalView textarea,body.studio.studio.studio #loginView input{font-size:16px!important}
 body.studio.studio.studio #portalView .calendar-toolbar{flex-wrap:wrap!important}
 body.studio.studio.studio #portalView .calendar-weekdays span{font-size:10px!important}
}

/* Friendly, rounded type. Trebuchet keeps the offline preview readable. */
body.studio.studio.studio,body.studio.studio.studio button,body.studio.studio.studio input,body.studio.studio.studio select,body.studio.studio.studio textarea{font-family:'Manrope','Trebuchet MS',ui-rounded,system-ui,sans-serif!important}
body.studio.studio.studio #portalView .side-company-name,body.studio.studio.studio #portalView .topbar .top-title,body.studio.studio.studio #portalView #homeCompanyBrand .top-title,body.studio.studio.studio #portalView .hero-date,body.studio.studio.studio #portalView #heroGreeting,body.studio.studio.studio #portalView .weather-condition,body.studio.studio.studio #portalView .weather-location,body.studio.studio.studio #portalView .weather-place-line,body.studio.studio.studio #portalView .air-index-details,body.studio.studio.studio #portalView .weather-more,body.studio.studio.studio #portalView .weather-details,body.studio.studio.studio #portalView #weatherStatus,body.studio.studio.studio #portalView .eyebrow,body.studio.studio.studio #portalView .workspace-deck h2,body.studio.studio.studio #portalView #homeNotices h2,body.studio.studio.studio #portalView #homeEvents h2,body.studio.studio.studio #portalView .grid-bottom h2,body.studio.studio.studio #portalView .hero-thought #dailyQuote,body.studio.studio.studio #portalView .hero-thought .quote-author,body.studio.studio.studio #portalView #assistLauncher,body.studio.studio.studio #portalView #appGrid .app-detail,body.studio.studio.studio #portalView #appGrid .app-launch,body.studio.studio.studio .workspace-status strong,body.studio.studio.studio #loginView .login-copy h1,body.studio.studio.studio #loginView .art-quote{font-family:'Manrope','Trebuchet MS',ui-rounded,system-ui,sans-serif!important;letter-spacing:0!important}
body.studio.studio.studio #portalView #heroGreeting{font-weight:600!important;letter-spacing:-.025em!important}
body.studio.studio.studio #portalView .workspace-deck h2,body.studio.studio.studio #portalView #homeNotices h2,body.studio.studio.studio #portalView #homeEvents h2,body.studio.studio.studio #portalView .grid-bottom h2{font-weight:600!important;letter-spacing:-.015em!important}
body.studio.studio.studio #loginView .login-copy h1{font-weight:600!important;letter-spacing:-.02em!important}
body.studio.studio.studio #portalView .hero-thought #dailyQuote{font-size:16px!important;color:#4a6448!important}

/* The welcome, weather and thought share the scene. Apps stay on the canvas below. */
body.studio.studio.studio #portalView .hero-photo-frame{aspect-ratio:1915/821!important}
body.studio.studio.studio #portalView .hero-thought{position:absolute!important;inset:auto 38px 0!important;width:auto!important;max-width:none!important;padding:12px 0 16px!important;background:transparent!important;border:0!important;z-index:3!important;box-shadow:none!important;backdrop-filter:none!important;gap:3px 22px!important}
body.studio.studio.studio #portalView .hero-thought #dailyQuote{color:#eff4e9!important;font-size:16px!important;font-weight:500!important}
body.studio.studio.studio #portalView .hero-thought .quote-author{color:#cedbc6!important}
body.studio.studio.studio #portalView .hero-thought .thought-languages button,body.studio.studio.studio #portalView .hero-thought #assistLauncher{color:#dbe5d6!important}
body.studio.studio.studio #portalView .hero-thought .thought-languages button[aria-pressed=true]{color:#fff!important;border-bottom-color:#c3d4b3!important}
body.studio.studio.studio #portalView #dailyQuoteSource{color:#dbe5d6!important;font-size:10px!important;grid-column:1!important}
body.studio.studio.studio #portalView .hero-shade{background:linear-gradient(180deg,#0d262ba8,transparent 40%),linear-gradient(0deg,#122923d4,transparent 29%)!important}
@container(max-width:850px){body.studio.studio.studio #portalView .hero-thought{position:relative!important;inset:auto!important;order:2!important;width:100%!important;padding:0 var(--workspace-gutter) 20px!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 18px!important}body.studio.studio.studio #portalView .hero-shade{height:78px!important;background:linear-gradient(180deg,#142925aa,transparent)!important}}
@media(max-width:600px){body.studio.studio.studio #portalView .hero-thought{grid-template-columns:1fr!important;padding:0 20px 18px!important}body.studio.studio.studio #portalView .hero-thought .quote-author{grid-row:2!important}body.studio.studio.studio #portalView .hero-thought .thought-languages{grid-row:3!important;grid-column:1!important}body.studio.studio.studio #portalView .hero-thought #assistLauncher{grid-row:3!important;grid-column:1!important;justify-self:end!important}body.studio.studio.studio #portalView .hero-thought #dailyQuote{font-size:15px!important}}
body.studio.studio.studio #portalView .hero-photo-frame{aspect-ratio:1672/941!important}
@container(min-width:1051px){
 body.studio.studio.studio #portalView .hero-intro{inset:78px 180px auto 38px!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:28px!important}
 body.studio.studio.studio #portalView #heroGreeting{font-size:40px!important}
 body.studio.studio.studio #portalView .hero-thought{inset:160px auto auto 38px!important;width:calc(40% - 65px)!important;padding:0!important;grid-template-columns:minmax(0,1fr) auto!important}
 body.studio.studio.studio #portalView .hero-shade{background:linear-gradient(180deg,#10282caa,transparent 40%)!important}
}
@container(max-width:1050px){
 body.studio.studio.studio #portalView .hero-intro{position:relative!important;inset:auto!important;order:1!important;grid-template-columns:minmax(0,1fr) minmax(220px,300px)!important;padding:22px var(--workspace-gutter)!important;gap:18px!important;background:#213831}
 body.studio.studio.studio #portalView .hero-weather-inline{border:0!important;padding:0!important}
 body.studio.studio.studio #portalView .hero-thought{position:relative!important;inset:auto!important;order:2!important;width:100%!important;padding:0 var(--workspace-gutter) 20px!important;box-sizing:border-box!important}
 body.studio.studio.studio #portalView .hero-shade{height:78px!important;background:linear-gradient(180deg,#142925aa,transparent)!important}
}
@container(max-width:650px){body.studio.studio.studio #portalView .hero-intro{grid-template-columns:1fr!important}}

@container(min-width:1051px){body.studio.studio.studio #portalView .hero-thought .quote-author,body.studio.studio.studio #portalView .hero-thought #assistLauncher,body.studio.studio.studio #portalView .hero-thought .thought-languages button{color:#fff!important;text-shadow:0 1px 4px #10282c!important}body.studio.studio.studio #portalView .hero-thought .quote-author{margin-top:0!important}body.studio.studio.studio #portalView .hero-thought{gap:4px 18px!important}}
/* Keep the tallest spire clear of navigation on narrow displays. */
@media(max-width:1100px){body.studio.studio.studio.magazine-home #portalView .topbar{justify-content:flex-start!important;gap:14px!important}body.studio.studio.studio.magazine-home #portalView .topbar-leading{flex:0 0 auto!important}body.studio.studio.studio.magazine-home #portalView .topbar-actions{margin-left:0!important;flex-direction:row!important;gap:10px!important}}
@container(min-width:1051px){body.studio.studio.studio #portalView .hero-thought{max-height:70px!important;overflow:auto!important;scrollbar-width:thin!important}body.studio.studio.studio #portalView .hero-thought #dailyQuote{margin:0!important;line-height:1.4!important}}
/* Selected panorama: leave the central Petronas towers completely clear. */
body.studio.studio.studio #portalView .hero-photo-frame{aspect-ratio:1916/821!important}
@container(min-width:1051px){
 body.studio.studio.studio #portalView .hero-intro{inset:78px 18% auto 22%!important;grid-template-columns:minmax(0,290px) minmax(0,220px)!important;justify-content:space-between!important;gap:20px!important}
 body.studio.studio.studio #portalView #heroGreeting{font-size:32px!important}
 body.studio.studio.studio #portalView .hero-thought{inset:170px auto auto 22%!important;width:24%!important;max-height:70px!important}
 body.studio.studio.studio #portalView .hero-thought{grid-template-columns:1fr auto!important}
}
/* Compact navigation lives below the panorama, so it cannot cover KLCC. */
@container(max-width:1050px){body.studio.studio.studio.magazine-home #portalView .topbar{top:var(--panorama-height,0px)!important}body.studio.studio.studio #portalView .hero-intro{padding-top:78px!important}}
body.studio.studio.studio #loginView .login-art{background-image:url('./kl-skyline-approved-v70.png')!important;background-position:52% center!important}

/* Consistent navigation: menu left, Home/account/sign-out right. */
body#atelierStudio #portalView .topbar{position:sticky!important;inset:auto!important;top:0!important;left:auto!important;right:auto!important;width:calc(100% + var(--workspace-gutter) + var(--workspace-gutter))!important;margin:0 calc(-1 * var(--workspace-gutter))!important;padding:0 var(--workspace-gutter)!important;height:64px!important;min-height:64px!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;gap:12px!important;background:#172320!important;border:0!important;z-index:100!important}
body#atelierStudio #portalView .topbar-leading{display:flex!important;align-items:center!important;flex:0 0 44px!important;min-width:44px!important;gap:0!important}
body#atelierStudio #portalView .topbar-leading .top-title,body#atelierStudio #portalView #homeCompanyBrand{display:none!important}
body#atelierStudio #portalView .topbar-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;margin-left:auto!important;flex-direction:row!important;gap:12px!important;min-width:0!important}
body#atelierStudio #portalView #mobileNavButton{display:flex!important;align-items:center!important;justify-content:center!important;order:0!important;min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;background:transparent!important;color:#eef3ee!important;border:1px solid #ffffff25!important;border-radius:7px!important;font-size:22px!important}
body#atelierStudio #portalView .header-home-button{display:flex;align-items:center;gap:7px;color:#e7eee8;background:transparent;border:0;min-height:44px;padding:0 8px;border-radius:6px;font:13px 'Manrope','Trebuchet MS',sans-serif;cursor:pointer}
body#atelierStudio #portalView .header-home-button svg{width:18px;height:18px;flex:none}
body#atelierStudio #portalView .header-home-button:hover{background:#ffffff0e}
body#atelierStudio #portalView .profile{display:flex!important;gap:10px!important;min-width:0!important;align-items:center!important}
body#atelierStudio #portalView .profile>div{display:flex!important;flex-direction:column!important;min-width:0!important}
body#atelierStudio #portalView .profile #profileName{color:#f0f4ee!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:180px;font-size:13px!important}
body#atelierStudio #portalView .profile #profileRole{color:#b5c5ba!important;font-size:10px!important}
body#atelierStudio #portalView #headerSignOutButton{min-width:44px!important;min-height:44px!important;color:#e6eee7!important;border:0!important;background:transparent!important}
body#atelierStudio #portalView #licenseAlert{position:absolute;right:var(--workspace-gutter);top:64px;background:#fff6df;color:#704d12;font-size:11px;padding:5px 9px;max-width:80%;z-index:110}
body#atelierStudio #portalView .hero-photo-frame{border-radius:0!important}
body#atelierStudio #portalView button:focus-visible,body#atelierStudio #portalView a:focus-visible{outline:2px solid #91ae8e!important;outline-offset:3px!important}
@container(max-width:1050px){body#atelierStudio #portalView .hero-intro{padding-top:24px!important}}
@media(max-width:600px){
 body#atelierStudio #portalView .topbar-actions{gap:4px!important}
 body#atelierStudio #portalView .profile{gap:6px!important}
 body#atelierStudio #portalView .profile #profileName{max-width:70px!important;font-size:12px!important}
 body#atelierStudio #portalView .profile #profileRole{display:none!important}
 body#atelierStudio #portalView .profile #avatar{min-width:44px!important;min-height:44px!important;font-size:12px!important}
 body#atelierStudio #portalView .header-home-button{min-width:44px!important;padding:0!important;justify-content:center!important}
 body#atelierStudio #portalView .header-home-button>span{display:none!important}
}
@media(min-width:1101px){body#atelierStudio.desktop-nav-collapsed #portalView{grid-template-columns:0 minmax(0,1fr)!important;background:var(--paper)!important}body#atelierStudio.desktop-nav-collapsed #portalView #portalSidebar{display:none!important}}


/* Portrait illustration is composed for the login panel. */
body#atelierStudio #loginView .login-art{background-image:url('./kl-login-illustrated-v70.png')!important;background-position:center center!important;background-size:cover!important}
body#atelierStudio #loginView .login-art:before{background:linear-gradient(180deg,#13262300,#13262318)!important}
body#atelierStudio #loginView .login-art:after{color:#294e40!important;letter-spacing:.18em!important;font-weight:600!important}
body#atelierStudio #loginView .art-quote{top:130px!important;bottom:auto!important;left:8%!important;color:#294e40!important;font-size:42px!important;line-height:1.15!important;font-weight:500!important;text-shadow:none!important}
body#atelierStudio #loginView #loginCompanyName{font-family:'Manrope','Trebuchet MS',sans-serif!important;font-size:21px!important;font-weight:600!important}
@media(max-width:600px){body#atelierStudio #loginView .login-art{height:340px!important;min-height:340px!important;background-position:center 55%!important}body#atelierStudio #loginView .art-quote{display:none!important}body#atelierStudio #loginView .login-art:after{top:24px!important;font-size:11px!important}}