/* A staff lounge: welcome first, everyday tools, then people and conversation. */
:root{--paper:#f5f6f2;--ink:#29382f;--muted:#7a8577;--line:#dce3d6}
body#atelierStudio{font-size:14px!important;line-height:1.5!important;background:var(--paper)!important}
body#atelierStudio h1,body#atelierStudio h2,body#atelierStudio h3{font-family:'Manrope','Trebuchet MS',sans-serif!important}
body#atelierStudio #portalView .hero-shade{background:linear-gradient(180deg,#0b222708 12%,#09241d40 48%,#10271dde 100%)!important}
body#atelierStudio #portalView .hero-intro{inset:auto 40px 144px!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:44px!important;align-items:end!important;padding:0!important}
body#atelierStudio #portalView .hero-content{align-self:end!important;max-width:560px!important}
body#atelierStudio #portalView .hero-date{font-size:13px!important;color:#e4ebdf!important;line-height:1.5!important}
body#atelierStudio #portalView #heroGreeting{font-size:clamp(40px,4.4vw,64px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:600!important;color:#fffdf4!important;margin:10px 0 0!important;text-wrap:balance}
body#atelierStudio #portalView .hero-thought{inset:auto auto 26px 40px!important;width:min(46%,550px)!important;max-height:112px!important;padding:0!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 18px!important;overflow:auto!important;scrollbar-width:thin!important}
body#atelierStudio #portalView #dailyQuote{grid-column:1/-1!important;grid-row:1!important;font-size:18px!important;line-height:1.4!important;font-weight:400!important;margin:0!important;color:#f6f7ec!important}
body#atelierStudio #portalView #dailyQuoteAuthor{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:12px!important;line-height:1.4!important;color:#d8e3ce!important}
body#atelierStudio #portalView .thought-languages{grid-column:1!important;grid-row:3!important;gap:12px!important}
body#atelierStudio #portalView #assistLauncher{grid-column:2!important;grid-row:3!important;justify-self:end!important;font-size:11px!important}
body#atelierStudio #portalView #dailyQuoteSource{grid-column:1/-1!important;grid-row:4!important}
body#atelierStudio #portalView .hero-weather-inline{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;width:300px!important;max-width:100%!important;gap:13px!important;border:0!important;padding:0!important;background:transparent!important;align-self:end!important}
body#atelierStudio #portalView .weather-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:42px!important;font-size:28px!important}
body#atelierStudio #portalView .weather-inline-top{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px 10px!important}
body#atelierStudio #portalView .temperature{font-size:38px!important;line-height:1!important;font-weight:500!important;color:#fffdf3!important}
body#atelierStudio #portalView .weather-condition{flex-basis:100%!important;font-size:14px!important;line-height:1.5!important;color:#f0f3e7!important}
body#atelierStudio #portalView .weather-location,body#atelierStudio #portalView .air-index-details{font-size:11px!important;color:#dce6d5!important;line-height:1.6!important}
body#atelierStudio #portalView .weather-more summary{font-size:12px!important;min-height:36px!important}
body#atelierStudio #portalView .weather-more[open]{background:#203b2ff5!important;border:1px solid #d2e4d52a!important;border-radius:9px!important;color:#e9f0e1!important}
body#atelierStudio #portalView .workspace-status{padding:22px 0!important}
body#atelierStudio #portalView .workspace-status strong{font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;color:#3f573c!important}
body#atelierStudio #portalView .workspace-status span{font-size:12px!important;line-height:1.5!important;color:#7a8672!important;margin-top:4px!important}
body#atelierStudio #portalView .workspace-deck{grid-template-columns:minmax(0,.9fr) minmax(0,1.55fr)!important;gap:38px!important;padding:34px 0!important}
body#atelierStudio #portalView h2{font-size:25px!important;line-height:1.3!important;font-weight:600!important;color:#2d432f!important;letter-spacing:-.025em!important}
body#atelierStudio #portalView #liveClock{font-size:38px!important;font-weight:500!important;line-height:1.15!important}
body#atelierStudio #portalView .attendance-summary{margin:24px 0!important}
body#atelierStudio #portalView .attendance-summary strong{font-size:20px!important;font-weight:500!important}
body#atelierStudio #portalView #attendanceCard #clockButton{border-radius:9px!important;min-height:48px!important;font-size:14px!important}
body#atelierStudio #portalView #appGrid{gap:16px!important;margin-top:22px!important}
body#atelierStudio #portalView #appGrid .app-tile{padding:22px!important;gap:18px!important;min-height:180px!important;background:#edf1e7!important;border:1px solid #dce5d2!important;border-radius:14px!important;box-shadow:none!important}
body#atelierStudio #portalView #appGrid .app-tile:hover{background:#e5eddd!important;border-color:#bccfac!important;transform:translateY(-3px)!important}
body#atelierStudio #portalView #appGrid .app-detail{font-size:13px!important;line-height:1.55!important;color:#647359!important}
body#atelierStudio #portalView #appGrid .app-launch{font-size:12px!important;color:#506b42!important}
body#atelierStudio #portalView #communitySection{display:grid!important;grid-template-columns:220px minmax(0,1fr) auto!important;align-items:center!important;gap:30px!important;margin:0 0 36px!important;padding:0 28px 0 0!important;background:#e8edde!important;border:0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:none!important}
body#atelierStudio #portalView #communitySection .lounge-image{display:block!important;width:220px!important;height:174px!important;object-fit:cover!important;object-position:65% center!important}
body#atelierStudio #portalView #communitySection .lounge-copy{padding:20px 0!important;min-width:0!important}
body#atelierStudio #portalView #communitySection h2{font-size:25px!important;margin:5px 0 0!important}
body#atelierStudio #portalView #communitySection p{font-size:14px!important;line-height:1.6!important;color:#667a56!important;margin:9px 0 0!important;max-width:52ch!important}
body#atelierStudio #portalView #openCommunity{min-height:46px!important;white-space:nowrap!important;background:#3e593d!important;color:#f6f7ec!important;border:0!important;border-radius:9px!important;font-size:13px!important;font-weight:500!important;padding:10px 18px!important}
body#atelierStudio #portalView .home-notice-columns{grid-template-columns:1.35fr 1fr!important;gap:20px!important}
body#atelierStudio #portalView .home-notice-columns>article{padding:24px!important;background:#fcfdf9!important;border:1px solid #e0e6db!important;border-radius:14px!important;min-width:0!important}
body#atelierStudio #portalView .home-notice-columns h3{font-size:18px!important;font-weight:600!important;color:#3c543b!important}
body#atelierStudio #portalView .home-notice-item h3{font-size:16px!important;line-height:1.4!important}
body#atelierStudio #portalView .home-notice-item p,body#atelierStudio #portalView #birthdayList p{font-size:14px!important;line-height:1.65!important;color:#66715f!important}
body#atelierStudio #portalView #homeEvents{padding:26px 0 30px!important;margin:30px 0 0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
body#atelierStudio #portalView .grid-bottom{display:block!important;padding:30px 0 0!important;margin:0!important;border:0!important}
body#atelierStudio #portalView #newsList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 32px!important}
body#atelierStudio #portalView .portal-news-item{padding:20px 0!important;border-bottom:1px solid var(--line)!important}
body#atelierStudio #portalView .portal-news-item a{font-size:17px!important;font-weight:500!important;line-height:1.45!important;color:#3b5238!important}
body#atelierStudio #portalView .portal-news-item p{font-size:12px!important;color:#838b7b!important}
body#atelierStudio #portalView .news-controls{overflow-x:auto!important;white-space:nowrap!important;flex-wrap:nowrap!important}
body#atelierStudio #portalView .news-controls button{min-height:44px!important;flex:none!important;font-size:12px!important}
body#atelierStudio #portalView .settings-panel,body#atelierStudio #portalView .community-fun article,body#atelierStudio #portalView .community-calendar{background:#fcfdf9!important;border:1px solid #dde5d7!important;border-radius:14px!important;box-shadow:none!important}
body#atelierStudio #portalView .admin-page-head h1{font-size:32px!important;font-weight:600!important;color:#2e4435!important}
body#atelierStudio #portalView .admin-page-head p{font-size:14px!important;line-height:1.6!important;color:#74806c!important}
body#atelierStudio #portalView .community-welcome h1{font-size:36px!important;font-weight:600!important;color:#30492f!important}
body#atelierStudio #portalView .community-welcome p,body#atelierStudio #portalView .community-fun p{font-size:14px!important;line-height:1.65!important}
body#atelierStudio #loginView .login-art:after{display:none!important}
body#atelierStudio #loginView .art-quote{display:block!important;top:40px!important;bottom:auto!important;left:8%!important;width:220px!important;max-width:70%!important;margin:0!important}
body#atelierStudio #loginView .art-quote img{display:block!important;width:100%!important;height:90px!important;object-fit:contain!important;object-position:left!important}
@container workspace (max-width:1050px){
 body#atelierStudio #portalView .hero-intro{position:relative!important;inset:auto!important;order:1!important;grid-template-columns:minmax(0,1fr) minmax(240px,300px)!important;gap:28px!important;padding:26px var(--workspace-gutter) 16px!important}
 body#atelierStudio #portalView .hero-thought{position:relative!important;inset:auto!important;order:2!important;width:100%!important;padding:0 var(--workspace-gutter) 24px!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important}
 body#atelierStudio #portalView .hero-shade{display:none!important}
 body#atelierStudio #portalView #heroGreeting{font-size:42px!important}
 body#atelierStudio #portalView #communitySection{grid-template-columns:180px minmax(0,1fr)!important;gap:0 22px!important;padding-right:22px!important}
 body#atelierStudio #portalView #communitySection .lounge-image{width:180px!important;height:206px!important;grid-row:1/3!important}
 body#atelierStudio #portalView #communitySection .lounge-copy{padding:20px 0 12px!important}
 body#atelierStudio #portalView #openCommunity{grid-column:2!important;justify-self:start!important;margin-bottom:20px!important}
}
@container workspace (max-width:750px){body#atelierStudio #portalView .workspace-deck,body#atelierStudio #portalView .home-notice-columns,body#atelierStudio #portalView #newsList{grid-template-columns:1fr!important}body#atelierStudio #portalView #attendanceCard{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:0 0 26px!important}}
@container workspace (max-width:650px){body#atelierStudio #portalView .hero-intro{grid-template-columns:1fr!important;gap:20px!important}body#atelierStudio #portalView .hero-weather-inline{width:100%!important;grid-template-columns:30px minmax(0,1fr)!important;gap:12px!important}body#atelierStudio #portalView .temperature{font-size:30px!important}body#atelierStudio #portalView .weather-condition{flex-basis:auto!important;font-size:13px!important}body#atelierStudio #portalView .weather-icon{font-size:25px!important;height:32px!important}body#atelierStudio #portalView #communitySection{grid-template-columns:1fr!important;gap:0!important;padding:0 0 22px!important}body#atelierStudio #portalView #communitySection .lounge-image{width:100%!important;height:150px!important;grid-row:auto!important;object-position:center!important}body#atelierStudio #portalView #communitySection .lounge-copy{padding:22px!important}body#atelierStudio #portalView #openCommunity{grid-column:1!important;justify-self:stretch!important;margin:0 22px!important}}
@media(max-width:600px){
 body#atelierStudio #portalView .main{--workspace-gutter:20px!important}
 body#atelierStudio #portalView .hero-intro{padding:24px 20px 16px!important}
 body#atelierStudio #portalView #heroGreeting{font-size:34px!important}
 body#atelierStudio #portalView .hero-date{font-size:11px!important}
 body#atelierStudio #portalView .hero-thought{padding:0 20px 22px!important}
 body#atelierStudio #portalView #dailyQuote{font-size:16px!important}
 body#atelierStudio #portalView .thought-languages button,body#atelierStudio #portalView #assistLauncher,body#atelierStudio #portalView .weather-more summary{min-height:44px!important;font-size:12px!important}
 body#atelierStudio #portalView .workspace-status strong{font-size:13px!important}
 body#atelierStudio #portalView .workspace-status span{font-size:11px!important}
 body#atelierStudio #portalView .workspace-deck{padding:28px 0!important;gap:28px!important}
 body#atelierStudio #portalView #appGrid{gap:12px!important;margin-top:18px!important}
 body#atelierStudio #portalView #appGrid .app-tile{padding:15px!important;gap:14px!important;min-height:194px!important;border-radius:12px!important}
 body#atelierStudio #portalView #appGrid .app-detail{font-size:12px!important}
 body#atelierStudio #portalView #appGrid .app-launch{font-size:11px!important}
 body#atelierStudio #portalView .home-notice-columns>article{padding:20px!important}
 body#atelierStudio #loginView .art-quote{top:20px!important;width:140px!important}
 body#atelierStudio #loginView .art-quote img{height:48px!important}
}
@media(prefers-reduced-motion:reduce){body#atelierStudio #portalView #appGrid .app-tile:hover{transform:none!important}}
body#atelierStudio #portalView .main{container-name:workspace!important}
body#atelierStudio #portalView #temperatureReadingInfo,body#atelierStudio #portalView #weatherReportTime,body#atelierStudio #portalView #weatherStatus,body#atelierStudio #portalView .weather-source{color:#dce8d5!important;font-size:11px!important}
/* Reset the old header wrapping rules and keep gutters aligned. */
body#atelierStudio #portalView .main{padding-inline:var(--workspace-gutter)!important}
body#atelierStudio #portalView .topbar{align-items:center!important}
body#atelierStudio #portalView .topbar-actions{max-width:none!important;flex-wrap:nowrap!important;flex:0 1 auto!important}
body#atelierStudio #portalView .weather-icon{color:#edd78e!important}
body#atelierStudio #portalView #portalSidebar{overflow-y:auto!important;scrollbar-width:thin}
body#atelierStudio #portalView #portalSidebar .future-upgrade{padding:14px 10px 8px;border-top:1px solid #ffffff12;margin:16px 0 8px}
body#atelierStudio #portalView #portalSidebar .future-upgrade-label{display:block;color:#879b8c;font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
body#atelierStudio #portalView #portalSidebar #assistLauncher{display:flex!important;align-items:center!important;justify-content:flex-start!important;position:static!important;inset:auto!important;color:#b8cbb3!important;background:transparent!important;border:0!important;border-radius:6px!important;min-height:40px!important;padding:6px 0!important;font-size:12px!important;white-space:nowrap!important}

/* Preview: a single welcome column, leaving the central skyline open. */
body#atelierStudio #portalView .hero-shade{display:block!important;background:linear-gradient(90deg,rgba(8,27,25,.75) 0%,rgba(8,27,25,.57) 24%,rgba(8,27,25,.12) 51%,transparent 68%)!important}
body#atelierStudio #portalView .hero-intro{position:absolute!important;inset:auto auto 34px 40px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:22px!important;width:400px!important;max-width:42%!important;padding:0!important}
body#atelierStudio #portalView .hero-content{width:100%!important;max-width:none!important;align-self:stretch!important}
body#atelierStudio #portalView #heroGreeting{font-size:52px!important;line-height:1.04!important;max-width:370px!important;text-wrap:balance!important;margin-top:12px!important;letter-spacing:-.045em!important}
body#atelierStudio #portalView .hero-date{font-size:12px!important;font-weight:500!important;letter-spacing:.01em!important}
body#atelierStudio #portalView .hero-thought{position:relative!important;inset:auto!important;order:initial!important;width:100%!important;max-width:none!important;max-height:none!important;display:grid!important;grid-template-columns:1fr auto!important;gap:5px 16px!important;padding:0!important;margin:0!important;border:0!important;overflow:visible!important;flex-shrink:0!important;background:transparent!important}
body#atelierStudio #portalView #dailyQuote{font-size:17px!important;line-height:1.45!important;font-family:'Manrope','Trebuchet MS',sans-serif!important;font-weight:400!important;color:#eff3ea!important}
body#atelierStudio #portalView #dailyQuoteAuthor{grid-column:1!important;grid-row:2!important;font-size:11px!important;color:#d2ddd2!important}
body#atelierStudio #portalView .thought-languages{grid-column:2!important;grid-row:2!important;gap:10px!important;align-self:center!important}
body#atelierStudio #portalView .thought-languages button{font-family:'Manrope','Trebuchet MS',sans-serif!important;min-height:30px!important;font-size:10px!important}
body#atelierStudio #portalView .hero-weather-inline{width:100%!important;align-self:stretch!important;grid-template-columns:28px minmax(0,1fr)!important;gap:12px!important;border-top:1px solid #e3e9da3d!important;padding-top:19px!important}
body#atelierStudio #portalView .weather-inline-top{gap:7px 10px!important}
body#atelierStudio #portalView .weather-icon{width:28px!important;height:32px!important;font-size:26px!important}
body#atelierStudio #portalView .temperature{font-size:28px!important;line-height:1.15!important}
body#atelierStudio #portalView .weather-condition{flex-basis:auto!important;font-size:12px!important}
body#atelierStudio #portalView .weather-location{font-size:11px!important;margin-top:3px!important}
body#atelierStudio #portalView .weather-more summary{font-size:11px!important;min-height:30px!important;padding:4px 0!important}
body#atelierStudio #portalView .weather-more[open]{max-height:190px!important;overflow:auto!important}
@container workspace (max-width:1050px){
 body#atelierStudio #portalView .hero-shade{display:none!important}
 body#atelierStudio #portalView .hero-intro{position:relative!important;inset:auto!important;order:1!important;width:100%!important;max-width:none!important;padding:30px var(--workspace-gutter)!important;gap:22px!important;box-sizing:border-box!important}
 body#atelierStudio #portalView #heroGreeting{font-size:42px!important;max-width:none!important;text-wrap:initial!important}
 body#atelierStudio #portalView .hero-thought{max-width:560px!important;max-height:none!important;overflow:visible!important}
 body#atelierStudio #portalView .hero-weather-inline{max-width:560px!important;align-self:flex-start!important}
}
@media(max-width:600px){
 body#atelierStudio #portalView .hero-intro{padding:24px 20px!important;gap:18px!important}
 body#atelierStudio #portalView #heroGreeting{font-size:34px!important}
 body#atelierStudio #portalView .hero-thought{gap:0 12px!important}
 body#atelierStudio #portalView #dailyQuote{font-size:16px!important}
 body#atelierStudio #portalView .thought-languages button,body#atelierStudio #portalView .weather-more summary{min-height:44px!important;font-size:11px!important}
 body#atelierStudio #portalView .hero-weather-inline{padding-top:16px!important}
}

body#atelierStudio #portalView #appStatus:empty{display:none!important}
body#atelierStudio .workspace-status .has-new strong{color:#2c613c!important}
body#atelierStudio .workspace-status .has-new strong:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#6f9856;margin-right:8px;vertical-align:middle}

/* Announcements lead the home page; event responses stay close to the event. */
body#atelierStudio #portalView #homeNotices{display:block!important;margin:0!important;padding:28px 0 24px!important;border-bottom:1px solid var(--line)!important}
body#atelierStudio #portalView #homeNotices > .home-notice-heading{margin-bottom:16px!important}
body#atelierStudio #portalView #homeNotices h2{margin:0!important;font-size:23px!important}
body#atelierStudio #portalView .home-notice-columns{grid-template-columns:minmax(0,2.5fr) minmax(210px,1fr)!important;gap:22px!important}
body#atelierStudio #portalView .home-notice-columns > .announcement-panel{background:#eef2e6!important;border:0!important;border-left:3px solid #86966a!important;border-radius:0 10px 10px 0!important;padding:20px 24px!important}
body#atelierStudio #portalView .announcement-panel > .home-notice-heading h3{display:none!important}
body#atelierStudio #portalView .announcement-panel > .home-notice-heading{justify-content:flex-end!important}
body#atelierStudio #portalView #announcementStatus:empty,body#atelierStudio #portalView .announcement-panel > .home-notice-heading:not(:has(button:not([hidden]))){display:none!important}
body#atelierStudio #portalView .notice-item{padding:16px 0!important;border-bottom:1px solid #ced8c2!important}
body#atelierStudio #portalView .notice-item:first-child{padding-top:0!important}
body#atelierStudio #portalView .notice-item:last-child{padding-bottom:0!important;border-bottom:0!important}
body#atelierStudio #portalView .notice-item h3{font-size:19px!important;line-height:1.35!important;margin:0 0 8px!important}
body#atelierStudio #portalView .notice-item p{font-family:'Manrope','Trebuchet MS',sans-serif!important;font-size:14px!important;line-height:1.65!important;color:#405039!important;margin:0 0 12px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
body#atelierStudio #portalView .notice-item small{font-size:11px!important;color:#6e7c64!important}
body#atelierStudio #portalView .birthday-panel{background:transparent!important;border:0!important;padding:8px 0 8px 22px!important;border-left:1px solid var(--line)!important;border-radius:0!important}
body#atelierStudio #portalView .birthday-panel h3{font-size:16px!important}
body#atelierStudio #portalView .workspace-status{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important}
body#atelierStudio #portalView .workspace-status .notification-detail{font-size:12px!important;line-height:1.5!important;letter-spacing:0!important;color:#425d3b!important;overflow-wrap:anywhere!important;max-width:100%!important}
body#atelierStudio #portalView #homeEvents{margin:24px 0 32px!important;padding:0 0 28px!important;border-top:0!important}
body#atelierStudio #portalView #homeUpcoming{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;gap:16px!important;margin-top:20px!important}
body#atelierStudio #portalView .home-event{display:flex!important;flex-direction:column!important;min-width:0!important;padding:22px!important;border:1px solid #dce4d5!important;background:#fcfdf9!important;border-radius:12px!important}
body#atelierStudio #portalView .home-event-open{width:100%!important;text-align:left!important;border:0!important;padding:0!important;background:transparent!important;display:grid!important;gap:8px!important;min-height:48px!important;color:#30472f!important}
body#atelierStudio #portalView .home-event-open strong{font-size:19px!important;line-height:1.35!important}
body#atelierStudio #portalView .home-event-open span{font-size:12px!important;color:#68775f!important}
body#atelierStudio #portalView .event-people{margin-top:14px!important;display:flex!important;flex-direction:column!important;flex:1!important}
body#atelierStudio #portalView .event-people p{font-family:'Manrope','Trebuchet MS',sans-serif!important;font-size:12px!important;line-height:1.6!important;color:#697960!important;margin:4px 0!important;overflow-wrap:anywhere!important}
body#atelierStudio #portalView .rsvp-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:auto!important;padding-top:18px!important}
body#atelierStudio #portalView .rsvp-actions button{flex:1!important;min-height:44px!important;padding:9px 12px!important;border:1px solid #bdcbb4!important;border-radius:7px!important;background:transparent!important;color:#486041!important;font-family:'Manrope','Trebuchet MS',sans-serif!important;font-size:13px!important;white-space:nowrap!important}
body#atelierStudio #portalView .rsvp-actions button[aria-pressed=true]{background:#37533a!important;border-color:#37533a!important;color:white!important}
body#atelierStudio #portalView .rsvp-actions button:disabled{opacity:.55!important;cursor:wait!important}
body#atelierStudio #portalView .rsvp-status:empty{display:none!important}
body#atelierStudio #portalView #homeEvents .section-title-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important}
body#atelierStudio #portalView #homeEvents .section-title-row > div:first-child{margin-right:auto!important}
body#atelierStudio #portalView .home-event-pager{display:flex;align-items:center;gap:12px;order:2}
body#atelierStudio #portalView .home-event-pager[hidden]{display:none!important}
body#atelierStudio #portalView .home-event-pager button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid #c5d0bd!important;border-radius:8px!important;background:transparent!important;color:#365039!important;font:20px/1 'Manrope', sans-serif!important}
body#atelierStudio #portalView .home-event-pager button:disabled{opacity:.35!important;cursor:default!important}
body#atelierStudio #portalView .home-event-pager span{min-width:45px;font-size:12px;color:#65765d;text-align:center}
body#atelierStudio #portalView #homeCalendarOpen{order:3!important}
body#atelierStudio #portalView #homeUpcoming{display:block!important}
body#atelierStudio #portalView #homeUpcoming .home-event{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,340px)!important;gap:28px!important;min-height:220px!important}
body#atelierStudio #portalView #homeUpcoming .home-event-info{min-width:0!important}
body#atelierStudio #portalView #homeUpcoming .event-people{margin:0!important;padding-left:28px!important;border-left:1px solid var(--line)!important}
body#atelierStudio #portalView .home-event-location,body#atelierStudio #portalView .home-event-description{font-family:'Manrope','Trebuchet MS',sans-serif!important;font-size:13px!important;line-height:1.65!important;color:#607155!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important;margin:12px 0 0!important}
body#atelierStudio #portalView .home-event-location{font-weight:600!important;color:#475d3f!important}
@container workspace (max-width:750px){body#atelierStudio #portalView #homeUpcoming .home-event{grid-template-columns:1fr!important;gap:18px!important}body#atelierStudio #portalView #homeUpcoming .event-people{padding:16px 0 0!important;border-left:0!important;border-top:1px solid var(--line)!important}}
@container workspace (max-width:900px){body#atelierStudio #portalView #homeUpcoming{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container workspace (max-width:650px){
 body#atelierStudio #portalView .home-notice-columns,body#atelierStudio #portalView #homeUpcoming{grid-template-columns:1fr!important}
 body#atelierStudio #portalView .birthday-panel{padding:14px 0 0!important;border-left:0!important;border-top:1px solid var(--line)!important}
 body#atelierStudio #portalView .workspace-status{grid-template-columns:1fr 1fr!important;gap:18px 12px!important}
 body#atelierStudio #portalView .workspace-status > button:first-child{grid-column:1/-1!important;border-bottom:1px solid var(--line)!important;padding-bottom:14px!important}
 body#atelierStudio #portalView .workspace-status > button:nth-child(2){border-left:0!important;padding-left:0!important}
 body#atelierStudio #portalView .workspace-status > button:nth-child(3){border-left:1px solid var(--line)!important;padding-left:12px!important}
}
/* ADMIN73: matching black app surfaces and quieter, accessible scrollbars. */
html{scrollbar-width:thin;scrollbar-color:#9b9d99 #f5f6f2}
body#atelierStudio *{scrollbar-width:thin;scrollbar-color:#a2a5a0 transparent}
html::-webkit-scrollbar,body#atelierStudio ::-webkit-scrollbar{width:8px;height:8px}
html::-webkit-scrollbar-track,body#atelierStudio ::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb,body#atelierStudio ::-webkit-scrollbar-thumb{background:#a2a5a0;border:2px solid transparent;background-clip:padding-box;border-radius:20px}
html::-webkit-scrollbar-thumb:hover,body#atelierStudio ::-webkit-scrollbar-thumb:hover{background-color:#747873}
body#atelierStudio #portalView #portalSidebar{scrollbar-color:#ffffff36 transparent}
body#atelierStudio #portalView .hero-thought,body#atelierStudio #portalView .weather-more{scrollbar-color:#ffffff55 transparent}
body#atelierStudio #portalView #appGrid .app-tile{background:#101010!important;border-color:#2c2c2c!important;color:#fff!important}
body#atelierStudio #portalView #appGrid .app-tile:hover{background:#202020!important;border-color:#525252!important}
body#atelierStudio #portalView #appGrid .app-logo{background:transparent!important;color:#fff!important}
body#atelierStudio #portalView #appGrid .app-logo strong,body#atelierStudio #portalView #appGrid .app-logo small{color:#fff!important}
body#atelierStudio #portalView #appGrid .exact-app-logo{padding:0!important;height:40px!important;display:flex!important;align-items:center!important}
body#atelierStudio #portalView #appGrid .exact-app-logo img{height:32px!important;max-width:146px!important;object-fit:contain!important;object-position:left center!important}
/* Blend the HRMS artwork's baked-in black into the tile, including on hover. */
body#atelierStudio #portalView #appGrid .app-tile{isolation:isolate}
body#atelierStudio #portalView #appGrid .app-tile[data-app-name*="hrms" i] .exact-app-logo,
body#atelierStudio #portalView #appGrid .app-tile[data-app-id*="hrms" i] .exact-app-logo{mix-blend-mode:lighten}
body#atelierStudio #portalView #appGrid .app-detail{color:#c4c4c4!important}
body#atelierStudio #portalView #appGrid .app-launch{color:#f5f5f5!important;border-color:#ffffff24!important}
/* Keep fine tower details visible; effects move over the sky without a second wash. */
body#atelierStudio #portalView #heroPhoto{opacity:1!important;backdrop-filter:none!important;image-rendering:auto!important}
body#atelierStudio #portalView .hero-photo-frame::after{display:none!important}
body#atelierStudio #portalView .hero-scene-effects .scene-clouds{mask-image:linear-gradient(#000 0%,#000 24%,transparent 66%)!important}
body#atelierStudio #portalView .hero[data-time=night]{background:#101d31!important}
body#atelierStudio #portalView .hero[data-time=night] .hero-intro{background-color:transparent!important}
@container workspace (max-width:1050px){body#atelierStudio #portalView .hero[data-time=night] .hero-intro{background:#101d31!important}}
@media(forced-colors:active){html,body#atelierStudio *{scrollbar-color:auto!important}}
/* Greeting near the top; weather and quote follow in reading order. */
@container workspace (min-width:1051px){
 body#atelierStudio #portalView .hero-intro{inset:40px auto 34px 40px!important}
 body#atelierStudio #portalView .hero-thought{margin-top:0!important}
}
@container workspace (max-width:1050px){body#atelierStudio #portalView .hero-intro{padding-top:18px!important}}
@media(max-width:600px){body#atelierStudio #portalView .hero-intro{padding-top:16px!important}body#atelierStudio #portalView #heroGreeting{margin-top:8px!important}}
/* Match visual order to DOM reading order across every breakpoint. */
body#atelierStudio #portalView .hero-intro{justify-content:flex-start!important}
body#atelierStudio #portalView .hero-intro>.hero-content{order:0!important}
body#atelierStudio #portalView .hero-intro>.hero-weather-inline{order:1!important}
body#atelierStudio #portalView .hero-intro>.hero-thought{order:2!important}
/* Direct location choices; status remains visible for permission and error feedback. */
body#atelierStudio #portalView .hero-weather-inline .weather-details,
body#atelierStudio #portalView .hero-weather-inline .weather-source,
body#atelierStudio #portalView .hero-weather-inline .air-index-details,
body#atelierStudio #portalView #weatherRefresh{display:none!important}
body#atelierStudio #portalView .weather-tools{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:12px 0 0!important}
body#atelierStudio #portalView .weather-tools button{min-height:44px!important;padding:8px 12px!important;border:1px solid #ffffff40!important;border-radius:7px!important;color:#f0f4ef!important;background:#ffffff0a!important;font:12px 'Manrope','Trebuchet MS',sans-serif!important;cursor:pointer}
body#atelierStudio #portalView .weather-tools button:hover{background:#ffffff1c!important}
body#atelierStudio #portalView .weather-tools button:disabled{opacity:.55!important;cursor:wait}
body#atelierStudio #portalView #weatherStatus{display:block!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-top:8px!important}
body#atelierStudio #portalView #weatherStatus:empty{display:none!important}
/* Conceal sidebar chrome without removing wheel, touch or keyboard scrolling. */
body#atelierStudio #portalView #portalSidebar{scrollbar-width:none!important;-ms-overflow-style:none}
body#atelierStudio #portalView #portalSidebar::-webkit-scrollbar{display:none;width:0;height:0}
body#atelierStudio #portalView #portalSidebarMenu{scrollbar-width:none!important;-ms-overflow-style:none}
body#atelierStudio #portalView #portalSidebarMenu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
/* One continuous black sidebar, with neutral navigation and branding. */
body#atelierStudio #portalView #portalSidebar{background:#101010!important;color:#eeeeee!important}
body#atelierStudio #portalView #portalCompanyBrand{background:transparent!important;border:0!important;box-shadow:none!important}
body#atelierStudio #portalView #portalSidebar .nav-item{color:#aaaaaa!important}
body#atelierStudio #portalView #portalSidebar .nav-item.active{background:transparent!important;color:#ffffff!important;box-shadow:inset 2px 0 #eeeeee!important}
body#atelierStudio #portalView #portalSidebar .nav-item:hover{background:#ffffff0a!important;color:#ffffff!important}
body#atelierStudio #portalView #portalSidebar .company-mark{background:#101010!important;color:#ffffff!important;border-color:#ffffff30!important}
body#atelierStudio #portalView #portalSidebar .side-company-name{color:#eeeeee!important}
body#atelierStudio #portalView #portalSidebar .side-provider,body#atelierStudio #portalView #portalSidebar .future-upgrade-label{color:#888888!important}
body#atelierStudio #portalView #portalSidebar #assistLauncher{color:#aaaaaa!important}
body#atelierStudio #portalView #portalSidebar .nav-sep{background:#ffffff18!important}
@media(min-width:1101px){body#atelierStudio #portalView{background:linear-gradient(to right,#101010 0 232px,var(--paper) 232px 100%)!important}}
/* On Home, the skyline continues behind the header. */
body#atelierStudio.magazine-home #portalView .topbar{margin-bottom:-64px!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;isolation:isolate}
body#atelierStudio.magazine-home #portalView .topbar::before{content:'';position:absolute;inset:0 0 -28px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(5,15,25,.55),rgba(5,15,25,.12) 70%,transparent)}
body#atelierStudio.magazine-home.header-over-content #portalView .topbar,body#atelierStudio.inner-page #portalView .topbar{background:#101010!important}
body#atelierStudio.header-over-content #portalView .topbar::before{opacity:0}
@container workspace (min-width:1051px){
 body#atelierStudio.magazine-home #portalView .hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important}
 body#atelierStudio.magazine-home #portalView .hero-photo-frame{grid-area:1 / 1!important;align-self:start!important;min-width:0!important}
 body#atelierStudio.magazine-home #portalView .hero-intro{position:relative!important;inset:auto!important;grid-area:1 / 1!important;align-self:start!important;margin:88px 0 34px 40px!important}
}
body#atelierStudio #portalView .hero-weather-inline{grid-template-columns:44px minmax(0,1fr)!important}
body#atelierStudio #portalView #weatherIcon{width:44px!important;height:44px!important;flex:0 0 44px!important;font-size:40px!important;line-height:1!important}
/* A little extra sky on narrow screens keeps the tower spires below the controls. */
@media(max-width:600px){
 body#atelierStudio.magazine-home #portalView .hero{padding-top:32px!important;background:#8eafcb!important}
 body#atelierStudio.magazine-home #portalView .hero[data-time=night]{background:#102748!important}
 body#atelierStudio.magazine-home #portalView .hero[data-weather=storm]:not([data-time=night]){background:#73869a!important}
 body#atelierStudio.magazine-home #portalView .hero[data-weather=rain]:not([data-time=night]),body#atelierStudio.magazine-home #portalView .hero[data-weather=cloudy]:not([data-time=night]){background:#92a9bb!important}
}
/* Compact phone controls retain comfortable touch targets. */
@media(min-width:601px){
 body#atelierStudio #portalView .topbar{padding-right:0!important}
 body#atelierStudio #portalView .profile>div{align-items:flex-end!important;text-align:right!important}
}
@media(max-width:600px){
 body#atelierStudio #portalView .topbar{height:56px!important;min-height:56px!important;padding:0 12px!important;gap:8px!important}
 body#atelierStudio.magazine-home #portalView .topbar{margin-bottom:-56px!important}
 body#atelierStudio #portalView .header-home-button,body#atelierStudio #portalView .profile>div{display:none!important}
 body#atelierStudio #portalView .profile{gap:0!important}
 body#atelierStudio #portalView .topbar-actions{gap:4px!important}
 body#atelierStudio #portalView #avatar,body#atelierStudio #portalView #headerSignOutButton{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important}
}