/* agent-module-v06.css — THE PROMOTION RULE PORT of SIGNED Mockup One v0.6 (2026-08-14, Craig).
   Source of truth: docs/scope/mockups/ux-rebuild/mockup-one-v0.6.html — selectors/values VERBATIM.
   Register: docs/scope/SCREEN_REGISTER_MOCKUP_ONE_V06.md (SR-001/SR-002, §11 motion doctrine).
   Sanctioned transforms ONLY: (0) .agm6 scoping wrapper (theme-var isolation from portal shell);
   (1-3) G12/G29 adaptations appended at end; excluded per SR-002/§11: prototype chrome, demo app
   shell, .d1-.d8 delay classes, .swap timed demos. */
.agm6{
    --bg:#F6F8FA; --ink:#1A2532; --sub:#5C6B7E; --card:#FFFFFF; --line:#E9EDF3;
    --acc:#1D4ED8; --acc-ink:#1638A8; --acc-fill:#1D4ED8; --acc-soft:#EEF3FE; --ok:#137A3F; --ok-soft:#E9F5EE;
    --warn:#B05A0A; --warn-soft:#FDF2E5; --rail:#0F1B2D; --rail-ink:#C9D6E6;
    --shadow:0 1px 2px rgba(20,32,46,.04),0 6px 20px rgba(20,32,46,.05);
  }
/* LIGHT-ONLY (Craig ruling 2026-08-16: "Clean, Fortune 500. No dark navy background.")
   The dark-mode token overrides that shipped with signed Mockup One v0.6 are REMOVED —
   the module renders the light Fortune-500 palette for every user regardless of OS
   theme or portal data-theme. This ruling amends SR-002's verbatim-port clause. */
[data-theme="dark"] .agm6, [data-theme="light"] .agm6{
    --bg:#F6F8FA; --ink:#1A2532; --sub:#5C6B7E; --card:#FFFFFF; --line:#E9EDF3;
    --acc:#1D4ED8; --acc-ink:#1638A8; --acc-fill:#1D4ED8; --acc-soft:#EEF3FE; --ok:#137A3F; --ok-soft:#E9F5EE;
    --warn:#B05A0A; --warn-soft:#FDF2E5; --rail:#0F1B2D; --rail-ink:#C9D6E6;
    --shadow:0 1px 2px rgba(20,32,46,.04),0 6px 20px rgba(20,32,46,.05);
  }
.agm6 *, .agm6{box-sizing:border-box}
.agm6{background:var(--bg);color:var(--ink);
       font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
       -webkit-font-smoothing:antialiased}
.num{font-variant-numeric:tabular-nums}
/* Craig 2026-08-16: every agent-module page sits CENTERED in the ZDIV2 hub —
   never full-bleed, never left-hugging, never a takeover. */
.content{padding:30px 36px 44px;max-width:1200px;margin:0 auto}
.crumb{font-size:12px;color:var(--sub);margin-bottom:6px}
.pagehead{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:4px}
h1.page{font-size:24px;font-weight:650;letter-spacing:-.015em;margin:0}
.toolrow{display:flex;gap:18px;font-size:13px;font-weight:650;color:var(--acc-ink)}
.toolrow span{cursor:default}
.pagesub{color:var(--sub);font-size:13px;margin:4px 0 26px;max-width:70ch}
.attn{background:var(--warn-soft);border-left:3px solid var(--warn);border-radius:10px;padding:13px 18px;
        display:flex;gap:14px;align-items:center;margin-bottom:26px;font-size:13.5px}
.attn b{color:var(--warn)}
.attn .go{margin-left:auto;color:var(--acc-ink);font-weight:700;font-size:12.5px;white-space:nowrap}
.secrow{display:flex;align-items:baseline;gap:10px;margin:30px 0 12px}
.sec{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);font-weight:750}
.cnt{color:var(--sub);font-size:12px}
.showall{margin-left:auto;color:var(--acc-ink);font-size:12.5px;font-weight:650}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(284px,1fr));gap:16px}
.agent{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.agent .top{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.ava{width:42px;height:42px;border-radius:12px;background:var(--acc-soft);color:var(--acc-ink);
       display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.ava.house{background:var(--ok-soft);color:var(--ok)}
.an{font-weight:750;font-size:15px}
.ar{color:var(--sub);font-size:12px}
.badge{margin-left:auto;font-size:10px;font-weight:750;padding:3px 10px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase}
.badge.ok{background:transparent;color:var(--sub);border:1px solid var(--line)}
.badge.ok::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:6px}
.badge.warn{background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:800}
.badge.warn::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warn);margin-right:6px}
.asent{font-size:13px;margin-bottom:12px;min-height:38px}
.astats{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:10px;font-size:12px;color:var(--sub)}
.astats b{color:var(--ink);font-weight:750}
.team{border-top:1px dashed var(--line);margin-top:11px;padding-top:10px}
.team .tl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);font-weight:750;margin-bottom:7px}
.worker{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0;color:var(--sub)}
.worker .wava{width:22px;height:22px;border-radius:7px;background:var(--bg);border:1px solid var(--line);
                display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:var(--acc-ink)}
.worker b{color:var(--ink);font-weight:650}
.worker .st{margin-left:auto;font-size:10.5px}
.worker .st.run{color:var(--ok)}
.newgrid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;align-items:stretch}
.scratch{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
.scratch h3{margin:0 0 4px;font-size:17px}
.scratch p{margin:0 0 14px;color:var(--sub);font-size:13px;max-width:52ch}
.saybox{display:flex;gap:10px;align-items:stretch}
.saybox .inp{flex:1;border:1px solid var(--line);border-radius:12px;padding:13px 15px;
               font-size:14.5px;color:var(--sub);background:var(--bg);display:flex;align-items:center}
.micbtn{width:48px;border-radius:12px;border:1px solid var(--line);background:var(--card);
          display:flex;align-items:center;justify-content:center;color:var(--acc-ink)}
.go-primary{background:var(--acc-fill);color:#fff;border:0;border-radius:12px;padding:0 24px;
              font-weight:750;font-size:14px;cursor:default;white-space:nowrap}
.sug{margin-top:12px}
.sug .sl{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);font-weight:750;margin-bottom:8px}
.examples{display:flex;gap:8px;flex-wrap:wrap}
.ex{border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:12.5px;color:var(--ink);
      background:var(--bg);font-weight:600}
.sidecol{display:flex;flex-direction:column;gap:10px}
.tmpl{border:1.5px dashed var(--line);border-radius:13px;padding:13px 15px;background:transparent;flex:1}
.tmpl b{font-size:13.5px;display:block}
.tmpl span{color:var(--sub);font-size:11.5px}
.tmpl-note{color:var(--sub);font-size:11px;padding:0 4px}
.wiz{min-height:660px;background:var(--bg)}
.wizhead{display:flex;align-items:center;gap:22px;padding:15px 30px;background:var(--card);border-bottom:1px solid var(--line)}
.wizhead .x{color:var(--sub);font-size:13px}
.steps{display:flex;gap:6px;align-items:center;margin:0 auto}
.step{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--sub);padding:5px 11px;border-radius:999px}
.step .n{width:20px;height:20px;border-radius:50%;background:var(--line);color:var(--sub);
           display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:750}
.step.done .n{background:var(--ok-soft);color:var(--ok)}
.step.here{background:var(--acc-soft);color:var(--acc-ink);font-weight:700}
.step.here .n{background:var(--acc-fill);color:#fff}
.guide{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);
         border-left:3px solid var(--acc);border-radius:12px;padding:13px 16px;margin:0 34px;margin-top:22px}
.guide .gava{width:30px;height:30px;border-radius:50%;background:var(--acc-fill);color:#fff;display:flex;
               align-items:center;justify-content:center;font-weight:800;font-size:11px;flex:0 0 auto}
.guide .gt{font-size:13.5px}
.guide .gt b{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);margin-bottom:2px}
.guide .gmic{margin-left:auto;color:var(--acc-ink);flex:0 0 auto}
.wizbody{display:grid;grid-template-columns:1fr 360px;gap:26px;padding:22px 34px 30px;align-items:start}
.wq h2{font-size:21px;letter-spacing:-.01em;margin:0 0 6px;text-wrap:balance}
.wq .why{color:var(--sub);font-size:13.5px;margin:0 0 18px;max-width:56ch}
.opts{display:flex;flex-direction:column;gap:10px;max-width:560px}
.opt{background:var(--card);border:1.5px solid var(--line);border-radius:13px;padding:14px 16px}
.opt .rec{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--acc-ink);text-transform:uppercase}
.opt b{display:block;font-size:14.5px;margin:2px 0}
.opt span{color:var(--sub);font-size:12.5px}
.opt.sel{border-color:var(--acc);background:var(--acc-soft)}
.skip{color:var(--sub);font-size:13px;margin-top:12px}
.skip u{cursor:default}
.bigsay{max-width:640px}
.bigsay textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:15px 17px;font:inherit;
                   font-size:15px;min-height:96px;resize:none;background:var(--card);color:var(--ink)}
.sayrow{display:flex;gap:10px;margin-top:10px}
.altdoors{display:flex;gap:10px;margin-top:22px;max-width:640px}
.altdoor{flex:1;border:1.5px dashed var(--line);border-radius:12px;padding:12px 15px;font-size:12.5px;color:var(--sub)}
.altdoor b{color:var(--ink);display:block;font-size:13px}
.live{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);position:sticky;top:76px}
.live .hd{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);font-weight:750;margin-bottom:12px}
.live .idrow{display:flex;gap:11px;align-items:center;margin-bottom:14px}
.lrow{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px}
.lrow:last-of-type{border:0}
.lrow .k{color:var(--sub)}
.lrow .v{font-weight:650;text-align:right}
.lrow.new{background:var(--acc-soft);margin:0 -10px;padding:9px 10px;border-radius:9px;border:0}
.lrow .edit{color:var(--acc-ink);font-size:11.5px;font-weight:700;margin-left:8px}
.ghost{color:var(--sub);font-style:italic}
.guarantee{margin-top:14px;background:transparent;border:1px dashed var(--line);color:var(--sub);border-radius:11px;
             padding:10px 13px;font-size:12.5px;font-weight:600}
.wizfoot{display:flex;align-items:center;gap:14px;padding:15px 34px;border-top:1px solid var(--line);background:var(--card)}
.flex-note{color:var(--sub);font-size:12.5px}
.wf-r{margin-left:auto;display:flex;gap:10px;align-items:center}
.wbtn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;
        padding:10px 20px;font-weight:650;font-size:13.5px}
.wbtn.primary{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:750}
.wbtn.ghosty{border:0;color:var(--sub)}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px}
.abil{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.abil h3{margin:0 0 3px;font-size:14.5px}
.abil p{margin:0 0 12px;color:var(--sub);font-size:12px}
.tool{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px}
.tool:last-child{border:0}
.tick{width:18px;height:18px;border-radius:6px;background:var(--ok);color:#fff;display:flex;
        align-items:center;justify-content:center;flex:0 0 auto}
.tick.off{background:var(--card);border:1.5px solid var(--line);color:transparent}
.tool .m{color:var(--sub);font-size:11px;margin-left:auto;text-align:right}
.lock{color:var(--warn);font-weight:650;font-size:11px;margin-left:auto;white-space:nowrap}
.knows{display:flex;gap:8px;flex-wrap:wrap}
.kchip{background:var(--acc-soft);color:var(--acc-ink);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:650}
.kchip.add{background:transparent;border:1.5px dashed var(--line);color:var(--sub)}
.reh{max-width:640px}
.rrow{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 16px;
        margin-bottom:9px;display:flex;gap:12px;align-items:center;font-size:13.5px}
.rrow b{font-size:14px}
.rrow .m{color:var(--sub);font-size:12px}
.rrow .wtag,.frow .wtag{margin-left:auto;font-size:10.5px;font-weight:750;color:var(--acc-ink);background:var(--acc-soft);
              border-radius:999px;padding:3px 9px;white-space:nowrap}
.tune{background:var(--card);border:1.5px dashed var(--line);border-radius:12px;padding:12px 16px;
        color:var(--sub);font-size:13px;display:flex;gap:10px;align-items:center}
.tune input{flex:1;border:0;background:transparent;font:inherit;color:var(--ink);outline:none}
.confirm{max-width:660px}
.bigcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.bigcard .idrow{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.bigcard .ava{width:54px;height:54px;font-size:19px}
.gstrip{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.gpill{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:650}
.wake{display:flex;align-items:center;gap:16px;margin-top:20px}
.wake .go-primary{font-size:15px;padding:14px 30px}
.wake span{color:var(--sub);font-size:12.5px}
.hatchline{margin-top:20px;border-top:1px solid var(--line);padding-top:16px;font-size:13.5px}
.chat{max-width:640px;display:flex;flex-direction:column;gap:12px}
.msg{max-width:88%;border-radius:16px;padding:13px 16px;font-size:14px;opacity:0;animation:arrive .5s ease forwards}
.msg.g{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:6px}
.msg.u{background:var(--acc-fill);color:#fff;margin-left:auto;border-bottom-right-radius:6px}
.msg .who{font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);margin-bottom:4px}
.msg.u .who{color:rgba(255,255,255,.72)}
.msg .src{font-size:11px;color:var(--sub);margin-top:8px;border-top:1px dashed var(--line);padding-top:7px}
.msg .opts-in{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.msg .opt{padding:11px 13px}
@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.msg{animation:none;opacity:1}}
.typing{display:inline-flex;gap:4px;padding:12px 16px;background:var(--card);border:1px solid var(--line);
          border-radius:16px;border-bottom-left-radius:6px;width:fit-content;opacity:0;animation:arrive .4s ease forwards}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--sub);animation:blink 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}
.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:1}}
@media (prefers-reduced-motion: reduce){.typing{display:none}}
.saydock{display:flex;gap:10px;margin-top:16px;max-width:640px}
.saydock .inp{flex:1;border:1px solid var(--line);border-radius:12px;padding:13px 15px;
                font-size:14px;color:var(--sub);background:var(--card)}
.livechip{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;
            letter-spacing:.06em;text-transform:uppercase;color:var(--ok);border:1px solid var(--line);
            border-radius:999px;padding:5px 13px}
.livechip i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion: reduce){.livechip i{animation:none}}
.wakegrid{display:grid;grid-template-columns:1fr 372px;gap:26px;align-items:start}
.feed .fhd{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);font-weight:750;margin:0 0 10px}
.frow{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 15px;
        margin-bottom:9px;display:flex;gap:13px;align-items:flex-start;font-size:13.5px;
        opacity:0;animation:arrive .5s ease forwards}
.frow .t{color:var(--sub);font-size:11px;white-space:nowrap;min-width:40px;padding-top:2px}
.frow .fb{flex:1}
.frow .fb .m{color:var(--sub);font-size:12px;margin-top:2px}
.frow .wtag{margin-left:0;flex:0 0 auto}
.frow.catch{border-left:3px solid var(--ok)}
.frow.catch .go{color:var(--acc-ink);font-weight:700;font-size:12.5px;white-space:nowrap;padding-top:2px}
.frow .rename{color:var(--acc-ink);font-size:12px;font-weight:650;margin-top:4px;display:inline-block}
@keyframes vanish{to{opacity:0;visibility:hidden;max-height:0;padding-top:0;padding-bottom:0;border-width:0}}
.signoff{display:flex;gap:12px;align-items:flex-start;border:1.5px dashed var(--line);border-radius:12px;
           padding:13px 16px;margin-top:14px;font-size:13px;color:var(--sub);opacity:0;animation:arrive .5s ease forwards}
.signoff b{color:var(--ink)}
.signoff .gava{width:26px;height:26px;border-radius:50%;background:var(--acc-fill);color:#fff;display:flex;
                 align-items:center;justify-content:center;font-weight:800;font-size:10px;flex:0 0 auto}
@media (prefers-reduced-motion: reduce){.frow,.signoff{animation:none;opacity:1}}
.badge.wake-b{margin-left:0}
.cardlink{margin-top:14px;color:var(--acc-ink);font-weight:700;font-size:12.5px}
/* Decapitation fix 2026-08-16: the fleet-home tile's door to the layered card */
.cardgo{margin-top:10px;color:var(--acc-ink);font-weight:700;font-size:12.5px;cursor:pointer}
.feed .msg{margin-bottom:9px;max-width:100%}

/* ── G12/G29 sanctioned adaptations (the ONLY deviations from verbatim) ───── */
.agm6 .go-primary,.agm6 .toolrow span,.agm6 .opt,.agm6 .edit,.agm6 .ex,.agm6 .tmpl,.agm6 .wbtn,
.agm6 .micbtn,.agm6 .showall,.agm6 .tool,.agm6 .kchip,.agm6 .kchip.add,
.agm6 .skip u,.agm6 .attn .go,.agm6 .frow.catch .go,.agm6 .rename,.agm6 .cardlink,
.agm6 .altdoor,.agm6 .agent,.agm6 .worker,.agm6 a{cursor:pointer}
.agm6 input.inp,.agm6 textarea.inp{color:var(--ink);font:inherit;outline:none}
.agm6 input.inp::placeholder,.agm6 textarea.inp::placeholder{color:var(--sub)}
.agm6 .wbtn.primary:disabled,.agm6 .go-primary:disabled{opacity:.5;cursor:default}
/* runtime collapse of typing dots when the real result arrives (§11: vanish keyframe, no timers) */
.agm6 .typing.van{animation:vanish .3s ease forwards;max-height:40px;overflow:hidden}
/* wake-view entry fade (register SR-701; #wake-screen was prototype chrome) */
.agm6.agm6-wakefade{animation:arrive .5s ease}
@media (prefers-reduced-motion: reduce){.agm6.agm6-wakefade{animation:none}.agm6 .typing.van{display:none}}

/* ── MOBILE PASS (Craig 2026-08-14: "make sure I can access the wizard and the
   agents via ZDI Lite — I'll be speech-to-texting off hours building 100's of
   agents"). Standing mobile-first hard rule; long scroll is FINE. The signed
   mockup was desktop; this block stacks it for the phone without touching a
   single desktop value. ── */
@media (max-width: 860px){
  .agm6 .content{padding:18px 14px 40px}
  .agm6 .pagehead{gap:10px}
  .agm6 .toolrow{flex-wrap:wrap;gap:12px}
  .agm6 .newgrid,.agm6 .wizbody,.agm6 .wakegrid,.agm6 .twocol{grid-template-columns:1fr}
  .agm6 .live{position:static;margin-top:6px}
  .agm6 .saybox{flex-wrap:wrap}
  .agm6 .saybox .inp{flex:1 1 100%;min-width:0}
  .agm6 .saybox .go-primary{padding:12px 24px}
  .agm6 .wizhead{flex-wrap:wrap;gap:10px;padding:12px 14px}
  .agm6 .steps{overflow-x:auto;white-space:nowrap;margin:0;max-width:100%;
               -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .agm6 .steps::-webkit-scrollbar{display:none}
  .agm6 .step{flex:0 0 auto}
  .agm6 .guide{margin:14px 14px 0}
  .agm6 .wizbody{padding:16px 14px 22px;gap:16px}
  .agm6 .wizfoot{flex-wrap:wrap;gap:10px;padding:12px 14px}
  .agm6 .wf-r{margin-left:0;width:100%;justify-content:flex-end}
  .agm6 .msg{max-width:96%}
  .agm6 .chat,.agm6 .saydock,.agm6 .altdoors,.agm6 .bigsay,.agm6 .reh,.agm6 .confirm{max-width:100%}
  .agm6 .altdoors{flex-direction:column}
  .agm6 .bigcard{padding:18px}
  .agm6 .wake{flex-wrap:wrap}
  .agm6 .attn{flex-wrap:wrap}
  .agm6 .attn .go{margin-left:0}
  .agm6 .frow{flex-wrap:wrap}
  .agm6 .frow .t{min-width:34px}
}

/* ── HARD RULE (Craig 2026-08-14): chat boxes WRAP; Enter submits, Shift+Enter
   newline — just like ZED chat. Amends register G6 (was single-line). ── */
.agm6 textarea.inp{display:block;resize:none;min-height:46px;max-height:150px;
                   line-height:1.45;overflow-y:auto;font:inherit;word-break:break-word}

/* ── Trending hero on Browse-the-toolbox (Craig 2026-08-15) — a tinted hero band
   at the top: curated-popular tools with a Free|Paid fork + a "New this week" strip.
   Tokens only (no raw hex — ratchet stays put). ── */
.agm6 .trendwrap{background:var(--acc-soft);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:6px 0 26px}
.agm6 .trendhead{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.agm6 .trendsub{color:var(--sub);font-size:12.5px}
.agm6 .trendfork{margin-left:auto;display:flex;gap:8px;align-self:center}
.agm6 .trendfork .ex{background:var(--card)}
.agm6 .trendfork .ex.on{border-color:var(--acc);color:var(--acc-ink);font-weight:750}
.agm6 .trendcard{background:var(--card)}

/* ── TK-04 "Every agent starts with these" band (toolkit doc §5) — pinned above
   Trending; read-only born-with cards. Same trendwrap family, ok-soft wash so the
   floor reads calm/assured, not promotional. Tokens only. ── */
.agm6 .bornband{background:var(--ok-soft)}
.agm6 .borncard{background:var(--card);cursor:default}
.agm6 .badge.born{background:transparent;color:var(--sub);border:1px solid var(--line)}
.agm6 .badge.born::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:6px}

/* ── Tool-detail slide-over + New-this-week hover preview (Craig 2026-08-15) —
   click any card/pill → details + Grant CTA; hover a pill → what-it-does popover.
   rgba scrims (not hex) + tokens only. ── */
.agm6 .tdrawer-scrim{position:fixed;inset:0;background:rgba(20,32,46,.35);z-index:1000}
.agm6 .tdrawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--card);
               border-left:1px solid var(--line);box-shadow:-8px 0 28px rgba(20,32,46,.18);z-index:1001;
               display:flex;flex-direction:column;animation:tdslide .18s ease}
@keyframes tdslide{from{transform:translateX(100%)}to{transform:none}}
@media (prefers-reduced-motion: reduce){.agm6 .tdrawer{animation:none}}
.agm6 .tdhead{display:flex;align-items:flex-start;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}
.agm6 .tdname{font-size:17px;font-weight:750;letter-spacing:-.01em}
.agm6 .tdverb{font-size:12.5px;color:var(--sub);margin-top:2px}
.agm6 .tdclose{margin-left:auto;flex:0 0 auto;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);
               background:var(--card);color:var(--sub);display:flex;align-items:center;justify-content:center;cursor:pointer}
.agm6 .tdbody{flex:1;overflow-y:auto;padding:20px 22px}
.agm6 .tdblurb{font-size:14px;line-height:1.6;color:var(--ink)}
.agm6 .tdtags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.agm6 .tdtag{font-size:11.5px;font-weight:650;border-radius:999px;padding:4px 11px;background:var(--bg);color:var(--sub);border:1px solid var(--line)}
.agm6 .tdtag.free{background:var(--acc-soft);color:var(--acc-ink);border-color:transparent}
.agm6 .tdtag.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.agm6 .tdfoot{border-top:1px solid var(--line);padding:16px 22px;display:flex;flex-direction:column;gap:12px}
.agm6 .tdnote{font-size:12.5px;color:var(--sub);line-height:1.45}
.agm6 .tdfoot .go-primary{width:100%;padding:12px 0;text-align:center}
.agm6 .freshpill{position:relative;border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:12.5px;color:var(--ink);background:var(--bg);font-weight:600;cursor:pointer}
.agm6 .freshpill:hover{border-color:var(--acc);color:var(--acc-ink)}
.agm6 .freshpill .hovercard{display:none;position:absolute;bottom:calc(100% + 8px);left:0;width:240px;background:var(--card);
                            border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(20,32,46,.16);
                            padding:10px 12px;font-size:12px;font-weight:500;color:var(--sub);line-height:1.45;z-index:1002;white-space:normal}
.agm6 .freshpill:hover .hovercard{display:block}
.agm6 .newrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.agm6 .newlbl{font-size:10.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-ink);white-space:nowrap}

/* ── "Armed from the toolbox" panel in the onboarding chat (Craig 2026-08-15:
   "no toolbox offered") — surfaces the real capabilities the guide is arming +
   offers trending picks. Tokens only. ── */
.agm6 .toolbelt{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px 16px;margin-top:14px;box-shadow:var(--shadow)}
.agm6 .toolbelt .tblbl{font-size:10.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-ink);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.agm6 .toolbelt .tbn{background:var(--acc-soft);color:var(--acc-ink);border-radius:999px;padding:1px 8px;font-size:11px}
.agm6 .tbcaps{display:flex;flex-direction:column;gap:6px}
.agm6 .tbcap{font-size:13px;color:var(--ink);padding-left:16px;position:relative}
.agm6 .tbcap::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--ok)}
.agm6 .tbmore{font-size:12px;color:var(--sub);padding-left:16px}
.agm6 .tbadd{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.agm6 .tbaddlbl{font-size:10.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.agm6 .capill{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12px;color:var(--ink);cursor:default}
.agm6 .cabrowse{color:var(--acc-ink);font-size:12px;font-weight:650;cursor:pointer;margin-left:auto;white-space:nowrap}