#ai-employees{--ai-accent:var(--primary,#0066cc);color:var(--ink,#1d1d1f)}
.ai-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}
.ai-header h1{margin:5px 0 10px}.ai-kicker{font-size:12px;color:var(--ink-tertiary,#86868b)}
.ai-description{font-size:14px;color:var(--ink-subtle,#515154);max-width:660px;margin:0;line-height:1.7}
.ai-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ai-button{border:1px solid var(--hairline,#d2d2d7);background:var(--canvas,#fff);color:var(--ink,#1d1d1f);padding:9px 14px;border-radius:9px;cursor:pointer;font-size:12px;white-space:nowrap}
.ai-button.primary{background:var(--ai-accent);color:#fff;border-color:var(--ai-accent)}.ai-button:disabled{opacity:.45;cursor:not-allowed}.ai-button:hover:not(:disabled){filter:brightness(.97)}
.ai-connection{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid var(--hairline,#e5e5ea);border-radius:12px;background:var(--surface-2,#f5f5f7);margin:0 0 24px;font-size:12px}.ai-connection span{flex:1;color:var(--ink-subtle,#515154)}.ai-connection b{font-weight:600;color:var(--ink,#1d1d1f)}
.ai-dot{width:8px;height:8px;border-radius:50%;background:#b9bcc2;flex:none}.ai-dot.ready{background:#248a3d}
.ai-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 13px}.ai-section-title h2{font-size:18px;margin:0;font-weight:600}.ai-section-title small{color:var(--ink-tertiary,#86868b);font-size:11px}
.ai-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ai-employee{background:var(--canvas,#fff);border:1px solid var(--hairline,#e5e5ea);border-radius:16px;padding:22px;min-width:0;display:flex;flex-direction:column}
.ai-employee-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.ai-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2,#f5f5f7);font-size:18px;font-weight:600;color:var(--ai-accent)}
.ai-employee h3{margin:15px 0 8px;font-size:17px;font-weight:600}.ai-employee p{margin:0 0 18px;color:var(--ink-subtle,#515154);font-size:12px;line-height:1.8;flex:1}.ai-employee-meta{font-size:11px;color:var(--ink-tertiary,#86868b);padding:12px 0;border-top:1px solid var(--hairline,#e5e5ea);margin-bottom:4px;display:flex;justify-content:space-between;gap:8px}
.ai-badge{font-size:10px;border-radius:6px;padding:4px 7px;color:#667085;background:#f2f4f7;white-space:nowrap}.ai-badge.running{color:#0066cc;background:#eaf3ff}.ai-badge.needs_review{color:#805b13;background:#fff7e5}.ai-badge.reviewed{color:#267c3d;background:#edf8ef}.ai-badge.failed,.ai-badge.interrupted{color:#a52a23;background:#fff0ef}
.ai-runs{border:1px solid var(--hairline,#e5e5ea);border-radius:14px;overflow:hidden;background:var(--canvas,#fff)}
.ai-run{display:grid;grid-template-columns:minmax(0,1fr) 150px 125px 90px;gap:15px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--hairline,#e5e5ea);cursor:pointer}.ai-run:last-child{border-bottom:0}.ai-run:hover{background:var(--surface-2,#f5f5f7)}.ai-run strong{font-size:13px;font-weight:600}.ai-run p{font-size:11px;color:var(--ink-tertiary,#86868b);margin:4px 0 0}.ai-run>span{font-size:12px;color:var(--ink-subtle,#515154)}
.ai-empty{padding:33px 24px;display:flex;gap:20px;align-items:center}.ai-empty-mark{font-size:25px;color:var(--ai-accent);flex:none}.ai-empty h3{font-size:14px;margin:0 0 6px;font-weight:600}.ai-empty p{font-size:12px;color:var(--ink-tertiary,#86868b);line-height:1.7;margin:0;max-width:550px}.ai-empty .ai-button{margin-left:auto}
.ai-modal{width:min(710px,calc(100vw - 28px));max-height:calc(100dvh - 48px);border:1px solid var(--hairline,#e5e5ea);border-radius:18px;padding:0;background:var(--canvas,#fff);color:var(--ink,#1d1d1f);box-shadow:0 20px 70px #0002}.ai-modal::backdrop{background:#0004;backdrop-filter:blur(3px)}
.ai-modal-head{padding:22px 24px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--hairline,#e5e5ea);gap:15px}.ai-modal-head h2{font-size:20px;margin:0}.ai-modal-head p{margin:6px 0 0;font-size:12px;color:var(--ink-tertiary,#86868b)}.ai-close{border:0;background:transparent;cursor:pointer;font-size:22px;color:var(--ink-tertiary,#86868b)}
.ai-modal-body{padding:22px 24px;overflow:auto}.ai-field{display:block;font-size:12px;font-weight:600;margin-bottom:17px}.ai-field input,.ai-field select,.ai-field textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--hairline-strong,#d2d2d7);border-radius:9px;background:var(--canvas,#fff);color:var(--ink,#1d1d1f);padding:10px 12px;line-height:1.6;font-size:13px;font-weight:400}.ai-field textarea{resize:vertical;min-height:100px}.ai-field small{display:block;color:var(--ink-tertiary,#86868b);font-size:11px;font-weight:400;margin-top:5px;line-height:1.6}
.ai-notice{font-size:12px;line-height:1.8;padding:12px 14px;border-radius:10px;background:var(--surface-2,#f5f5f7);color:var(--ink-subtle,#515154);margin:0 0 18px}.ai-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.7;margin:18px 0}.ai-consent input{margin-top:4px;flex:none}.ai-modal-foot{padding:17px 24px;border-top:1px solid var(--hairline,#e5e5ea);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--canvas,#fff)}
.ai-inline-error{color:#a52a23;font-size:12px;line-height:1.6;margin:0 0 12px;white-space:pre-wrap}.ai-detail-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ai-detail-title h3{font-size:14px;margin:0}.ai-detail-summary{font-size:13px;color:var(--ink-subtle,#515154);line-height:1.8}.ai-draft{font:12px/1.9 var(--body, sans-serif);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--hairline,#e5e5ea);background:var(--surface-2,#f5f5f7);padding:16px;border-radius:10px;max-height:340px;overflow:auto}
.ai-events{list-style:none;padding:0;margin:17px 0}.ai-events li{border-left:2px solid var(--hairline-strong,#d2d2d7);padding:0 0 16px 14px;font-size:12px;line-height:1.6}.ai-events li:last-child{padding-bottom:0}.ai-events time{display:block;font-size:10px;color:var(--ink-tertiary,#86868b);margin-top:3px}.ai-evidence{margin:8px 0;padding:11px 14px;border-left:3px solid var(--ai-accent);background:var(--surface-2,#f5f5f7);font-size:12px;line-height:1.8}.ai-evidence small{display:block;color:var(--ink-subtle,#515154);margin-top:7px}
.ai-mobile-entry{display:none}.ai-model-tag{font-size:11px;color:var(--ink-tertiary,#86868b)}
@media(max-width:1100px){.ai-roster{grid-template-columns:1fr}.ai-employee{display:grid;grid-template-columns:48px minmax(0,1fr) auto;column-gap:16px;padding:18px}.ai-employee-head{grid-row:1/3;display:block}.ai-employee-head .ai-badge{display:none}.ai-employee h3{margin:0 0 5px}.ai-employee p{margin:0;grid-column:2;font-size:12px}.ai-employee-meta{grid-column:2;border:0;padding:8px 0;margin:0}.ai-employee .ai-buttons{grid-column:3;grid-row:1/4;align-content:center}}
@media(max-width:900px){.ai-mobile-entry{display:inline-flex}.ai-header{flex-wrap:wrap}.ai-run{grid-template-columns:minmax(0,1fr) auto;gap:9px}.ai-run>span{grid-column:1;font-size:11px}.ai-run .ai-badge{grid-row:1;grid-column:2}.ai-run>time{display:none}}
@media(max-width:520px){.ai-employee{grid-template-columns:40px minmax(0,1fr)}.ai-employee .ai-buttons{grid-column:2;grid-row:auto}.ai-connection{flex-wrap:wrap;gap:9px}.ai-connection span{flex-basis:75%}.ai-empty{align-items:flex-start;flex-wrap:wrap;padding:24px 18px}.ai-empty .ai-button{margin:0 0 0 44px}.ai-modal-head,.ai-modal-body,.ai-modal-foot{padding:18px}.ai-section-title{align-items:flex-start}.ai-section-title small{max-width:130px;text-align:right}}
