/* Agents: compact roster, one profile dialog, focused settings. #4523 */
.mm-agent-directory, .mm-agent-profile, .mm-agent-usage-body { --agent-green: #24825a; --agent-amber: #965c12; }
:root:not([data-theme="light"]) :is(.mm-agent-directory,.mm-agent-profile,.mm-agent-usage-body) { --agent-green: #79d0a4; --agent-amber: #edc483; }
.mm-agent-directory { width:100%; min-width:0; padding:30px 32px; box-sizing:border-box; overflow:auto; color:var(--text); background:var(--bg); }
.mm-agent-directory *, .mm-agent-profile *, .mm-agent-settings-form * { box-sizing:border-box; }
.mm-agent-directory p, .mm-agent-directory h1, .mm-agent-profile h2 { margin:0; }
.mm-agent-directory svg { flex:none; }
.mm-agent-directory button:focus-visible, .mm-agents-row:focus-visible, .mm-agent-profile button:focus-visible, .mm-agent-settings-form button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.mm-directory-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.mm-directory-heading h1 { display:flex; align-items:center; gap:12px; font-size:27px; font-weight:650; letter-spacing:-.6px; }
.mm-directory-count { padding:2px 7px; border:1px solid var(--border); border-radius:5px; font-size:12px; color:var(--muted); letter-spacing:0; font-weight:400; }
.mm-directory-create { display:flex; align-items:center; gap:7px; min-height:36px; }
.mm-directory-toolbar, .mm-directory-tools { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.mm-directory-toolbar { border-bottom:1px solid var(--border); flex-wrap:wrap; gap:0 22px; }
.mm-directory-tools { margin-left:auto; padding:8px 0; gap:14px; }
.mm-directory-tabs { max-width:100%; overflow-x:auto; }
.mm-directory-tabs button { display:flex; align-items:center; gap:7px; }
.mm-scope-count { font-size:10px; font-weight:400; opacity:.7; }
.mm-directory-tabs, .mm-profile-tabs { display:flex; gap:22px; }
.mm-directory-tabs button, .mm-profile-tabs button { padding:14px 0; border:0; border-bottom:2px solid transparent; background:none; color:var(--muted); font:inherit; font-size:12px; cursor:pointer; white-space:nowrap; }
.mm-directory-tabs button[aria-selected="true"], .mm-profile-tabs button[aria-selected="true"] { border-color:var(--accent); color:var(--text); font-weight:600; }
.mm-directory-search { display:flex; align-items:center; gap:8px; color:var(--muted); }
.mm-directory-search input { width:180px; min-width:0; padding:8px 0; color:var(--text); background:none; border:0; font:inherit; font-size:12px; }
.mm-directory-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:12px; }
.mm-directory-table th { text-align:left; color:var(--muted); font-size:10px; font-weight:500; padding:15px 12px; }
.mm-directory-table .mm-agent-col-0 { width:26%; padding-left:0; }
.mm-directory-table .mm-agent-col-1 { width:25%; }
.mm-directory-table .mm-agent-col-2 { width:24%; }
.mm-directory-table .mm-agent-col-3 { width:21%; }
.mm-directory-table .mm-agent-col-4 { width:4%; padding-right:0; }
.mm-directory-table .mm-agents-row { display:table-row; background:transparent; cursor:pointer; }
.mm-agents-row > td { padding:17px 12px; border-bottom:1px solid var(--border); vertical-align:middle; overflow-wrap:anywhere; }
.mm-agents-row:hover { background:var(--panel-2); }
.mm-directory-person-cell { display:flex; align-items:center; gap:11px; min-width:0; }
.mm-directory-person-cell .avatar { flex:none; border-radius:10px; }
.mm-directory-person strong { display:block; font-size:13px; font-weight:600; }
.mm-directory-person span, .mm-agents-row small { display:block; color:var(--muted); font-size:10px; line-height:1.5; margin-top:4px; }
.mm-directory-work { color:var(--muted); font-size:10px; line-height:1.5; margin-top:5px; }
.mm-directory-status { display:inline-flex; align-items:center; gap:6px; font-size:10px; color:var(--muted); }
.mm-directory-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; }
.mm-directory-status.ready { color:var(--agent-green); }
.mm-directory-status.working { color:var(--accent-ink); }
@keyframes mm-agent-working { 0%, 100% { opacity:1; } 50% { opacity:.6; } }
@media (prefers-reduced-motion: no-preference) {
 .mm-directory-status.working, .mm-person-state.working { animation:mm-agent-working 2.8s ease-in-out infinite; }
}
.mm-directory-status.offline .mm-directory-dot, .mm-directory-status.unknown .mm-directory-dot { background:none; border:1px solid currentColor; }
.mm-agent-menu-button { display:inline-flex; align-items:center; justify-content:center; width:30px; min-height:32px; padding:0; background:none; border:0; border-radius:5px; color:var(--muted); cursor:pointer; font-size:20px; }
.mm-agent-menu-button:hover { background:var(--panel-2); color:var(--text); }
.mm-agent-usage { display:block; width:100%; max-width:170px; padding:5px 0; background:none; border:0; color:var(--text); font:inherit; text-align:left; cursor:pointer; }
.mm-agent-usage strong { display:block; font-size:11px; font-weight:550; }
.mm-agent-usage small { display:block; font-size:9px; color:var(--muted); margin-top:4px; }
.mm-agent-usage-track { display:block; height:3px; width:90px; background:var(--border); border-radius:3px; overflow:hidden; margin-top:7px; }
:where(.mm-agent-usage,.mm-acct-row.remaining,.mm-energy-colors) { --energy-green:#24825a; --energy-yellow:#9a7600; --energy-orange:#bc570e; --energy-red:#c33342; --energy-tone:var(--muted); }
:root:not([data-theme="light"]) :is(.mm-agent-usage,.mm-acct-row.remaining,.mm-energy-colors) { --energy-green:#79d0a4; --energy-yellow:#e3c653; --energy-orange:#ee9852; --energy-red:#ef7680; }
[data-energy-level="high"] { --energy-tone:var(--energy-green); }
[data-energy-level="moderate"] { --energy-tone:var(--energy-yellow); }
[data-energy-level="low"] { --energy-tone:var(--energy-orange); }
[data-energy-level="critical"] { --energy-tone:var(--energy-red); }
.mm-agent-usage-track > span { display:block; height:100%; background:var(--energy-tone); }
.mm-acct-row.remaining .mm-acct-bar-fill { background:var(--energy-tone); }
.mm-agent-usage[data-energy-level="critical"] strong, .mm-acct-row.remaining[data-energy-level="critical"] .mm-acct-pct { color:var(--energy-tone); }
.mm-agent-usage-warning { color:var(--warn) !important; }
.mm-agent-usage-pop { width:340px; }
.mm-agent-usage-body { padding:12px; font-size:12px; }
.mm-agent-usage-body h3 { margin:0 0 8px; font-size:16px; }
.mm-agent-usage-body .mm-acct-line { flex-wrap:wrap; }
.mm-agent-usage-body .mm-acct-label { white-space:normal; }
.mm-agent-usage-body .mm-acct-row { margin-top:16px; }
.mm-agent-actions-pop { min-width:210px; display:flex; flex-direction:column; align-items:stretch; }
.mm-agent-actions-pop > .btn { justify-content:flex-start; text-align:left; border:0; padding:8px 10px; margin:0; }
.mm-agent-actions-pop .mm-directory-note { max-width:220px; padding:0 10px; }
.mm-directory-roster-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0; color:var(--muted); font-size:10px; }
.mm-directory-roster-footer .btn { color:var(--muted); font-size:11px; }
.mm-directory-empty { padding:45px 20px; text-align:center; color:var(--muted); font-size:12px; }
.mm-directory-empty strong { color:var(--text); font-size:16px; }
.mm-directory-empty p { margin:12px 0; }
.mm-directory-approvals:empty { display:none; }
.mm-directory-approvals { margin-bottom:20px; }
.mm-directory-approvals .mm-agent-approvals { border:1px solid var(--border); border-radius:9px; background:var(--panel); }
.mm-directory-note { color:var(--muted); font-size:11px; line-height:1.65; overflow-wrap:anywhere; }
.mm-directory-eyebrow { color:var(--muted); font-size:9px; letter-spacing:1px; }
.mm-agent-profile-modal .modal-card { position:relative; max-height:calc(100dvh - 48px); overflow:hidden; display:flex; flex-direction:column; }
.mm-agent-profile-modal .modal-head { position:absolute; top:20px; right:18px; z-index:1; padding:0; border:0; }
.mm-agent-profile-modal .modal-head h3 { display:none; }
.mm-agent-profile { min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.mm-profile-top { padding:24px 26px 0; flex:none; }
.mm-profile-person { display:grid; grid-template-columns:60px minmax(0,1fr) auto 28px; align-items:start; gap:8px 14px; padding-right:28px; }
.mm-profile-identity { min-width:0; }
.mm-profile-person .avatar { grid-column:1; grid-row:1 / 3; border-radius:12px; }
.mm-profile-person > .mm-directory-status { margin:5px 0 0; white-space:nowrap; }
.mm-profile-person > .mm-agent-menu-button { margin-top:-3px; }
.mm-profile-name { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mm-profile-name h2 { font-size:22px; line-height:1.25; letter-spacing:-.5px; overflow-wrap:anywhere; }
.mm-agent-ownership { display:inline-block; font-size:9px; color:var(--agent-amber); background:color-mix(in srgb,var(--agent-amber) 10%,transparent); padding:4px 6px; border-radius:4px; white-space:nowrap; }
.mm-agent-ownership.own { color:var(--muted); background:var(--panel-2); }
.mm-profile-person p { margin:5px 0 0; color:var(--muted); font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
.mm-profile-person .mm-profile-role { font-size:12px; }
.mm-profile-runtime { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--border); margin-top:16px; padding:12px 0; font-size:11px; }
.mm-agent-engine { display:grid; gap:3px; min-width:0; overflow-wrap:anywhere; line-height:1.5; }
.mm-agent-engine > span { font-size:10px; color:var(--muted); }
.mm-agent-engine > strong { font-size:12px; font-weight:550; }
.mm-agent-engine > small { font-size:10px; color:var(--muted); }
.mm-person-content > .mm-agent-engine { margin-top:17px; }
.mm-profile-runtime .mm-agent-usage { width:auto; flex:none; }
.mm-profile-tabs { flex:none; padding:0 26px; border-bottom:1px solid var(--border); overflow-x:auto; }
.mm-profile-content { padding:22px 26px 26px; min-height:260px; overflow-y:auto; }
.mm-profile-description { margin:0 0 20px; color:var(--muted); font-size:12px; line-height:1.65; }
.mm-profile-work { padding:16px; border:1px solid var(--border); border-radius:8px; }
.mm-profile-work strong { display:block; margin-top:9px; font-size:13px; line-height:1.5; }
.mm-profile-task { display:block; color:var(--accent-ink); font-size:11px; margin-top:8px; }
.mm-profile-actions { display:flex; gap:10px; margin:18px 0; }
.mm-profile-actions .btn { padding:9px 12px; }
.mm-profile-permission { padding:16px 0; border-bottom:1px solid var(--border); font-size:12px; }
.mm-profile-knowledge-source { display:block; position:relative; padding:4px 24px 16px 0; margin-bottom:16px; border-bottom:1px solid var(--border); color:var(--text); text-decoration:none; font-size:12px; }
.mm-profile-knowledge-source span { display:block; margin-top:5px; font-size:11px; color:var(--muted); }
.mm-profile-knowledge-source::after { content:"›"; position:absolute; right:0; top:6px; color:var(--muted); font-size:20px; }
.mm-profile-knowledge-source:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.mm-profile-memory-access { margin:0; }
.mm-directory-event { display:flex; gap:10px; align-items:flex-start; padding:14px 0; border-bottom:1px solid var(--border); font-size:11px; line-height:1.65; }
.mm-directory-event svg { color:var(--accent); margin-top:3px; flex:none; }
.mm-directory-event > div { flex:1; min-width:0; overflow-wrap:anywhere; }
.mm-directory-event a { display:block; color:var(--muted); }
.mm-directory-event time { color:var(--muted); font-size:9px; }
.mm-directory-via { color:var(--muted); }
.mm-agent-settings-form { padding:0; gap:0; }
.mm-agent-wizard-modal .mm-agent-settings-form { width:100%; box-sizing:border-box; padding:0; overflow:hidden; min-height:0; display:flex; flex-direction:column; }
.mm-agent-settings-form > .mm-agent-settings-scroll { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:20px 26px 24px; }
.mm-agent-wizard-modal .modal-card { display:flex; flex-direction:column; max-height:calc(100dvh - 48px); }
.mm-agent-screen-nav { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.mm-agent-screen-nav:has(> [hidden]):not(:has(> :not([hidden]):not(:empty))) { display:none; }
.mm-agent-screen-nav .btn { padding-left:0; font-size:11px; color:var(--muted); }
.mm-agent-screen-title { margin:0 0 18px; font-size:17px; font-weight:600; outline:none; }
.mm-agent-settings-hub { display:flex; flex-direction:column; }
.mm-agent-setting-row { position:relative; display:block; width:100%; padding:15px 32px 15px 0; text-align:left; background:none; border:0; border-bottom:1px solid var(--border); color:var(--text); cursor:pointer; }
.mm-agent-setting-row:hover { background:var(--panel-2); }
.mm-agent-setting-row strong { display:block; font-size:12px; font-weight:550; }
.mm-agent-setting-row span { display:block; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.5; }
.mm-agent-setting-row b { position:absolute; right:8px; top:20px; font-size:19px; font-weight:400; color:var(--muted); }
.mm-agent-field { margin-bottom:18px; }
.mm-agent-field .modal-label { display:block; margin-bottom:7px; }
.mm-agent-field .mm-set-hint { margin-top:7px; }
.mm-agent-settings-form .mm-agents-context { width:100%; min-height:92px; }
.mm-agent-settings-form details { margin:14px 0; }
.mm-agent-settings-form summary { cursor:pointer; font-size:11px; color:var(--muted); padding:5px 0; }
.mm-agent-settings-form details[open] > summary { margin-bottom:10px; }
.mm-agent-settings-form .mm-agents-perms { display:block; }
.mm-agent-settings-form .mm-agents-side { border:0; padding:0; background:none; }
.mm-agent-settings-form .mm-agents-side-title { display:none; }
.mm-agent-settings-form .mm-agents-check { padding:7px 0; font-size:12px; }
.mm-agent-settings-form .mm-agents-toggle { margin:14px 0 10px; }
.mm-agent-settings-form .modal-actions { margin-top:22px; padding-top:14px; border-top:1px solid var(--border); flex-wrap:wrap; }
.mm-agent-settings-form [hidden] { display:none !important; }
.mm-agent-setting-folders { margin:15px 0; }
.mm-agents-folder { display:grid; gap:7px; overflow-wrap:anywhere; }
.mm-agents-folder-name { font-size:12px; font-weight:550; }
.mm-agents-folder-actions { display:flex; gap:7px; }
.mm-agents-accounts { font-size:11px; line-height:1.6; color:var(--muted); }
.mm-persona-choices { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0; max-height:310px; overflow-y:auto; }
.mm-persona-loading { grid-column:1 / -1; padding:12px 0; }
.mm-persona-choice { display:block; text-align:left; padding:14px; border:1px solid var(--border); border-radius:8px; color:var(--text); background:var(--panel); cursor:pointer; }
.mm-persona-choice[aria-pressed="true"] { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 6%,var(--panel)); }
.mm-persona-choice strong { display:block; font-size:12px; margin-bottom:6px; }
.mm-persona-choice span { display:block; font-size:11px; line-height:1.5; color:var(--muted); }
.mm-agent-guide { font-size:12px; line-height:1.7; }
.mm-agent-guide h4 { margin:20px 0 5px; }
@media(max-width:900px) {
 .mm-agent-directory { padding:24px 20px; }
 .mm-directory-table .mm-agent-col-0 { width:25%; }
 .mm-directory-table .mm-agent-col-1 { width:22%; }
 .mm-directory-table .mm-agent-col-2 { width:24%; }
 .mm-directory-table .mm-agent-col-3 { width:24%; }
 .mm-directory-table .mm-agent-col-4 { width:5%; }
 .mm-agents-row > td { padding:16px 8px; }
}
@media(max-width:650px) {
 .mm-agent-directory { padding:22px 16px; }
 .mm-directory-toolbar { flex-wrap:wrap; gap:0; padding-bottom:10px; }
 .mm-directory-tabs { display:grid; grid-template-columns:1fr 1fr; width:100%; gap:0 18px; overflow:visible; }
 .mm-directory-tabs button { padding:14px 0; }
 .mm-directory-tools { width:100%; }
 .mm-directory-search { flex:1; }
 .mm-directory-search input { width:100%; }
 .mm-directory-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .mm-directory-table, .mm-directory-grid { display:block; }
 .mm-directory-table .mm-agents-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr) 28px; gap:10px 12px; padding:18px 0; border-bottom:1px solid var(--border); }
 .mm-directory-table .mm-agents-row > td { width:auto; padding:0; border:0; }
 .mm-agent-col-0 { grid-column:1 / 3; grid-row:1; }
 .mm-agent-col-1 { grid-column:1; grid-row:2; }
 .mm-agent-col-2 { grid-column:1; grid-row:3; }
 .mm-agent-col-3 { grid-column:2; grid-row:2 / 4; align-self:center; }
 .mm-agent-col-4 { grid-column:3; grid-row:1; }
 .mm-agent-profile-modal .modal-head { top:16px; right:12px; }
 .mm-profile-top { padding:20px 18px 0; }
 .mm-profile-person { grid-template-columns:52px minmax(0,1fr) 28px; gap:7px 12px; }
 .mm-profile-person .avatar { width:52px !important; height:52px !important; }
 .mm-profile-person > .mm-directory-status { grid-column:2; grid-row:2; margin:0; }
 .mm-profile-person > .mm-agent-menu-button { grid-column:3; grid-row:1; }
 .mm-profile-name h2 { font-size:19px; }
 .mm-profile-tabs { padding:0 18px; gap:20px; }
 .mm-profile-content { padding:20px 18px; }
 .mm-profile-runtime { align-items:flex-start; }
 .mm-profile-runtime > .mm-agent-engine { max-width:52%; }
 .mm-agent-profile-modal .modal-card, .mm-agent-wizard-modal .modal-card { max-height:calc(100dvh - 24px); }
 .mm-agent-settings-form > .mm-agent-settings-scroll { padding:18px; }
 .mm-persona-choices { grid-template-columns:1fr; max-height:280px; }
 .mm-agent-usage-pop { max-width:calc(100vw - 24px); }
}
.mm-agent-profile-modal { padding:24px 12px; align-items:center; }
/* Wizards open top-aligned like every other dialog, at a fixed height
   (mm-dlg-wizard in agentsboard.css), so a step change never re-centres them. */
.mm-agent-wizard-modal { padding:max(24px, 10vh) 12px 12px; align-items:flex-start; }
.mm-directory-table .mm-agents-row { padding:0; border:0; border-radius:0; }
.mm-directory-status.needs-you { color:var(--agent-amber); }
.mm-agent-attention { padding:12px 14px; border:1px solid color-mix(in srgb,var(--agent-amber) 35%,var(--border)); border-radius:8px; margin-top:16px; font-size:12px; }
.mm-agent-attention p { margin:0 0 10px; color:var(--agent-amber); }
@media(max-width:650px) { .mm-directory-table .mm-agents-row { padding:18px 0; border-bottom:1px solid var(--border); } .mm-agent-profile-modal, .mm-agent-wizard-modal { padding:12px; } }

/* Explicit machine-local fallback order, edited with the agent's Save. */
.mm-agents-fallbacks { display: grid; gap: 10px; margin: 16px 0; }
.mm-agents-fallback { border: 1px solid var(--border); border-radius: 8px; padding: 10px; }
.mm-agents-fallback-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.mm-agents-fallback-head > select { flex: 1; min-width: 180px; }
.mm-agents-fallback-actions { display: flex; gap: 4px; }

/* Main and backup accounts are visible equipment slots, not nested settings. */
.mm-ai-intro { color:var(--muted); font-size:14px; line-height:1.6; margin:0 0 20px; }
.mm-ai-loadout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.mm-ai-slot { min-width:0; border:1px solid var(--border); border-radius:12px; padding:22px; background:var(--panel); }
.mm-ai-slot-heading { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.mm-ai-slot-heading h3 { margin:0; font-size:18px; font-weight:600; letter-spacing:-.3px; }
.mm-ai-slot-number { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--border); border-radius:6px; color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
.mm-ai-slot > .mm-set-hint { min-height:28px; margin:0 0 14px; line-height:1.6; }
.mm-ai-slot .modal-input { min-height:42px; font-size:13px; }
.mm-ai-slot .modal-label { font-size:11px; color:var(--muted); }
.mm-ai-slot > .mm-ai-engine + .mm-agent-field { margin-top:14px; margin-bottom:0; }
.mm-ai-slot.mm-agents-fallbacks { display:block; margin:0; }
.mm-ai-slot > select { margin-bottom:20px; }
.mm-ai-slot .mm-agents-fallback { padding:0; border:0; margin-bottom:20px; }
.mm-ai-slot .mm-agents-fallback + .mm-agents-fallback { border-top:1px solid var(--border); padding-top:20px; }
.mm-ai-engine { display:inline-block; padding:5px 8px; font-size:10px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; border-radius:4px; color:var(--text); background:var(--panel-2); }
.mm-ai-engine[data-engine="codex"] { color:#3667ba; background:#3667ba14; }
.mm-ai-engine[data-engine="claude-agent"] { color:#8a610e; background:#a0771c17; }
:root:not([data-theme="light"]) .mm-ai-engine[data-engine="codex"] { color:#91b6ff; background:#729eff20; }
:root:not([data-theme="light"]) .mm-ai-engine[data-engine="claude-agent"] { color:#f0c76a; background:#c7972e20; }
.mm-ai-account-name { display:block; font-size:17px; font-weight:600; margin-top:12px; overflow-wrap:anywhere; }
.mm-ai-slot .mm-acct-meters { margin-top:10px; }
.mm-ai-capacity-label { margin-top:18px; color:var(--muted); font-size:10px; letter-spacing:.4px; text-transform:uppercase; }
.mm-ai-slot .mm-acct-line { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.mm-ai-slot .mm-acct-label { flex:1; white-space:normal; font-size:11px; }
.mm-ai-slot .mm-acct-pct { font-size:12px; font-variant-numeric:tabular-nums; }
.mm-ai-slot .mm-acct-bar { order:3; flex-basis:100%; height:5px; }
.mm-ai-slot .mm-acct-row + .mm-acct-row { margin-top:16px; }
.mm-ai-slot .mm-acct-reset { font-size:10px; line-height:1.5; margin-top:6px; color:var(--muted); }
.mm-ai-slot .mm-acct-empty { font-size:12px; color:var(--muted); line-height:1.6; }
.mm-ai-empty { display:grid; gap:9px; min-height:126px; align-content:center; border:1px dashed var(--border); border-radius:8px; padding:18px; margin-bottom:18px; }
.mm-ai-empty strong { font-size:14px; font-weight:550; }
.mm-ai-empty span { font-size:12px; color:var(--muted); line-height:1.6; }
.mm-ai-save-hint { margin:18px 0 8px; color:var(--muted); font-size:12px; line-height:1.6; }
.mm-ai-slot .mm-agents-fallback-actions { justify-content:flex-end; margin-top:12px; }
.mm-ai-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
@media(max-width:600px) {
 .mm-ai-loadout { grid-template-columns:minmax(0,1fr); }
 .mm-ai-slot { padding:18px; }
 .mm-ai-slot > .mm-set-hint { min-height:0; }
 .mm-ai-options { grid-template-columns:minmax(0,1fr); gap:0; }
}

/* Type-first team creation, with optional member and setup editors. */
.mm-team-wizard { padding:20px 26px 24px; overflow-y:auto; }
.mm-team-body { display:grid; gap:16px; margin:18px 0; }
.mm-web-team-form { display:grid; gap:16px; }
.mm-web-team-form p { margin:0; }
.mm-web-team-form p:empty { display:none; }
.mm-web-team-members { display:grid; gap:8px; }
.mm-directory-status.sleeping { color:var(--accent); }
.mm-directory-status.vacation { color:var(--agent-amber); }
.mm-team-field { display:grid; gap:7px; min-width:0; }
.mm-team-field input,.mm-team-field textarea,.mm-team-field select { width:100%; min-width:0; box-sizing:border-box; font:inherit; }
.mm-team-columns { display:grid; grid-template-columns:1fr 120px; gap:16px; }
.mm-team-lineup,.mm-team-review-list { list-style:none; margin:0; padding:0; }
.mm-team-member { border-bottom:1px solid var(--border); }
.mm-team-lineup-row { display:flex; align-items:center; gap:13px; width:100%; background:none; border:0; padding:14px 0; text-align:left; color:inherit; cursor:pointer; }
.mm-team-lineup-row>span:nth-child(2) { flex:1; display:grid; gap:4px; }
.mm-team-lineup-row small { color:var(--muted); }
.mm-team-position { color:var(--muted); font-variant-numeric:tabular-nums; width:18px; }
.mm-team-row-editor { display:grid; gap:12px; padding:4px 0 18px 31px; }
.mm-team-row-actions,.mm-team-folder { display:flex; gap:8px; align-items:center; }
.mm-team-folder select { flex:1; }
.mm-team-status,.mm-team-progress { font-size:13px; line-height:1.5; }
.mm-team-error { color:var(--danger,#b7433b); font-size:13px; }
.mm-team-review>strong { font-size:21px; }
.mm-team-review p { white-space:pre-wrap; line-height:1.6; }
.mm-team-review-list li { padding:10px 0; border-bottom:1px solid var(--border); }
.mm-team-chips { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
.mm-team-chip { display:inline-flex; border:1px solid var(--border); border-radius:5px; overflow:hidden; }
.mm-team-chip button { background:none; border:0; color:inherit; font:inherit; font-size:12px; padding:7px 9px; cursor:pointer; }
.mm-team-chip button + button { border-left:1px solid var(--border); color:var(--accent); }
.mm-team-chip [aria-pressed=true] { background:var(--surface-hover,rgba(120,120,120,.12)); font-weight:600; }
.mm-team-details { padding:0 26px 24px; }
.mm-directory-status.needs-setup { color:var(--muted); }
@media(max-width:520px) { .mm-team-wizard { padding:16px; } .mm-team-columns { grid-template-columns:1fr; } .mm-team-row-editor { padding-left:0; } .mm-team-row-actions { flex-wrap:wrap; } }

.mm-directory-heading > .btn.ghost { margin-left:8px; }
.mm-transfer-body { margin:0; }
.mm-team-check { display:flex; align-items:flex-start; gap:8px; }
.mm-team-check input { margin-top:3px; flex-shrink:0; }

.mm-transfer-heading-actions { display:flex; gap:8px; align-items:center; }
.mm-transfer-body { gap:14px; align-content:start; }
.mm-transfer-body > p, .mm-transfer-body > h3 { margin:0; }
.mm-transfer-body .mm-team-status:empty { display:none; }
.mm-transfer-body .modal-actions { margin-top:8px; }

/* Agent pages keep the directory mounted behind an explicit return. */
.mm-agent-directory [hidden], .mm-agent-profile [hidden] { display:none !important; }
.mm-directory-profile-host { max-width:1040px; margin:0 auto; }
.mm-agent-profile { overflow:visible; }
.mm-agent-profile.is-settings { max-width:720px; margin:0 auto; }
.mm-agent-profile > .btn { align-self:flex-start; margin-bottom:20px; }
.mm-profile-top { padding:0; }
.mm-profile-person { grid-template-columns:60px minmax(0,1fr) auto; padding:0; align-items:center; }
.mm-profile-identity h1 { font-size:27px; line-height:1.25; font-weight:650; letter-spacing:-.6px; overflow-wrap:anywhere; }
.mm-profile-actions { margin:12px 0 24px; align-items:center; }
.mm-profile-actions > .mm-agent-menu-button { margin-left:auto; }
.mm-profile-tabs { padding:0; }
.mm-profile-content { padding:28px 0; overflow:visible; }
.mm-profile-content > section { min-width:0; }
.mm-profile-content h2 { font-size:20px; margin:0 0 22px; }
.mm-agent-settings-form { max-width:720px; margin:0 auto; }
.mm-settings-tabs { margin:0 0 28px; }
.mm-agent-settings-form .mm-agents-panel { padding:0; }
.mm-agent-settings-form .modal-input, .mm-agent-settings-form textarea { width:100%; max-width:100%; }
.mm-agent-simple-toggle { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 0; border-bottom:1px solid var(--border); margin-bottom:18px; }
.mm-agent-simple-toggle > span { display:grid; gap:7px; }
.mm-agent-simple-toggle strong { font-size:14px; font-weight:550; }
.mm-agent-simple-toggle small { color:var(--muted); font-size:12px; line-height:1.5; }
.mm-agent-simple-toggle > label { display:flex; flex:1; align-items:center; justify-content:space-between; gap:18px; }
.mm-agent-simple-toggle input[type="checkbox"] { appearance:none; -webkit-appearance:none; width:36px; height:22px; flex:none; border:1px solid var(--border); border-radius:20px; background:var(--panel-2); cursor:pointer; position:relative; margin:0; }
.mm-agent-simple-toggle input[type="checkbox"]::after { content:""; width:14px; height:14px; border-radius:50%; background:var(--muted); position:absolute; top:3px; left:3px; }
.mm-agent-simple-toggle input[type="checkbox"]:checked { background:var(--accent); border-color:var(--accent); }
.mm-agent-simple-toggle input[type="checkbox"]:checked::after { left:17px; background:white; }
.mm-agent-simple-toggle input[type="checkbox"]:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.mm-agent-simple-toggle input[type="checkbox"]:disabled { opacity:.6; cursor:default; }
.mm-agent-settings-form > .modal-actions { flex:none; position:static; margin:0; background:var(--bg); padding:16px 26px; border-top:1px solid var(--border); }
.mm-agent-actions-pop > button { display:flex; width:100%; text-align:left; color:var(--text); background:transparent; min-height:34px; }
@media(max-width:650px) {
 .mm-profile-person { grid-template-columns:52px minmax(0,1fr); }
 .mm-profile-person > span:last-child { grid-column:2; }
 .mm-profile-identity h1 { font-size:23px; }
 .mm-profile-actions { flex-wrap:wrap; gap:8px; }
 .mm-profile-tabs { gap:18px; }
 .mm-agent-simple-toggle { gap:10px; }
 .mm-agent-simple-toggle strong { font-size:13px; }
}
.mm-agent-team-page { width:100%; max-width:760px; margin:0 auto; }
.mm-team-management-actions { margin:0 0 24px; flex-wrap:wrap; }
.mm-team-rules-details { margin:24px 0; }
.mm-team-rules-details > summary { color:var(--muted); cursor:pointer; }
.mm-team-rules-details > summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.mm-team-focus { margin:24px 0; padding:20px; border:1px solid var(--border); border-radius:10px; background:var(--panel); color:var(--text); font-size:14px; line-height:1.55; min-width:0; overflow-wrap:anywhere; }
.mm-agent-team-page .mm-team-focus h2 { margin:0 0 12px; }
.mm-team-focus h3 { font-size:14px; margin:20px 0 8px; }
.mm-team-focus p { margin:8px 0; }
.mm-team-focus a { color:var(--text); text-decoration:underline; text-underline-offset:3px; }
.mm-team-focus-title { font-size:18px; font-weight:650; }
.mm-team-focus-meta { font-size:12px; color:var(--muted); }
.mm-team-focus-recommendation,.mm-team-focus-prompt,.mm-team-focus-warning { margin:16px 0; padding:12px; border-left:3px solid var(--accent); background:var(--surface-hover,rgba(120,120,120,.12)); }
.mm-team-focus-recommendation h3 { margin-top:0; }
.mm-team-focus ul { padding-left:20px; }
.mm-team-focus-item { padding:10px 0; border-bottom:1px solid var(--border); }
.mm-team-focus-item p { font-size:13px; margin:5px 0; }
.mm-team-focus-list,.mm-team-focus-editor { border-top:1px solid var(--border); margin-top:16px; padding-top:8px; }
.mm-team-focus :is(input,select,textarea) { box-sizing:border-box; width:100%; min-width:0; }
.mm-team-focus button { margin:4px 8px 4px 0; white-space:normal; }
.mm-team-focus-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.mm-team-focus-dependency { border:1px solid var(--border); padding:12px; margin:12px 0; min-width:0; }
.mm-team-focus :is(button,input,select,textarea,a,summary):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:520px) { .mm-team-focus { padding:16px; } }
.mm-agent-team-page h1 { font-size:27px; margin:24px 0; }
.mm-agent-team-page h2 { font-size:18px; margin:28px 0 16px; }
.mm-agent-team-page .mm-team-field { margin:20px 0; font-size:13px; }
.mm-team-person { padding:18px 0; border-bottom:1px solid var(--border); display:grid; gap:8px; }
.mm-team-person > .btn { padding-left:0; justify-self:start; font-weight:600; }
.mm-team-person .mm-team-row-actions { margin-top:8px; flex-wrap:wrap; }
.mm-agent-team-page textarea { min-height:96px; }
.mm-team-person-head { display:flex; align-items:center; gap:12px; min-width:0; }
.mm-team-person-identity { display:grid; gap:3px; flex:1; min-width:0; }
.mm-team-person-identity .btn { justify-self:start; padding:0; border:0; border-radius:0; min-height:0; background:transparent; font-size:16px; font-weight:600; max-width:100%; overflow-wrap:anywhere; text-align:left; }
.mm-team-person-identity > span { font-size:13px; color:var(--muted); }
.mm-team-existing-list { margin:16px 0; display:grid; gap:8px; }
.mm-team-existing-row { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid var(--border); border-radius:8px; cursor:pointer; }
.mm-team-existing-row > span:last-child { display:grid; gap:3px; }
.mm-team-existing-row small { color:var(--muted); }
.mm-avatar-gallery { display:grid; grid-template-columns:repeat(auto-fill, minmax(58px, 1fr)); gap:8px; margin-top:12px; }
.mm-avatar-gallery[hidden] { display:none; }
.mm-avatar-choice { padding:5px; border:2px solid transparent; border-radius:10px; background:transparent; cursor:pointer; }
.mm-avatar-choice[aria-pressed=true], .mm-avatar-choice:focus-visible { border-color:var(--accent); outline-offset:2px; }

.mm-agent-discard { z-index: 1300; }

/* Per-member runtime drafts stay separate from the shared convenience choice. */
.mm-team-runtime { min-width:0; margin:20px 0; padding:16px; border:1px solid var(--border); border-radius:8px; }
.mm-team-runtime legend { padding:0 6px; font-weight:650; }
.mm-team-runtime .mm-team-field { display:block; margin:12px 0; }
.mm-team-runtime .modal-input { box-sizing:border-box; width:100%; min-width:0; }
.mm-team-advanced { margin:14px 0; }
.mm-team-advanced summary { cursor:pointer; padding:8px 0; }
.mm-team-shared { display:flex; align-items:flex-start; gap:9px; margin:16px 0; }
.mm-team-shared input { flex:none; margin-top:3px; }
.mm-team-review-member { margin:14px 0; padding:14px; border:1px solid var(--border); border-radius:8px; overflow-wrap:anywhere; }
.mm-team-runtime .mm-set-hint { overflow-wrap:anywhere; }
@media(max-width:520px) { .mm-team-runtime { padding:12px; } .mm-team-folder { flex-wrap:wrap; } .mm-team-folder select { min-width:0; max-width:100%; } }

/* A suggested lineup stays readable without opening the optional editor. */
.mm-team-suggested-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mm-team-suggested-heading strong { font-size:13px; font-weight:600; }
.mm-team-suggested ul { list-style:none; margin:8px 0 0; padding:0; }
.mm-team-suggested li,.mm-team-created li { display:flex; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid var(--border); font-size:14px; overflow-wrap:anywhere; }
.mm-team-suggested-person,.mm-team-created li>span:last-child { display:grid; gap:3px; min-width:0; }
.mm-team-suggested-person strong,.mm-team-created strong { font-weight:550; }
.mm-team-created { list-style:none; margin:0; padding:0; }
.mm-team-types { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.mm-team-type { padding:17px 8px; border:1px solid var(--border); border-radius:8px; background:var(--panel); color:var(--text); font:inherit; font-weight:550; cursor:pointer; }
.mm-team-type[aria-pressed="true"] { background:color-mix(in srgb,var(--accent) 15%,var(--panel)); border-color:var(--accent); }
.mm-team-defaults { display:flex; gap:14px; align-items:center; justify-content:space-between; }
.mm-team-defaults .btn { flex-shrink:0; }
@media(max-width:520px) { .mm-team-types { grid-template-columns:1fr 1fr; } .mm-team-suggested-heading,.mm-team-defaults { flex-wrap:wrap; } .mm-team-wizard { padding:18px; } }
.mm-team-optional { border-top:1px solid var(--border); padding-top:12px; min-width:0; }
.mm-team-optional > summary { cursor:pointer; color:var(--muted); font-size:13px; padding:4px 0; }
.mm-team-optional > summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.mm-team-optional[open] > summary { margin-bottom:14px; }
.mm-team-optional > .mm-team-field + .mm-team-field { margin-top:16px; }
.mm-team-shared-controls { display:grid; gap:18px; }
.mm-team-wizard .mm-team-status:empty { display:none; }

/* Team rules show saved server routing, never runtime permission readiness. */
.mm-team-rules { margin:24px 0; padding:20px; border:1px solid var(--border); border-radius:10px; background:var(--panel); color:var(--text); font-size:14px; line-height:1.55; overflow-wrap:anywhere; min-width:0; }
.mm-agent-team-page .mm-team-rules h2 { margin:0 0 12px; }
.mm-team-rules h3 { font-size:14px; margin:20px 0 8px; }
.mm-team-rules p { margin:8px 0; }
.mm-team-rules ul,.mm-team-rules ol { padding-left:22px; }
.mm-team-rules li { margin:8px 0; }
.mm-team-rules-warning { border-left:3px solid var(--text); padding:8px 12px; background:var(--surface-hover,rgba(120,120,120,.12)); font-weight:650; }
.mm-team-rules-status { font-weight:650; }
.mm-team-rules-assignments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:18px 0; }
.mm-team-rules dt { font-size:12px; }
.mm-team-rules dd { margin:3px 0 0; font-weight:600; }
.mm-team-rules details { margin-top:16px; border-top:1px solid var(--border); padding-top:12px; }
.mm-team-rules summary { cursor:pointer; font-weight:600; }
.mm-team-rules :is(summary,button,select,h2):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.mm-team-rules-sources { list-style:none; padding-left:0 !important; }
.mm-team-rules-sources li { display:grid; gap:2px; padding:8px 0; border-bottom:1px solid var(--border); }
.mm-team-rules-version { font-size:12px; }
.mm-team-rules-adoption { border-top:1px solid var(--border); padding-top:12px; }
.mm-team-rules-edit { border-top:1px solid var(--border); margin-top:16px; padding-top:8px; }
@media(max-width:520px) { .mm-team-rules { padding:16px; } .mm-team-rules-assignments { grid-template-columns:1fr; gap:10px; } }