/* THESIVE inherited motion cohesion / Companion sync
   Targeted refinements only: Human Attention, Human Time and the homepage Companion. */

:root{--v349-gold:#d7a03d;--v349-gold-soft:rgba(224,164,62,.22);--v349-green:#6fce8f;--v349-ink:#090c0e}

/* ------------------------------------------------------------
   WHY THESIVE EXISTS · a burden moves; human attention rests.
   ------------------------------------------------------------ */
.v341-attention-field{
  background:
    radial-gradient(circle at 50% 50%,rgba(224,164,62,.085),transparent 31%),
    radial-gradient(circle at 50% 50%,rgba(111,206,143,.025),transparent 58%),
    linear-gradient(180deg,rgba(10,13,14,.97),rgba(7,9,10,.98));
}
.v341-attention-field:after{
  content:"";position:absolute;inset:13%;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,transparent 58%,rgba(224,164,62,.045) 59%,transparent 61%);
  opacity:.38;transform:scale(.88);transition:opacity 1.2s ease,transform 1.8s cubic-bezier(.2,.8,.2,1);
}
.v341-attention-field[data-v341-state="0"]:after,
.v341-attention-field[data-v341-state="1"]:after,
.v341-attention-field[data-v341-state="2"]:after,
.v341-attention-field[data-v341-state="3"]:after{opacity:.8;transform:scale(1.03)}
.v341-attention-field[data-v341-state="4"]:after{opacity:.18;transform:scale(.94)}
.v341-attention-field .v341-path{
  stroke-dasharray:2 15!important;stroke-dashoffset:92!important;opacity:.09!important;
  transition:stroke 1s ease,opacity 1.1s ease,stroke-dashoffset 2.1s cubic-bezier(.2,.8,.2,1)!important;
  animation:none!important;
}
.v341-attention-field[data-v341-state="0"] .p-research,
.v341-attention-field[data-v341-state="1"] .p-remember,
.v341-attention-field[data-v341-state="2"] .p-monitor,
.v341-attention-field[data-v341-state="3"] .p-challenge{
  stroke:#dda544!important;opacity:.9!important;stroke-dashoffset:0!important;
  filter:drop-shadow(0 0 5px rgba(224,164,62,.25));
}
/* keep accumulated context faintly present instead of switching off */
.v341-attention-field[data-v341-state="1"] .p-research,
.v341-attention-field[data-v341-state="2"] .p-research,
.v341-attention-field[data-v341-state="2"] .p-remember,
.v341-attention-field[data-v341-state="3"] .p-research,
.v341-attention-field[data-v341-state="3"] .p-remember,
.v341-attention-field[data-v341-state="3"] .p-monitor{
  opacity:.28!important;stroke-dashoffset:0!important;stroke:#9c783a!important;
}
.v341-attention-field[data-v341-state="4"] .v341-path{opacity:.10!important;stroke-dashoffset:0!important;stroke:#62706a!important}
.v341-att-node{opacity:.44;transition:opacity .9s ease,color .9s ease,transform 1s cubic-bezier(.2,.8,.2,1),filter .9s ease!important}
.v341-attention-field[data-v341-state="0"] .research,
.v341-attention-field[data-v341-state="1"] .remember,
.v341-attention-field[data-v341-state="2"] .monitor,
.v341-attention-field[data-v341-state="3"] .challenge{
  opacity:1!important;color:#e0aa4b!important;transform:translateY(-2px) scale(1.025)!important;
  filter:drop-shadow(0 0 10px rgba(224,164,62,.12));
}
.v341-att-core{transition:box-shadow 1.4s ease,transform 1.6s cubic-bezier(.2,.8,.2,1),border-color 1.2s ease!important;z-index:4!important}
.v341-att-core:before,.v341-att-core:after{animation-duration:9s!important;transition:border-color 1.2s ease,opacity 1.2s ease,transform 1.6s ease!important}
.v341-attention-field[data-v341-state="0"] .v341-att-core,
.v341-attention-field[data-v341-state="1"] .v341-att-core,
.v341-attention-field[data-v341-state="2"] .v341-att-core,
.v341-attention-field[data-v341-state="3"] .v341-att-core{box-shadow:0 0 58px rgba(224,164,62,.09);transform:translate(-50%,-50%) scale(1.012)}
.v341-attention-field[data-v341-state="4"] .v341-att-core{
  box-shadow:0 0 66px rgba(111,206,143,.10)!important;border-color:rgba(111,206,143,.36)!important;
  transform:translate(-50%,-50%) scale(.99)!important;
}
.v341-attention-field[data-v341-state="4"] .v341-att-core:before{border-color:rgba(111,206,143,.14)!important}
.v341-attention-field[data-v341-state="4"] .v341-att-core span{color:var(--v349-green)!important;text-shadow:0 0 18px rgba(111,206,143,.18)}

/* ------------------------------------------------------------
   YOUR TIME IS CAPITAL TOO · work → judgement → quiet.
   ------------------------------------------------------------ */
.v341-time-panel{
  position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 50% 30%,rgba(224,164,62,.07),transparent 36%),
    linear-gradient(180deg,rgba(10,13,14,.96),rgba(7,9,10,.98));
}
.v341-time-panel:before{
  content:"";position:absolute;left:8%;right:8%;top:58%;height:1px;z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(224,164,62,.08) 12%,rgba(224,164,62,.22) 50%,rgba(224,164,62,.08) 88%,transparent);
  opacity:.5;
}
.v341-time-panel .v340-quiet-ring{position:relative;width:144px;height:144px;margin-bottom:52px!important;background:radial-gradient(circle,rgba(224,164,62,.08),transparent 68%)}
.v341-time-panel .v340-quiet-ring:before{
  content:"";position:absolute;inset:-14px;border:1px dashed rgba(224,164,62,.18);border-radius:50%;
  transition:border-color 1s ease,transform 1.4s ease,opacity 1s ease;
}
.v341-time-panel .v340-quiet-ring:after{
  content:"ASK";position:absolute;left:50%;top:calc(100% + 17px);transform:translateX(-50%);
  font:600 9px/1 var(--mono);letter-spacing:.19em;color:#a9803d;white-space:nowrap;
  transition:color .8s ease,opacity .8s ease;
}
.v341-time-panel[data-v341-state="0"] .v340-quiet-ring{animation:v349-time-breathe 4.8s ease-in-out infinite}
.v341-time-panel[data-v341-state="1"] .v340-quiet-ring{transform:scale(1.035);box-shadow:0 0 68px rgba(224,164,62,.14)!important}
.v341-time-panel[data-v341-state="1"] .v340-quiet-ring:before{transform:rotate(42deg) scale(1.06);border-color:rgba(224,164,62,.38)}
.v341-time-panel[data-v341-state="1"] .v340-quiet-ring:after{content:"INVESTIGATING";color:#d7a047}
.v341-time-panel[data-v341-state="2"] .v340-quiet-ring{transform:scale(1.07);box-shadow:0 0 78px rgba(224,164,62,.13)!important}
.v341-time-panel[data-v341-state="2"] .v340-quiet-ring:before{transform:rotate(96deg) scale(.92);border-style:solid;border-color:rgba(224,164,62,.45)}
.v341-time-panel[data-v341-state="2"] .v340-quiet-ring:after{content:"CONTEXT RESOLVED";color:#d7a047}
.v341-time-panel[data-v341-state="3"] .v340-quiet-ring{transform:scale(1.015);box-shadow:0 0 70px rgba(111,206,143,.13)!important;border-color:rgba(111,206,143,.42)!important}
.v341-time-panel[data-v341-state="3"] .v340-quiet-ring:before{transform:scale(1.02);border-color:rgba(111,206,143,.34)}
.v341-time-panel[data-v341-state="3"] .v340-quiet-ring:after{content:"HUMAN DECISION";color:var(--v349-green)}
.v341-time-panel[data-v341-state="4"] .v340-quiet-ring{opacity:.54!important;transform:scale(.90)!important;filter:saturate(.55)!important;box-shadow:none!important}
.v341-time-panel[data-v341-state="4"] .v340-quiet-ring:before{transform:scale(.86);opacity:.32}
.v341-time-panel[data-v341-state="4"] .v340-quiet-ring:after{content:"QUIET";color:#8c938f;opacity:.8}
@keyframes v349-time-breathe{0%,100%{transform:scale(.97);box-shadow:0 0 36px rgba(224,164,62,.055)}50%{transform:scale(1.018);box-shadow:0 0 64px rgba(224,164,62,.12)}}
.v341-time-panel .human-time-flow{position:relative;z-index:2;gap:10px!important;max-width:690px!important}
.v341-time-panel .human-time-flow span{
  min-height:66px!important;display:grid;place-content:center;opacity:.28!important;
  transition:opacity .9s ease,color .9s ease,transform 1s cubic-bezier(.2,.8,.2,1),border-color .9s ease,background .9s ease,box-shadow .9s ease!important;
}
.v341-time-panel .human-time-flow span b{font-size:10px!important;letter-spacing:.1em}
.v341-time-panel .human-time-flow span small{font-size:8px!important}
.v341-time-panel[data-v341-state="0"] [data-v341-time="0"],
.v341-time-panel[data-v341-state="1"] [data-v341-time="1"],
.v341-time-panel[data-v341-state="2"] [data-v341-time="2"],
.v341-time-panel[data-v341-state="3"] [data-v341-time="3"],
.v341-time-panel[data-v341-state="4"] [data-v341-time="4"]{
  opacity:1!important;transform:translateY(-4px) scale(1.025)!important;background:rgba(224,164,62,.035)!important;
  border-color:rgba(224,164,62,.34)!important;box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.v341-time-panel[data-v341-state="3"] [data-v341-time="3"]{color:var(--v349-green)!important;border-color:rgba(111,206,143,.36)!important;background:rgba(111,206,143,.025)!important}
.v341-time-panel[data-v341-state="4"] [data-v341-time="4"]{color:#c99b48!important;opacity:.78!important;box-shadow:none}
.v341-time-panel[data-v341-state="4"] .human-time-status{opacity:1!important;color:#c3c9c5!important}
.v341-time-panel[data-v341-state="4"] .human-time-status b{font-size:12px!important;letter-spacing:.055em}
.v341-time-panel[data-v341-state="4"] .human-time-status span{background:var(--v349-green)!important;box-shadow:0 0 14px rgba(111,206,143,.36)!important}

/* ------------------------------------------------------------
   HOME COMPANION · exact visual/state grammar as partner Companion.
   ------------------------------------------------------------ */
.home-companion-sync{min-height:540px!important;padding:24px 22px 20px!important}
.home-companion-sync .companion-orb{width:270px;height:270px}
.home-companion-sync .companion-state-readout{margin-top:-3px}
.home-companion-sync .state-tabs button{min-height:52px}
.home-companion-sync .companion-exit-line{max-width:560px;text-align:center;line-height:1.65}

/* ------------------------------------------------------------
   Track record: duplicate in-chart CURRENT VERIFIED card removed in HTML.
   ------------------------------------------------------------ */
.record-efficiency-chip{display:none!important}

@media(max-width:900px){
  .v341-time-panel:before{display:none}
  .home-companion-sync{min-height:520px!important}
  .home-companion-sync .companion-orb{width:245px;height:245px}
}
@media(max-width:620px){
  .v341-attention-field:after{display:none}
  .v341-attention-field[data-v341-state="0"] .v341-att-core,
  .v341-attention-field[data-v341-state="1"] .v341-att-core,
  .v341-attention-field[data-v341-state="2"] .v341-att-core,
  .v341-attention-field[data-v341-state="3"] .v341-att-core,
  .v341-attention-field[data-v341-state="4"] .v341-att-core{transform:none!important}
  .v341-time-panel .v340-quiet-ring{width:126px;height:126px;margin-bottom:45px!important}
  .v341-time-panel .human-time-flow{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v341-time-panel .human-time-flow span{min-height:58px!important}
  .v341-time-panel .human-time-flow .leave{grid-column:1/-1!important}
  .home-companion-sync{min-height:500px!important;padding:20px 12px 16px!important}
  .home-companion-sync .companion-orb{width:230px;height:230px}
  .home-companion-sync .state-tabs{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .home-companion-sync .state-tabs button{font-size:8px!important;min-height:48px}
  .home-companion-sync .state-tabs button:last-child{grid-column:1/-1}
  .home-companion-sync .knowledge-chip{display:none}
}
@media(max-width:430px){
  .v341-time-panel .human-time-flow{grid-template-columns:1fr!important}
  .v341-time-panel .human-time-flow .leave{grid-column:auto!important}
  .home-companion-sync .companion-orb{width:210px;height:210px}
  .home-companion-sync .state-tabs{grid-template-columns:1fr!important}
  .home-companion-sync .state-tabs button:last-child{grid-column:auto}
  .home-companion-sync .companion-exit-line{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .v341-time-panel .v340-quiet-ring{animation:none!important;transform:none!important}
  .v341-attention-field:after{transition:none!important}
  .v341-attention-field .v341-path{transition:none!important;stroke-dashoffset:0!important}
}
