/* Stable working canvas, restrained surfaces, and predictable phone controls. */
html{width:100%;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}body{width:100%;min-width:0;overflow-x:hidden;overflow-x:clip;--surface:#fff;--canvas:#f7f8fa;--ink:#24242c;--muted:#6b6c78;--soft:#f1f2f5;--line:#e4e5e9;background:var(--canvas);color:var(--ink)}
.app-shell{width:calc(100% - var(--sidebar));min-width:0}.content,.content>*,.settings-grid>*,.agent-title,.network-person,.composer,.search-field{min-width:0;max-width:100%}.grid.two{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.settings-grid{grid-template-columns:200px minmax(0,1fr)}.card,.stat,.plan-card,.funding-source,.network-person{background:var(--surface);border-color:var(--line)}.sidebar,.topbar,.bottom-nav,dialog{background:var(--surface);color:var(--ink)}.sidebar{max-height:100dvh;gap:16px}.nav-stack{overflow-y:auto;min-height:0;overscroll-behavior:contain}.sidebar-bottom{flex-shrink:0}.nav-item{min-height:42px;padding:9px 13px}.nav-item.active{background:color-mix(in srgb,var(--purple) 8%,var(--surface))}.demo-strip{background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted)}.btn{background:var(--surface)}.btn.primary{background:var(--purple)}.input,.composer{background:var(--surface);color:var(--ink);border-color:var(--line)}input,select,textarea{font-size:16px!important}.search-field{width:100%;flex:1;position:relative}.search-field .input{width:100%;max-width:none}.badge.purple{background:#f1e9fa;color:#6d28b5}.message-bubble{background:var(--soft);border:1px solid var(--line);color:var(--ink)}.message.mine .message-bubble{background:var(--surface);color:var(--ink);border-color:#c9cbd3}.message-label{font-size:12px}.notice{background:var(--soft);border:1px solid var(--line);color:var(--muted)}.card-head{flex-wrap:wrap}.table-wrap,.board,.timeline-scroll{overscroll-behavior-x:contain}.key-values{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.key-values>*{min-width:0;overflow-wrap:anywhere}.account-button strong{white-space:normal}.context-choice small{overflow-wrap:anywhere}.quick-access{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.quick-access a{background:var(--surface);border:1px solid var(--line);padding:10px 14px;border-radius:9px;display:flex;gap:8px;font-size:14px;color:var(--ink)}
[data-theme=dark]{color-scheme:dark;--canvas:#14151a;--surface:#1e2028;--ink:#f0f1f5;--muted:#a4a7b5;--line:#353843;--soft:#292b35;--purple:#ae7beb;--purple-dark:#965fdb;background:var(--canvas);color:var(--ink)}[data-theme=dark] .muted,[data-theme=dark] .meta,[data-theme=dark] small{color:var(--muted)}[data-theme=dark] .nav-item,[data-theme=dark] .topbar,[data-theme=dark] .brand{color:var(--ink)}[data-theme=dark] .sidebar .brand img{filter:invert(1)}[data-theme=dark] .bar,[data-theme=dark] .progress,[data-theme=dark] .timeline-track{background:var(--soft)}[data-theme=dark] .empty,[data-theme=dark] .board-column,[data-theme=dark] .task-card{background:var(--surface);color:var(--ink)}[data-theme=dark] .btn:hover{background:var(--soft)}[data-theme=dark] .btn.primary{color:#15101c}[data-theme=dark] .payment-card{color:white}
@media(max-width:700px){.app-shell{width:100%;margin-inline-start:0}.content{padding:22px 16px 30px}.topbar{padding-inline-start:10px;padding-inline-end:10px}.top-right>.human-badge,:where(.top-right)>.top-more>.human-badge{display:grid;width:30px;min-width:30px;height:30px;font-size:11px}.mobile-context{max-width:160px}.top-right{gap:0}.topbar .search-trigger{width:32px}.top-right .icon-button{width:32px}.grid.two,.grid.equal,.grid.three{grid-template-columns:minmax(0,1fr)}.settings-grid{display:block}.page-heading h1{font-size:1.7rem}.page-heading>div{min-width:0}.page-heading .actions{max-width:100%}.btn{min-height:44px}.bottom-nav{width:100%;inset:auto 0 0;padding-inline:5px}.bottom-nav a,.bottom-nav button{font-size:12px}.sidebar{width:min(292px,90vw)}.demo-strip{padding:8px 16px;font-size:12px}.demo-strip button{font-size:12px}.mobile-context small{font-size:12px}.search-trigger{border:0}.table-wrap{max-width:100%}.message{max-width:94%}.dialog-body .form-grid{grid-template-columns:minmax(0,1fr)}.top-crumb{display:none}}
/* Workspace sources and runtime connections */
.stack{display:flex;flex-direction:column;gap:20px}.row.between{justify-content:space-between}.toolbar,.work-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.source-toolbar{margin-bottom:20px;align-items:end}.source-toolbar>label{flex:0 1 150px;margin:0}.source-toolbar .search-field{min-width:180px}.segmented{display:flex;gap:3px;background:var(--soft);padding:4px;border-radius:10px;max-width:100%;overflow:auto}.segmented .btn{border:0;background:transparent;white-space:nowrap;padding:8px 12px}.segmented .btn.soft{background:var(--surface);box-shadow:0 1px 4px #00000010;color:var(--purple)}.source-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.source-tile{display:flex;flex-direction:column;text-align:start;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);cursor:pointer;min-width:0}.source-tile:hover{border-color:var(--purple)}.source-thumbnail{height:124px;width:100%;display:grid;place-items:center;background:var(--soft);overflow:hidden}.source-thumbnail>svg{width:34px;height:34px;color:var(--muted)}.source-thumbnail img{width:100%;height:100%;object-fit:cover}.source-info{padding:16px;min-width:0;width:100%}.source-info strong,.source-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-info small{margin-top:5px;font-size:12px;color:var(--muted)}.source-info .badge{margin-top:10px}.source-library.as-list{display:flex;flex-direction:column;gap:8px}.as-list .source-tile{flex-direction:row;align-items:center}.as-list .source-thumbnail{width:64px;min-width:64px;height:72px;margin-inline-start:10px;border-radius:8px}.as-list .source-info{flex:1;padding:12px}.document-preview{background:var(--soft);border-radius:12px;padding:20px;max-height:380px;overflow:auto;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere}.source-image{max-width:100%;max-height:360px;display:block;margin:auto;object-fit:contain}.pdf-preview{width:100%;height:350px;border:1px solid var(--line)}.repo-preview,.link-preview{padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.repo-preview svg,.link-preview svg{width:30px;height:30px}.source-access{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.source-kinds{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.file-drop{border:1px dashed var(--muted);background:var(--soft);padding:24px;display:flex;align-items:center;flex-direction:column;gap:12px;border-radius:12px;text-align:center}.file-drop span{font-size:13px;color:var(--muted)}.file-drop input{width:100%;font-size:13px!important}.plugin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plugin-card{display:flex;flex-direction:column;gap:14px}.plugin-card .actions{margin-top:auto}.provider-tile{width:44px;height:44px;background:var(--soft);border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--purple)}.connection-summary{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.connection-summary>div{flex:1}.context-map{display:flex;flex-direction:column;gap:16px}.context-source{border:1px solid var(--line);padding:18px;border-radius:12px;background:var(--surface)}.context-recipients{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.context-recipients>span{display:flex;align-items:center;gap:6px;background:var(--soft);border-radius:8px;padding:8px;font-size:13px}.wizard-steps{display:flex;gap:6px;margin-bottom:24px}.wizard-steps li{flex:1;font-size:12px;padding:9px 4px;border-bottom:3px solid var(--line);color:var(--muted)}.wizard-steps .active{border-color:var(--purple);color:var(--purple);font-weight:600}.code-block,pre{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}
/* People and organizations */
.network-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.network-search{margin-bottom:22px;max-width:none}.network-search .input{height:48px}.organization-logo{width:48px;height:48px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px}.organization-logo.large{width:80px;height:80px;border-radius:16px}.network-brand-row{display:flex;align-items:center;gap:16px;color:var(--ink)}.network-brand-row>div{flex:1;min-width:0}.network-card h2{font-size:20px}.verified{color:#7332b8;display:inline-flex;vertical-align:middle;align-items:center;gap:5px}.verified svg{width:17px;height:17px;padding:3px;background:#7531ba;border-radius:50%;fill:none;stroke:#fff;stroke-width:3}.network-update{padding:20px 0;border-top:1px solid var(--line);margin-top:24px}.network-self{height:fit-content}.human-badge.large{width:64px;height:64px;font-size:22px;margin-bottom:16px}.network-cover{height:132px;margin:-24px -24px 0;padding:24px;background:linear-gradient(120deg,#122e39,#2b5260);color:#fff;font-size:11px;letter-spacing:2px;display:flex;align-items:flex-end}.network-profile{overflow:hidden}.profile-brand{display:flex;gap:20px;align-items:center;margin-top:24px}.profile-brand>img{width:102px;height:102px;border-radius:18px;border:1px solid var(--line);background:white;object-fit:contain}.profile-brand h1{font-size:28px;line-height:1.25;margin-bottom:5px}.mira-portrait{display:grid;place-items:center;width:65px;height:65px;border-radius:20px;background:var(--soft);color:var(--purple)}.mira-portrait svg{width:36px;height:36px}.messages-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.conversation-list{padding:12px}.conversation-contact{display:flex;gap:10px;align-items:center;padding:10px;background:var(--soft);border-radius:10px;color:var(--ink)}.conversation-contact img{width:42px;height:42px;background:white;border-radius:8px;object-fit:contain}.conversation-contact small{display:block;font-size:12px;margin-top:4px}.conversation-main .thread{min-height:240px}.message-bubble{border-radius:14px!important}.message.mine{margin-inline-start:auto}.message-label{color:var(--muted);margin-bottom:6px}.composer{display:flex;min-width:0}.composer input{min-width:0;flex:1;background:transparent;color:var(--ink)}
/* Identity and account */
.identity-v88{background:radial-gradient(ellipse at 85% 0%,#7653ab66,transparent 60%),linear-gradient(135deg,#252331,#12141f);color:#fff;min-height:280px;padding:28px;border:1px solid #625174;position:relative;overflow:hidden;box-shadow:0 16px 30px #21123518;border-radius:18px}.identity-v88:after{content:'';position:absolute;width:350px;height:350px;inset-inline-end:-150px;top:-125px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 38px #ffffff03,0 0 0 76px #ffffff03;pointer-events:none}.identity-v88 .brand{color:white;font-size:12px;letter-spacing:2px}.identity-v88 .brand img{width:24px;height:24px}.identity-label{letter-spacing:2px;font-size:10px;color:#c9bfd8}.identity-person{display:flex;gap:18px;align-items:center;margin:30px 0}.identity-person p{font-size:9px;letter-spacing:2px;color:#c3b8ce;margin-bottom:6px}.identity-person h2{font-size:25px;color:white;margin:0 0 6px}.identity-person span{font-size:12px;color:#c3bed1}.identity-monogram{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:linear-gradient(135deg,#d9c4ef,#9170b3);color:#392347!important;font-size:24px!important;flex-shrink:0;border:1px solid #dfd0f0}.identity-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.identity-id{letter-spacing:1.5px;font-size:13px;color:#fff;overflow-wrap:anywhere}.identity-bottom .meta{color:#b5adc4;font-size:11px;margin:7px 0}.identity-bottom small{font-size:8px;letter-spacing:1px;color:#a49ab2}.identity-v88 .qr{width:68px;height:68px;border-radius:6px;background:#fff;padding:4px;flex-shrink:0}.payment-method{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.payment-brand{width:55px;height:35px;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:13px;border-radius:7px}.payment-method .grow{min-width:120px}.payment-method .actions{gap:6px}.balance-proof{margin-bottom:24px}.balance-equation{display:flex;align-items:center;gap:24px;margin-top:18px;flex-wrap:wrap}.balance-equation>div{display:flex;flex-direction:column;gap:6px}.balance-equation strong{font-size:23px;letter-spacing:-.5px}.balance-equation span{font-size:12px;color:var(--muted)}.balance-equation .debit strong{color:#b24747}
/* Work, evidence, and audit */
.work-toolbar{margin-bottom:18px}.work-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.work-filters>label{flex:0 1 150px;margin:0}.work-filters .search-field{min-width:180px}.work-filters .check-row{white-space:nowrap;flex:0 0 auto;min-height:42px;font-size:13px}.count-line{margin:16px 0}.task-list-v88{padding:0 20px}.task-detail-row{display:flex;align-items:center;gap:14px;padding:20px 0;width:100%;border:0;border-bottom:1px solid var(--line);text-align:start;background:transparent;color:var(--ink);cursor:pointer}.task-detail-row:last-child{border-bottom:0}.task-detail-row small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.task-status-dot{width:20px;height:20px;border:2px solid #b8bdc9;border-radius:50%;flex-shrink:0}.task-status-dot.Active{border-color:var(--purple);border-inline-end-color:transparent}.task-status-dot.Waiting{border-color:#b78a3c}.task-status-dot.Complete{background:#2b8a68;border-color:#2b8a68;color:white;display:grid;place-items:center}.task-status-dot svg{width:14px;height:14px}.enhanced-task{display:block;width:100%;text-align:start;color:var(--ink)}.enhanced-task h3{font-size:14px;margin:12px 0}.enhanced-task .row{gap:5px;flex-wrap:wrap}.enhanced-task .row:last-child{margin-top:15px}.enhanced-task small{font-size:11px;color:var(--muted)}.agenda>section+section{margin-top:25px}.agenda>section>h3{margin-bottom:12px}.agenda .enhanced-task{margin:10px 0}.timeline-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:10px}.gantt-header,.gantt-row{display:flex}.gantt-header>strong,.gantt-row>span:first-child{position:sticky;inset-inline-start:0;width:190px;min-width:190px;background:var(--surface);z-index:1;padding:14px;border-inline-end:1px solid var(--line);text-align:start;font-size:12px}.gantt-header>div{display:flex;flex-shrink:0;background:var(--soft)}.gantt-header>div>span{width:var(--day);min-width:var(--day);text-align:center;font-size:11px;padding:10px 0;border-inline-start:1px solid var(--line)}.gantt-header small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.gantt-row{border:0;border-top:1px solid var(--line);padding:0;background:var(--surface);width:100%;color:var(--ink);cursor:pointer}.gantt-row>span:first-child strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gantt-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.gantt-track{position:relative;flex-shrink:0;display:block;min-height:64px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--day) - 1px),var(--line) calc(var(--day) - 1px),var(--line) var(--day))}.gantt-bar{position:absolute;top:18px;padding:6px 10px;border-radius:5px;background:#e9e3f3;color:#603393;font-size:11px;white-space:nowrap;overflow:hidden;font-style:normal;text-align:start;height:28px}.gantt-bar.Complete{background:#dfeee6;color:#246a4e}.gantt-bar.Waiting{background:#fbefd4;color:#805b15}.gantt-bar.Not-started{background:#e8e9ed;color:#666a74}.task-metadata{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0;font-size:13px;color:var(--muted)}.task-metadata>span{display:flex;gap:8px;align-items:center}.check-row{display:flex;gap:10px;align-items:center;padding:8px 0}.check-row input{accent-color:var(--purple);width:17px;height:17px;flex-shrink:0}.check-row small{display:block;font-size:11px;margin-top:4px;color:var(--muted)}.run-trace{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.run-step{display:flex;gap:12px;position:relative;padding:18px 0 0}.run-step:before{position:absolute;content:'';inset-inline-start:11px;top:40px;bottom:-20px;width:1px;background:var(--line)}.run-step:last-child:before{display:none}.run-marker{display:grid;place-items:center;width:24px;height:24px;min-width:24px;background:var(--soft);color:var(--purple);border-radius:50%}.run-marker svg{width:13px;height:13px}.run-step>div{min-width:0;flex:1}.run-step strong{font-size:13px}.run-step small{display:block;font-size:10px;color:var(--muted);margin:5px 0}.run-step p{font-size:12px;color:var(--muted);line-height:1.6;margin:7px 0}.audit-feed{padding:0 24px}.audit-event{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.audit-event:last-child{border-bottom:0}.audit-icon{background:var(--soft);width:36px;height:36px;min-width:36px;border-radius:10px;display:grid;place-items:center;color:var(--muted)}.audit-event .grow{min-width:0}.audit-event h3{font-size:14px;line-height:1.5}.audit-event p{font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.audit-event .meta{font-size:11px}.audit-event .row{flex-wrap:wrap}
@media(max-width:1000px){.plugin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-layout{grid-template-columns:minmax(0,1fr)}.network-self{display:none}.messages-layout{grid-template-columns:minmax(0,1fr)}.conversation-list{display:none}.source-toolbar>label{flex:1}.task-detail-row>.badge{font-size:10px;padding:4px 6px}.work-filters>label{flex:1}.settings-grid .identity-person h2{font-size:22px}}
@media(max-width:700px){.plugin-grid{grid-template-columns:minmax(0,1fr)}.source-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.source-info{padding:12px}.source-info strong{font-size:12px}.source-info small{font-size:10px}.source-thumbnail{height:95px}.source-toolbar .search-field,.work-filters .search-field{flex:1 0 100%}.source-toolbar>label,.work-filters>label{min-width:100px}.source-toolbar .segmented{margin-inline-start:auto}.work-toolbar .segmented{width:100%;justify-content:space-between}.work-toolbar .segmented .btn{padding:8px;font-size:12px;gap:5px}.work-toolbar .segmented svg{width:15px}.task-detail-row{gap:10px}.task-detail-row strong{font-size:13px}.task-detail-row>svg{display:none}.task-detail-row small{line-height:1.5}.task-list-v88{padding:0 14px}.profile-brand{gap:12px;align-items:flex-start}.profile-brand>img{width:70px;height:70px}.profile-brand h1{font-size:22px}.network-cover{margin:-18px -18px 0;height:115px}.network-brand-row{gap:12px}.organization-logo.large{width:64px;height:64px}.network-brand-row h2{font-size:18px}.network-profile .actions .btn{flex:1;font-size:12px;padding:10px}.identity-v88{padding:20px;min-height:270px}.identity-v88 .brand{font-size:10px;gap:6px}.identity-label{font-size:8px;letter-spacing:1px}.identity-person{margin:26px 0;gap:12px}.identity-person h2{font-size:22px}.identity-monogram{width:50px;height:55px}.identity-bottom .qr{width:58px;height:58px}.identity-id{font-size:11px}.identity-bottom .meta{font-size:10px}.identity-bottom small{font-size:7px}.balance-equation{gap:12px}.balance-equation strong{font-size:19px}.balance-equation span{font-size:10px}.payment-method .actions{width:100%;justify-content:flex-end}.audit-feed{padding:0 16px}.audit-event{gap:10px}.audit-icon{width:28px;height:28px;min-width:28px}.audit-icon svg{width:16px}.gantt-header>strong,.gantt-row>span:first-child{width:150px;min-width:150px}.wizard-steps li{font-size:10px}.task-metadata{gap:12px}.network-search .input{font-size:16px!important}.page-heading{align-items:flex-start}}

.source-thumbnail{position:relative}.source-thumbnail>small{position:absolute;bottom:10px;inset-inline-start:12px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}

[hidden]{display:none!important}

.wizard-steps{list-style:none;padding:0}.wizard-steps li{flex:1}

/* The Founder's phone, 2 October 2026. A state's own tone outranks a caller's colour: Connected is green wherever it is drawn. */
.badge.amber.state-complete{background:#d8ffed;color:#006b43;border:1px solid #62e8ad}
[data-theme=dark] .badge.amber.state-complete{background:#063e30;color:#61ecb3;border-color:#16825b}
/* A summary tile's label and the line under it never run together. */
.connection-summary>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;row-gap:4px;align-items:center;min-width:180px}
.connection-summary>div>small{grid-column:2;color:var(--muted);line-height:1.4}
/* The Primary's mark sits small in a small portrait's corner, clear of the face or letter it marks. */
.portrait-box.small .primary-star.primary-logo,.portrait-box.tiny .primary-star.primary-logo,[data-collection-items=agents][data-view=list] .portrait-box .primary-star.primary-logo{top:3px;inset-inline-end:3px;inset-inline-start:auto;width:14px;height:14px;box-shadow:0 0 0 1.5px var(--surface,#fff)}
/* A tiny portrait (a chip's face) keeps the whole mark inside its own corner, never cut by the portrait's edge; in dark the mark sits on the dark surface, not a white disc. */
.portrait-box.tiny .primary-star.primary-logo{top:2px;inset-inline-end:2px;width:11px;height:11px;box-shadow:0 0 0 1px var(--surface,#fff)}
[data-theme=dark] .primary-star.primary-logo:not(.primary-star-inline){background:var(--surface);box-shadow:0 0 0 1.5px var(--surface)}
/* A Workspace's Work: the layout switch, the search and Add task share one row; on a phone two filters to a row, never cut (audit 5 Oct). */
.work-toolbar .search-field{flex:1 1 220px;min-width:0;max-width:none}
@media(max-width:700px){.work-filters>label{flex:1 1 calc(50% - 6px);min-width:0}.work-filters select{min-width:0;width:100%}.work-toolbar>.btn{flex:none}}
/* A routine's state stays beside its title on a phone (audit 5 Oct). */
[data-routine]>.card-head{flex-wrap:nowrap;align-items:flex-start}[data-routine]>.card-head h2{min-width:0;overflow-wrap:anywhere}[data-routine]>.card-head>.badge{flex:none}

/* Shared Primary designation and two-line agent identity. Activity remains the register's state. */
/* The crown is the colour of what carries it (tab, mark, label): one token, light and dark (Harmony, R&D 1776). */
body{--chief-ink:var(--purple,#6d28b5)}
.primary-crown{display:block;width:18px;height:18px;flex:none;color:inherit}
.primary-star.primary-solid{background:var(--surface,#fff);color:var(--chief-frame,var(--chief-ink));box-shadow:0 0 0 2px var(--surface,#fff)}
.primary-star.primary-solid .primary-crown{width:100%;height:100%}
.portrait-box.small .primary-star.primary-solid,.portrait-box.tiny .primary-star.primary-solid{top:0;inset-inline-end:0;inset-inline-start:auto;width:14px;height:14px}
.primary-star.primary-solid.primary-star-inline{position:static;display:inline-flex;vertical-align:middle;width:18px;height:18px;margin-inline-start:6px;background:none;box-shadow:none}
.has-primary-tab{position:relative;overflow:visible!important;margin-top:22px}
.primary-tab{position:absolute;top:-23px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:5px;height:23px;padding:2px 9px;border:1px solid var(--line);border-bottom:0;border-radius:7px 7px 0 0;background:var(--surface,#fff);color:var(--chief-frame,var(--chief-ink));font-size:11px;font-weight:600;line-height:18px;white-space:nowrap}
.primary-tab .primary-crown{width:14px;height:14px}
.agent-card.agent-compact{display:block;padding:14px;min-width:0}
.agent-compact-content{display:flex;align-items:center;gap:10px;min-width:0;width:100%;text-align:start}
.agent-compact-content>.portrait-box.small{flex:0 0 44px;width:44px;min-width:44px;height:44px;align-self:center}
.agent-compact-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.agent-compact-copy>.agent-compact-name{display:block;font-size:14px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.agent-compact-meta{display:flex;align-items:center;gap:6px;min-width:0;line-height:20px}
.agent-role-runtime{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}
.agent-compact-meta>.status-badge{flex:none;white-space:nowrap;margin:0;font-size:11px;line-height:16px;padding:2px 6px}
.agent-compact-meta>.icon{width:14px;height:14px;flex:none}
.agent-compact-row{width:100%;min-width:0}
.agent-compact-picker{width:100%;min-width:0;padding:10px 0}
.agent-compact-picker>.agent-compact-content{flex:1}
[data-collection-items=agents][data-view=list]>.agent-card.agent-compact{display:block}
[data-collection-items=agents][data-view=grid]:has(>.has-primary-tab){padding-top:22px;align-items:start}
[data-collection-items=agents][data-view=grid]>.agent-card.has-primary-tab{margin-top:0}
.check-row:has(.agent-compact-content){min-width:0}
.check-row:has(.agent-compact-content)>span{flex:1;min-width:0}
.check-choice:has(.agent-compact-content){min-width:0;max-width:100%}
.check-choice:has(.agent-compact-content)>span{flex:1;min-width:0}
.check-choice .agent-compact-content{min-width:0}
.check-choice .agent-compact-copy>.agent-compact-name{white-space:normal;overflow-wrap:anywhere}
.check-choice .agent-compact-meta{flex-wrap:wrap}
.check-choice .agent-role-runtime{white-space:normal;overflow-wrap:anywhere}

/* A count is a separate destination beside the name; the two-line identity stays intact. */
.agent-card.has-agent-waiting{position:relative}
.agent-card-open{display:block;min-width:0;color:var(--purple)}
.has-agent-waiting .agent-compact-name{padding-inline-end:var(--agent-waiting-width)}
.agent-card .agent-waiting{position:absolute;inset-inline-end:14px;top:14px;font-size:12px;line-height:20px;color:var(--purple);text-decoration:underline;white-space:nowrap}
.agent-card-open:focus-visible,.agent-waiting:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:3px}

.agent-inbox-heading .page-heading>div:first-child{min-width:0}
.agent-inbox-heading h1{overflow-wrap:anywhere}
.agent-inbox-heading .actions{flex:none}
/* While an agent works, the three dots sit on its status chip, just above "Active", never over its face (the Founder,
   5 October 2026, 07:14). An agent's status reads Active only while it works (terminal-status.js). */
.portrait-box .work-dots{display:none}
:is(.agent-compact-meta,.agent-heading .agent-name-line,[data-home-role])>.status-badge.state-active{position:relative;overflow:visible}
:is(.agent-compact-meta,.agent-heading .agent-name-line,[data-home-role])>.status-badge.state-active::before{content:"";position:absolute;inset-inline-start:50%;bottom:calc(100% + 3px);width:3px;height:3px;margin-inline-start:-8px;border-radius:50%;background:var(--purple);box-shadow:6px 0 0 var(--purple),12px 0 0 var(--purple);animation:dot-pulse 1.3s infinite}
:is(.agent-compact-meta,.agent-heading .agent-name-line,[data-home-role])>.status-badge.state-active::after{display:none}
.work-filter-open{margin:0 0 12px}.work-filters{margin-bottom:14px}
/* Keep all four Tasks layouts visible on narrow phones. The labels carry the action. */
@media(max-width:400px){.work-toolbar .segmented svg{display:none}.work-toolbar .segmented .btn{padding:8px 6px}}