/* Connected Dots V7.1 — task-first manager experience. */
:root{
  --experience-glow:rgba(32,201,151,.16);
  --experience-blue:rgba(62,123,206,.12);
}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(10px)}
body:before{width:430px;height:430px;right:-170px;top:-160px;background:radial-gradient(circle,var(--experience-glow),transparent 68%)}
body:after{width:360px;height:360px;left:18%;bottom:-210px;background:radial-gradient(circle,var(--experience-blue),transparent 70%)}
.sidebar{box-shadow:14px 0 50px rgba(20,35,29,.035)}
.brand-mark i:first-child{box-shadow:0 0 18px rgba(32,201,151,.5)}
.nav-list a{position:relative;overflow:hidden}
.nav-list a:before{content:"";position:absolute;inset:7px auto 7px 0;width:3px;border-radius:4px;background:var(--mint);opacity:0;transform:scaleY(.25);transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}
.nav-list a.active:before{opacity:1;transform:scaleY(1)}
.hermes-launch{position:relative;overflow:hidden}
.hermes-launch:after{content:"";position:absolute;width:90px;height:90px;right:-52px;top:-50px;border-radius:50%;background:rgba(32,201,151,.16)}
/* Keep the primary copilot control reachable when a desktop viewport is short.
   The navigation—not the whole fixed sidebar—owns overflow, so the launcher
   and current-manager identity remain in view. */
@media(min-width:721px){
  .sidebar{min-height:0;overflow:hidden}
  .nav-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}
  .hermes-launch{flex:none;margin-top:12px}
  .manager-card{flex:none}
}
.topbar{box-shadow:0 8px 28px rgba(20,35,29,.035)}
.page-head h1{max-width:830px;text-wrap:balance}
.page-head p{text-wrap:pretty}
.metric-card,.panel,.decision-card{transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}
.metric-card:hover,.panel:hover{border-color:rgba(6,77,63,.22)}
.metric-card:hover,.decision-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(16,49,38,.08)}
.metric-card.accent{background:linear-gradient(145deg,#075745 0%,#043a30 100%)}
.decision-card{cursor:pointer}
.decision-card:focus-within{outline:3px solid rgba(32,201,151,.28);outline-offset:2px}
.decision-type.agent_coordination{color:#8c6410}.decision-type.human_decision{color:#ae3b35}
.task-status b{text-transform:none;letter-spacing:0}
.experience-single-column{grid-template-columns:1fr!important}
.experience-methodology{margin-top:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.68);box-shadow:0 8px 28px rgba(16,49,38,.04);overflow:hidden}
.experience-methodology summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 22px;user-select:none}
.experience-methodology summary::-webkit-details-marker{display:none}
.experience-methodology summary span{display:grid;gap:4px;flex:1}
.experience-methodology summary b{font-size:15px}
.experience-methodology summary small{font-size:12px;line-height:1.45}
.experience-methodology summary i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint-wash);color:var(--forest);font-style:normal;font-size:18px;font-weight:800}
.experience-methodology[open] summary{border-bottom:1px solid var(--line)}
.experience-methodology-body{display:grid;grid-template-columns:1fr;gap:16px;padding:18px}
.experience-methodology-body>.automation-card{display:grid;grid-template-columns:minmax(220px,.7fr) 1fr}
.experience-methodology-body>.automation-card .panel-head{grid-column:1/-1}
.experience-methodology-body>.trust-band{margin:0}
.experience-methodology-body>.insight-card{border:1px solid var(--line);border-radius:18px;background:var(--surface)}
#viewRoot[data-experience-view="today"]>.dashboard-grid:first-of-type{align-items:start}
#viewRoot[data-experience-view="attention"] .attention-sidebar{border-color:rgba(32,201,151,.35);box-shadow:0 14px 34px rgba(16,49,38,.07)}
#viewRoot[data-experience-view="analytics"] .metric-card:first-child{background:linear-gradient(145deg,#075745,#043a30);color:white;border-color:transparent}
#viewRoot[data-experience-view="analytics"] .metric-card:first-child small,#viewRoot[data-experience-view="analytics"] .metric-card:first-child .metric-top span{color:#c2ddd4}
.drawer{box-shadow:-28px 0 70px rgba(13,34,27,.18)}
.copilot-status{border-left:3px solid var(--mint)}
.chat-message.assistant{box-shadow:0 8px 20px rgba(16,49,38,.04)}
.prompt-bar{background:rgba(251,253,251,.94);backdrop-filter:blur(14px)}
.primary-button,.secondary-button,.quiet-button{transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),background var(--duration) var(--ease)}
.primary-button:active,.secondary-button:active,.quiet-button:active{transform:scale(.98)}
@media(max-width:980px){.experience-methodology-body>.automation-card{display:block}.experience-methodology-body>.trust-band{grid-template-columns:1fr}}
@media(max-width:720px){
  body:before{width:280px;height:280px;right:-150px;top:-120px}
  .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 12px}
  .mobile-menu{margin-right:0}
  .campaign-context{display:block;min-width:0;overflow:hidden;white-space:nowrap}
  .campaign-context strong{display:block;max-width:none;overflow:hidden;text-overflow:ellipsis}
  .campaign-context span{display:none}
  .top-actions{min-width:0;margin-left:0;gap:6px}
  .top-actions .status-chip{width:36px;min-width:36px;max-width:36px;padding:0;justify-content:center}
  .top-actions .status-chip b{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .page-head h1{text-wrap:balance}
  .page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .page-actions>*{justify-content:center;text-align:center}
  .experience-methodology{border-radius:17px}
  .experience-methodology summary{padding:17px}
  .experience-methodology-body{padding:12px;gap:12px}
}
@media(max-width:420px){.page-actions{grid-template-columns:1fr}.experience-methodology summary small{font-size:11px}}