/* ADMIN67: an operational workspace with a consistent typographic and alignment system. */
:root{--paper:#f3f4f5;--ink:#19232c;--muted:#68747e;--gold:#70828e;--line:#dce2e6}
body.premium.premium{font-family:'Manrope', Arial,Helvetica,sans-serif!important}
body.premium.premium #portalView{background:linear-gradient(to right,#141c24 0 232px,#f3f4f5 232px 100%)!important}
body.premium.premium #portalView #portalSidebar{background:#141c24!important;padding:28px 18px!important}
body.premium.premium #portalView .nav-item{border-radius:4px!important;padding:12px 10px!important;font-size:13px!important;letter-spacing:0!important;gap:12px!important}
body.premium.premium #portalView .nav-item svg{width:18px;height:18px;flex:0 0 18px}
body.premium.premium #portalView .nav-item.active{color:#fff!important;background:#293744!important;box-shadow:inset 2px 0 #b3c8d7!important}
body.premium.premium #portalView .nav-item:hover{background:#23303b!important}
body.premium.premium #portalView .side-company-name{font-family:'Manrope', Arial,Helvetica,sans-serif!important;font-size:19px!important;font-weight:500!important;letter-spacing:-.02em!important}
body.premium.premium #portalView .company-mark{border-radius:4px!important;color:#d3dfeb!important;background:#23313d!important;border:1px solid #3b4d5c!important;font-family:'Manrope', Arial,sans-serif!important;font-size:18px!important}
body.premium.premium #portalView .nav-sep{background:#35404a!important;margin:24px 8px!important}
body.premium.premium #portalView .sidebar-credit,body.premium.premium #portalView .sidebar-copyright{opacity:.65}
body.premium.premium.magazine-home #portalView .hero{padding:114px 42px 62px!important;grid-template-columns:minmax(0,1fr) minmax(250px,330px)!important;grid-template-rows:minmax(260px,1fr) auto!important;gap:28px 48px!important;align-items:end!important;background:#223441!important}
body.premium.premium.magazine-home #portalView .hero-content{grid-column:1!important;grid-row:1!important;align-self:center!important;max-width:620px!important;order:0!important}
body.premium.premium.magazine-home #portalView #heroGreeting{font:400 clamp(30px,3vw,44px)/1.18 'Manrope', Arial,Helvetica,sans-serif!important;letter-spacing:-.035em!important;max-width:650px!important;margin:18px 0 16px!important;text-wrap:balance}
body.premium.premium.magazine-home #portalView .hero-date{font:400 11px/1.5 'Manrope', Arial,Helvetica,sans-serif!important;letter-spacing:.08em!important;color:#d4dfe7!important}
body.premium.premium.magazine-home #portalView .hero-shade{background:linear-gradient(90deg,#0e2333d9,#1934437a 75%),linear-gradient(0deg,#102738ee,transparent 85%)!important}
body.premium.premium.magazine-home #portalView #heroPhoto{object-position:55% 55%!important;animation:atelier-ambient 45s ease-in-out infinite alternate!important}
body.premium.premium.magazine-home #portalView .hero-weather-inline{grid-column:2!important;grid-row:1!important;align-self:center!important;order:1!important;max-width:330px!important;width:100%!important;padding:20px 0 20px 24px!important;border-left:1px solid #d6e3ed38!important;gap:12px!important}
body.premium.premium #portalView .weather-inline-top{gap:6px 10px!important}
body.premium.premium #portalView .weather-inline-top .temperature{font:400 42px/1 'Manrope', Arial,Helvetica,sans-serif!important}
body.premium.premium #portalView .weather-icon{display:none!important}
body.premium.premium #portalView .weather-condition{font:400 12px/1.4 'Manrope', Arial,Helvetica,sans-serif!important}
body.premium.premium #portalView .air-index{border:0!important;border-radius:3px!important;padding:5px!important;background:#173e42!important}
body.premium.premium #portalView .weather-tools button{border-radius:3px!important;background:transparent!important;min-height:36px!important}
body.premium.premium #portalView .weather-details{font-size:10px!important;gap:6px 10px!important}
body.premium.premium.magazine-home #portalView .workspace-deck{grid-column:1/-1!important;grid-row:2!important;order:2!important;padding:28px!important;background:#f8fafb!important;border:0!important;border-radius:3px!important;gap:32px!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)!important;box-shadow:0 12px 40px #08142126!important}
body.premium.premium #portalView .workspace-deck #attendanceCard{border:0!important;border-radius:0!important;background:transparent!important;padding:0 28px 0 0!important;border-right:1px solid #dde3e6!important}
body.premium.premium #portalView .workspace-deck h2{font-family:'Manrope', Arial,Helvetica,sans-serif!important;font-size:18px!important;font-weight:500!important;letter-spacing:-.02em!important;color:#1d2b36!important}
body.premium.premium #portalView .workspace-deck #liveClock{font-size:32px!important;font-weight:400!important;margin:8px 0 0!important}
body.premium.premium #portalView .eyebrow{font:500 9px/1.6 'Manrope', Arial,Helvetica,sans-serif!important;letter-spacing:.11em!important;color:#617582!important}
body.premium.premium #portalView .workspace-deck .pill{background:#e5eeea!important;color:#2e584b!important;border-radius:3px!important;font-weight:500!important}
body.premium.premium #portalView .workspace-deck .attendance-summary strong{font:500 17px/1.5 'Manrope', Arial,Helvetica,sans-serif!important;color:#233744!important}
body.premium.premium #portalView #attendanceCard #clockButton{background:#233e53!important;border-radius:3px!important;font-weight:500!important;min-height:42px!important;min-width:140px!important}
body.premium.premium #portalView #appGrid{gap:12px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))!important}
body.premium.premium #portalView #appGrid .app-tile{background:#eef2f5!important;border:1px solid #d5dfe6!important;border-radius:3px!important;min-height:164px!important;padding:18px!important;box-shadow:none!important;transition:border-color .15s,background .15s!important}
body.premium.premium #portalView #appGrid .app-tile:hover{background:#e3ebf1!important;transform:none!important;box-shadow:none!important;border-color:#849cad!important}
body.premium.premium #portalView #appGrid .exact-app-logo{background:#20313e!important;border-radius:2px;padding:8px!important;max-width:150px!important}
body.premium.premium #portalView #appGrid .exact-app-logo img{height:30px!important}
body.premium.premium #portalView #appGrid .app-detail{color:#536875!important;font:400 11px/1.5 'Manrope', Arial,sans-serif!important}
body.premium.premium #portalView #appGrid .app-launch{color:#244961!important;font:500 11px/1.5 'Manrope', Arial,sans-serif!important}
body.premium.premium #portalView #appGrid .generic-app-logo strong{color:#20323f!important}
body.premium.premium .thought-disclosure{grid-column:1/-1;grid-row:3;order:3;color:#c5d4df;font:11px/1.5 'Manrope', Arial,sans-serif;margin-bottom:0;align-self:start}
body.premium.premium .thought-disclosure summary{cursor:pointer;min-height:36px;display:list-item;width:fit-content;padding:8px 0}
body.premium.premium.magazine-home #portalView .hero-thought{padding:12px 0!important;max-width:680px!important;margin:0!important;align-self:start!important}
body.premium.premium.magazine-home #portalView .hero-thought #dailyQuote{font:400 16px/1.5 'Manrope', Arial,Helvetica,sans-serif!important;letter-spacing:0!important;margin:10px 0!important}
body.premium.premium .hero-scroll{font:400 11px/1.5 'Manrope', Arial,sans-serif!important;left:42px!important;bottom:12px!important;min-height:36px!important;color:#c8d7e2!important;letter-spacing:0!important}
body.premium.premium.magazine-home #portalView .hero{grid-template-rows:minmax(230px,1fr) auto auto!important;row-gap:18px!important}
body.premium.premium #portalView .topbar .top-title{font:400 11px/1.5 'Manrope', Arial,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase}
body.premium.premium .workspace-status{padding:16px 0!important;gap:0!important}
body.premium.premium .workspace-status button{min-height:42px!important}
body.premium.premium .workspace-status strong{font:500 12px/1.5 'Manrope', Arial,sans-serif!important}
body.premium.premium #portalView #homeNotices h2,body.premium.premium #portalView #homeEvents h2,body.premium.premium #portalView .grid-bottom h2{font:500 21px/1.3 'Manrope', Arial,sans-serif!important;letter-spacing:-.02em!important}
body.premium.premium #portalView #communitySection{background:#e8eef2!important;border-radius:3px!important}
body.premium.premium #portalView #noticeRefresh,body.premium.premium #portalView #homeCalendarOpen,body.premium.premium #portalView #openCommunity{background:#233e53!important;border-radius:3px!important;font-weight:400!important}
body.premium.premium #portalView .settings-panel,body.premium.premium #portalView .admin-card{border-radius:4px!important;box-shadow:none!important}
body.premium.premium #loginView .login-copy h1{font:400 34px/1.15 'Manrope', Arial,sans-serif!important;letter-spacing:-.03em!important}
body.premium.premium #loginView .login-form input,body.premium.premium #loginView #loginButton{border-radius:3px!important}
body.premium.premium #loginView #loginButton{background:#233e53!important;font-weight:500!important}
body.premium.premium #loginView .art-quote{font:400 28px/1.3 'Manrope', Arial,sans-serif!important;letter-spacing:-.02em!important}
@container(max-width:850px){body.premium.premium.magazine-home #portalView .hero{grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;gap:24px!important}body.premium.premium.magazine-home #portalView .hero-content{grid-column:1!important;grid-row:1!important}body.premium.premium.magazine-home #portalView .hero-weather-inline{grid-column:1!important;grid-row:2!important;border-left:0!important;border-top:1px solid #d6e3ed38!important;padding:20px 0 0!important;max-width:500px!important}body.premium.premium.magazine-home #portalView .workspace-deck{grid-column:1!important;grid-row:3!important;grid-template-columns:1fr!important}body.premium.premium #portalView .workspace-deck #attendanceCard{border-right:0!important;border-bottom:1px solid #dde3e6!important;padding:0 0 22px!important}body.premium.premium .thought-disclosure{grid-row:4!important}}
@media(max-width:1100px){body.premium.premium #portalView{background:#f3f4f5!important}}
@media(max-width:600px){body.premium.premium.magazine-home #portalView .hero{padding:96px 20px 58px!important;gap:20px!important}body.premium.premium.magazine-home #portalView #heroGreeting{font-size:30px!important;margin:14px 0 0!important}body.premium.premium.magazine-home #portalView .workspace-deck{padding:20px!important;gap:24px!important}body.premium.premium #portalView #appGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.premium.premium #portalView #appGrid .app-tile{min-height:160px!important;padding:12px!important}body.premium.premium #portalView .workspace-deck .section-title-row{display:block!important}body.premium.premium #portalView .workspace-deck #appStatus{display:block!important;margin-top:8px!important}body.premium.premium .hero-scroll{left:20px!important}body.premium.premium #portalView #appGrid .exact-app-logo{padding:4px!important}}
@media(prefers-reduced-motion:reduce){body.premium.premium.magazine-home #portalView #heroPhoto{animation:none!important}}

/* ADMIN68: open foreground content, without a enclosing panel. */
body.premium.premium.magazine-home #portalView .workspace-deck{background:transparent!important;border:0!important;border-top:1px solid #d8e5ef35!important;border-radius:0!important;box-shadow:none!important;padding:28px 0 12px!important;gap:40px!important}
body.premium.premium #portalView .workspace-deck #attendanceCard{border-right:1px solid #d8e5ef35!important;padding-right:36px!important;color:#e6eef3!important}
body.premium.premium #portalView .workspace-deck h2{color:#f2f6f9!important}
body.premium.premium #portalView .workspace-deck .eyebrow{color:#a9bfce!important}
body.premium.premium #portalView .workspace-deck #appStatus,body.premium.premium #portalView .workspace-deck .attendance-action small,body.premium.premium #portalView .workspace-deck .attendance-details,body.premium.premium #portalView .workspace-deck .attendance-summary span{color:#b6c9d6!important}
body.premium.premium #portalView .workspace-deck .attendance-summary strong{color:#f0f5f8!important}
body.premium.premium #portalView .workspace-deck .attendance-summary>div+div{border-color:#d8e5ef35!important}
body.premium.premium #portalView .workspace-deck .pill{background:#123d36!important;color:#c7e5d9!important;border:1px solid #6aa58a5c!important}
body.premium.premium #portalView #attendanceCard #clockButton{background:#e6eef3!important;color:#183044!important;border:1px solid #e6eef3!important}
body.premium.premium #portalView #appGrid .app-tile{background:#0e243576!important;border:1px solid #d8e5ef35!important;color:#eef5f9!important;min-height:164px!important;backdrop-filter:blur(8px);box-shadow:none!important}
body.premium.premium #portalView #appGrid .app-tile:hover{background:#17394ed1!important;border-color:#d8e5ef80!important}
body.premium.premium #portalView #appGrid .exact-app-logo{background:transparent!important;padding:0!important;max-width:155px!important}
body.premium.premium #portalView #appGrid .exact-app-logo img{height:38px!important}
body.premium.premium #portalView #appGrid .app-detail{color:#bed0dc!important}
body.premium.premium #portalView #appGrid .app-launch{color:#e4edf4!important}
body.premium.premium #portalView #appGrid .generic-app-logo strong{color:#f0f5f8!important}
@container(max-width:850px){body.premium.premium #portalView .workspace-deck #attendanceCard{border-right:0!important;border-bottom:1px solid #d8e5ef35!important;padding:0 0 22px!important}}
@media(max-width:600px){body.premium.premium.magazine-home #portalView .workspace-deck{padding:24px 0 10px!important;gap:24px!important}body.premium.premium #portalView #appGrid .exact-app-logo{padding:0!important}}