/* aid-actor · /ai-agents/identity signature. Spec: asset.html header. Every selector is prefixed .aid-ac. White band, ivory stage. */
.aid-ac{--ac-ink:#0a0a0a;--ac-60:rgba(10,10,10,.6);--ac-45:rgba(10,10,10,.45);--ac-line:rgba(10,10,10,.07);--ac-ok:#1a7f37;margin-top:48px}
.aid-ac p,.aid-ac ul,.aid-ac dl,.aid-ac dd{margin:0;padding:0;list-style:none}
.aid-ac svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* underline tabs (Supabase's), the active one in ink with its line on the row's own border */
.aid-ac-tabs{display:flex;gap:32px;box-shadow:inset 0 -1px 0 var(--ac-line)}
.aid-ac-tab{position:relative;padding:0 0 14px;border:0;background:none;font:inherit;font-size:16px;line-height:22px;font-weight:450;color:var(--ac-45);cursor:pointer;transition:color 200ms ease}
.aid-ac-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--ac-ink);transform:scaleX(0);transform-origin:left;transition:transform 320ms cubic-bezier(.25,1,.5,1)}
.aid-ac-tab[aria-selected="true"]{color:var(--ac-ink)}
.aid-ac-tab[aria-selected="true"]::after{transform:none}
.aid-ac-tab:hover{color:var(--ac-60)}
.aid-ac-tab:focus-visible{outline:2px solid var(--blue,#1a56ff);outline-offset:4px;border-radius:3px}
/* the stage and the one CRM window */
.aid-ac-stage{position:relative;margin-top:28px;padding:48px 64px 0;border-radius:20px;background:#f3f2ef;overflow:hidden}
.aid-ac-win{max-width:880px;margin:0 auto;border-radius:12px 12px 0 0;background:#fff;color:var(--ac-ink);box-shadow:0 0 0 1px rgba(10,10,10,.06),0 24px 50px -30px rgba(0,0,0,.3)}
.aid-ac-bar{display:flex;align-items:center;height:42px;padding:0 16px;box-shadow:inset 0 -1px 0 var(--ac-line)}
.aid-ac-tl{display:flex;gap:7px}.aid-ac-tl i{width:10px;height:10px;border-radius:50%;background:#e2e2df}
.aid-ac-ttl{flex:1;margin-right:47px;text-align:center;font-size:12px;line-height:16px;color:var(--ac-45)}
.aid-ac-main{padding:22px 32px 30px}
.aid-ac-crumb{font-size:12px;line-height:16px;color:var(--ac-45)}.aid-ac-crumb span{margin:0 4px}
.aid-ac-h{display:flex;align-items:center;gap:10px;margin-top:10px!important;font-size:20px;line-height:26px;font-weight:500;letter-spacing:-.01em}
.aid-ac-stg{height:22px;padding:0 9px;border-radius:999px;background:#f3f2ef;font-size:12px;line-height:22px;font-weight:500;letter-spacing:0;color:var(--ac-60)}
.aid-ac-f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px!important;padding:14px 0;box-shadow:inset 0 1px 0 var(--ac-line),inset 0 -1px 0 var(--ac-line)}
.aid-ac-f dt{font-size:12px;line-height:16px;color:var(--ac-45)}
.aid-ac-f dd{margin-top:4px;font-size:14px;line-height:20px;font-weight:450}
.aid-ac-seat dd{display:grid;justify-items:start}
.aid-ac-seat dd>span{grid-area:1/1;padding:0 6px;margin-left:-6px;border-radius:5px;transition:opacity 260ms ease,background-color 600ms ease}
.aid-ac-lh{margin-top:22px!important;font-size:12px;line-height:16px;color:var(--ac-45)}
.aid-ac-log{margin-top:6px!important}
.aid-ac-log li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;box-shadow:inset 0 -1px 0 var(--ac-line)}
.aid-ac-log li:last-child{box-shadow:none}
.aid-ac-top{display:grid!important;padding:0!important}
.aid-ac-top>.aid-ac-row{grid-area:1/1;display:flex;align-items:flex-start;gap:12px;padding:12px 0;transition:opacity 300ms ease,transform 300ms cubic-bezier(.25,1,.5,1)}
.aid-ac-pa,.aid-ac-bt{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#dcebe0;color:#1f5b33;font-style:normal;font-size:12px;font-weight:600}
.aid-ac-pb{background:#e3dcff;color:#3b2b8f}
.aid-ac-bt{border-radius:8px;background:rgba(10,60,176,.08);color:#0a3cb0}
.aid-ac-bt svg{width:17px;height:17px;stroke-width:1.4}.aid-ac-bt .fl{fill:currentColor;stroke:none}
.aid-ac-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.aid-ac-tx b{font-size:14px;line-height:20px;font-weight:500}
.aid-ac-tx>span{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;line-height:18px;color:var(--ac-45)}
.aid-ac-al{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-weight:500;color:var(--ac-ok)}
.aid-ac-al svg{width:12px;height:12px;stroke-width:1.9}
.aid-ac-log time{flex:none;font-size:12px;line-height:20px;color:var(--ac-45)}
/* state: the account stays; only the actor line and the seats change */
.aid-ac[data-tab="person"] .aid-ac-row[data-t="agent"],.aid-ac[data-tab="agent"] .aid-ac-row[data-t="person"]{opacity:0;transform:translateY(4px);pointer-events:none}
.aid-ac[data-tab="person"] .aid-ac-seat .v1,.aid-ac[data-tab="agent"] .aid-ac-seat .v0{opacity:0}
.aid-ac[data-tab="agent"] .aid-ac-seat .v1{background:rgba(26,127,55,.1)}
.aid-ac.is-settled[data-tab="agent"] .aid-ac-seat .v1{background:transparent}
.aid-ac .aid-ac-sr{display:none}
.aid-ac[data-tab="person"] .aid-ac-sr[data-t="person"],.aid-ac[data-tab="agent"] .aid-ac-sr[data-t="agent"]{display:block}

@media (max-width:900px){ .aid-ac-stage{padding:32px 24px 0} .aid-ac-f{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px} }
@media (max-width:560px){
  .aid-ac-tabs{gap:20px}.aid-ac-tab{font-size:15px}
  .aid-ac-stage{padding:20px 12px 0;border-radius:16px}
  .aid-ac-main{padding:16px 16px 22px}
  .aid-ac-log time{display:none}
}
@media (prefers-reduced-motion:reduce){ .aid-ac *,.aid-ac *::after{transition:none!important} }