/* SHEM EANSIT — executive-ready member visual polish.
   This layer is intentionally restrained: stronger hierarchy, less repetition,
   clearer product story, and more deliberate private-space presentation. */

/* ---------- Member home: make the product story legible at a glance ---------- */
.executive-member-intro{padding-bottom:30px!important}
.executive-member-intro .body{max-width:390px!important}
.executive-member-intro .approved-member-accent{width:72px!important;height:60px!important;opacity:.88}
.member-path{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:24px!important;
  padding-top:15px!important;
  border-top:1px solid var(--se-line)!important;
  color:var(--se-muted)!important;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.member-path span{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
.member-path b{color:var(--se-blue-ink)!important;font-family:var(--se-serif)!important;font-size:11px!important;font-weight:400!important;letter-spacing:0!important}
.member-path i{display:block!important;width:15px!important;height:1px!important;background:var(--se-line-strong)!important}
.executive-home-guide{margin-top:28px!important;margin-bottom:32px!important;background:linear-gradient(145deg,var(--se-butter-light),rgba(247,242,233,.72))!important}
.executive-home-guide h2{max-width:310px!important}
.executive-home-guide p{max-width:330px!important}
.executive-home-grid .home-card{transition:background-color .18s ease,padding .18s ease!important}
.executive-home-grid .home-card:nth-child(1) svg{color:var(--se-blue-ink)!important}
.executive-home-grid .home-card:nth-child(2) svg{color:var(--se-chocolate-soft)!important}
.executive-home-grid .home-card:nth-child(3) svg{color:#8A7A9D!important}
.executive-home-grid .home-card:focus-visible{outline:2px solid var(--se-blue-ink)!important;outline-offset:3px!important}

/* ---------- Guide: make the differentiator feel premium, calm, and bounded ---------- */
.guide-hero-card{position:relative!important;padding-bottom:34px!important}
.guide-hero-card::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:76px!important;
  height:48px!important;
  background-color:var(--se-baby)!important;
  background-image:radial-gradient(circle,var(--se-butter) 2px,transparent 2.3px)!important;
  background-size:18px 18px!important;
  opacity:.7!important;
}
.guide-inline-note{position:relative!important;z-index:1!important;max-width:390px!important}
.guide-grid-head{padding-top:3px!important}
.guide-mode-card{transition:background-color .18s ease,padding-left .18s ease,padding-right .18s ease!important}
.guide-mode-card:focus-visible{outline:2px solid var(--se-blue-ink)!important;outline-offset:3px!important}
.chat .bubble.guide{border-left:2px solid var(--se-baby)!important}
.chat .bubble.member{border-left:2px solid var(--se-butter)!important}
.moves .move{align-items:flex-start!important}
.moves .move b{color:var(--se-blue-ink)!important;font-family:var(--se-serif)!important;font-weight:400!important}

/* ---------- Private workspace: put the strongest differentiator first ---------- */
.executive-private-intro{padding-bottom:24px!important;border-bottom:1px solid var(--se-line)!important}
.executive-private-intro .body{max-width:390px!important}
.executive-private-note{margin-top:22px!important;margin-bottom:25px!important}
.executive-tool-stack{gap:22px!important;border-top:0!important;margin-top:0!important}
.executive-tool-stack .tool-panel{
  padding:24px 0!important;
  border-bottom:1px solid var(--se-line)!important;
}
.executive-tool-stack .clarity-panel{
  padding:24px 20px 26px!important;
  border:1px solid var(--se-line)!important;
  background:linear-gradient(145deg,rgba(248,233,181,.55),rgba(252,249,243,.78))!important;
}
.tool-panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important}
.tool-panel-head h3{margin-bottom:10px!important}
.tool-count{
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  border:1px solid var(--se-line)!important;
  border-radius:50%!important;
  color:var(--se-chocolate)!important;
  background:rgba(255,255,255,.38)!important;
  font-family:var(--se-serif)!important;
  font-size:14px!important;
}
.clarity-panel .plan-entry{
  margin-top:14px!important;
  padding:18px 0 4px!important;
  border-top:1px solid var(--se-line)!important;
  border-bottom:0!important;
}
.clarity-panel .plan-entry h4{margin:0 0 8px!important;color:var(--se-chocolate)!important;font-family:var(--se-serif)!important;font-size:22px!important;font-weight:400!important;line-height:1.08!important}
.clarity-panel .plan-entry>p{font-size:10px!important;line-height:1.65!important}
.tool-next-action{margin-top:18px!important}
.checkin-panel,.journal-panel,.saved-panel{padding-left:2px!important;padding-right:2px!important}
.saved-panel .saved-chip{margin-top:8px!important}

/* ---------- Community and Explore: keep utility readable without looking busy ---------- */
.section-head #toggleComposer{white-space:nowrap!important}
.post-title{max-width:420px!important}
.post-body{max-width:430px!important}
.hub-card,.option-card,.resource-card{position:relative!important}
.hub-card:focus-visible,.option-card:focus-within,.resource-card:focus-within{outline:2px solid var(--se-blue-ink)!important;outline-offset:3px!important}
.resource-card.urgent{padding-left:16px!important;border-left:2px solid var(--se-butter)!important}

/* ---------- Loading state: keep the brand lockup truly centered on narrow phones ---------- */
.loading{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  padding-left:22px!important;
  padding-right:22px!important;
}
.loading .brand-lockup,
.loading .brand-lockup-approved{
  width:100%!important;
  max-width:320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.loading .wordmark,
.loading .shem-wordmark{
  width:100%!important;
  max-width:100%!important;
  justify-content:center!important;
  font-size:clamp(34px,10vw,44px)!important;
  letter-spacing:.055em!important;
  gap:.18em!important;
  white-space:nowrap!important;
}
.loading .spinner{margin-left:auto!important;margin-right:auto!important}

/* ---------- Desktop / presentation viewing ---------- */
@media (hover:hover) and (pointer:fine){
  .executive-home-grid .home-card:hover,.guide-mode-card:hover{background:rgba(255,255,255,.28)!important;padding-left:8px!important;padding-right:8px!important}
  .home-guide button:hover,.text-button:hover,.btn-link:hover{color:var(--se-blue-ink)!important;border-bottom-color:var(--se-blue-ink)!important}
}

/* ---------- Narrow iPhone finish ---------- */
@media (max-width:430px){
  .member-path{gap:6px!important}
  .member-path i{width:10px!important}
  .member-path span{font-size:6.5px!important}
  .executive-tool-stack .clarity-panel{padding:21px 17px 23px!important}
  .tool-panel-head{gap:12px!important}
  .guide-hero-card::after{width:62px!important;height:42px!important}
  .loading{padding-left:18px!important;padding-right:18px!important}
  .loading .brand-lockup,.loading .brand-lockup-approved{max-width:300px!important}
}

@media (prefers-reduced-motion:reduce){
  .executive-home-grid .home-card,.guide-mode-card{transition:none!important}
}