:root{--ink:#18191b;--muted:#777b82;--line:#e8e8e5;--soft:#f6f6f3;--paper:#fff;--accent:#5d5fef;--accent-soft:#eeefff;--green:#1d9a66;--sidebar:#f5f5f2;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fbfbfa;line-height:1.5}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fbfbfa}button,textarea,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;padding:24px 16px 18px;background:var(--sidebar);border-right:1px solid #e5e5e1;display:flex;flex-direction:column;z-index:5}.brand-row{display:flex;align-items:center;gap:11px;padding:0 8px 30px}.brand-row>div:last-child{display:grid}.brand-row strong{font:600 14px 'Manrope',sans-serif;letter-spacing:-.02em}.brand-row span{font-size:11px;color:#96989d;margin-top:1px}.brand-mark{width:32px;height:32px;border-radius:10px;background:#191a1c;color:#fff;display:grid;place-items:center;font:700 13px 'Manrope';box-shadow:0 2px 8px #00000014}.sidebar-label,.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;color:#999ba1}.sidebar-label{padding:0 10px 9px}.workspace-list{display:grid;gap:3px}.workspace{border:0;background:transparent;border-radius:9px;display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;color:#6e7177;cursor:pointer;text-align:left;font-weight:500;font-size:13px;transition:.15s}.workspace:hover{background:#ebebe7;color:#333}.workspace.active{background:#fff;color:#1d1e20;box-shadow:0 1px 2px #00000008,0 0 0 1px #e8e8e3}.workspace-icon{width:23px;height:23px;border-radius:7px;background:#e6e6e2;color:#777;display:grid;place-items:center;font-size:10px;font-weight:700}.workspace.active .workspace-icon{background:var(--accent-soft);color:var(--accent)}.workspace-count{margin-left:auto;font-size:10px;color:#a5a6aa}.sidebar-action{margin-top:7px;border:0;background:transparent;color:#97999e;padding:9px 11px;text-align:left;cursor:pointer;font-size:12px}.sidebar-spacer{flex:1}.presence-card{background:#fff;border:1px solid #e5e5e1;border-radius:12px;padding:13px;margin-bottom:12px}.presence-head{display:flex;align-items:center;gap:7px;font-size:11px}.live-dot,.status-pill>span{width:7px;height:7px;background:#2bbf7d;border-radius:50%;box-shadow:0 0 0 3px #2bbf7d18}.presence-agents{display:flex;align-items:center;margin:12px 0 7px;font-size:10px;color:#777;gap:5px}.presence-agents span{margin-right:5px}.mini-avatar{width:21px;height:21px;border-radius:6px;display:grid;place-items:center;font-size:9px;font-weight:700}.sam{background:#e7e9ff!important;color:#5055c9!important}.dario{background:#f3eafd!important;color:#7d4eb3!important}.presence-card p{font-size:9px;color:#aaa;margin:0}.profile-row{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:8px;cursor:pointer;color:#555}.profile-avatar{width:28px;height:28px;border-radius:50%;background:#252629;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}.profile-row span:nth-child(2){font-size:12px;font-weight:600}.chevron{margin-left:auto;color:#aaa}.main{margin-left:254px;min-width:0;flex:1}.topbar{height:68px;padding:0 34px;border-bottom:1px solid var(--line);background:#ffffffd9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:4}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px}.breadcrumb span,.breadcrumb b{color:#a3a4a8;font-weight:400}.breadcrumb strong{font-weight:600}.top-actions{display:flex;align-items:center;gap:8px}.command-button{height:34px;border:1px solid #e2e2df;background:#fafaf8;color:#8a8c91;border-radius:8px;padding:0 9px;display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer}.command-button kbd{font:500 9px 'DM Sans';background:#fff;border:1px solid #dededb;border-radius:5px;padding:2px 5px;margin-left:12px}.icon-button{width:34px;height:34px;border:1px solid #e6e6e2;background:#fff;border-radius:8px;color:#777;cursor:pointer}.primary{border:0;background:#1d1e20;color:#fff;border-radius:9px;padding:10px 14px;font-weight:600;font-size:12px;cursor:pointer;transition:.15s}.primary:hover{background:#303134}.primary.compact{height:34px;padding:0 12px}.workspace-tabs{height:49px;padding:0 34px;display:flex;align-items:end;gap:24px;border-bottom:1px solid var(--line);background:#fff}.tab{height:49px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8b8d92;font-size:12px;font-weight:500;padding:0 2px;cursor:pointer}.tab.active{color:#1d1e20;border-color:#1d1e20}.page-wrap{max-width:1350px;margin:auto;padding:34px 40px 70px}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.page-heading h1{font:700 29px 'Manrope';letter-spacing:-.045em;margin:5px 0}.page-heading p:last-child{margin:0;color:#81848a;font-size:13px}.meeting-button{border:1px solid #e3e3df;background:#fff;border-radius:11px;padding:9px 13px 9px 10px;display:flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 2px 8px #00000005}.wave-icon{width:32px;height:32px;border-radius:9px;background:#202124;color:#fff;display:grid;place-items:center;font-size:20px}.meeting-button>span:last-child{display:grid;text-align:left}.meeting-button strong{font-size:11px}.meeting-button small{font-size:9px;color:#9a9ca1;margin-top:1px}.ask-bar{width:100%;height:60px;background:#fff;border:1px solid #dfdfdb;border-radius:14px;display:flex;align-items:center;gap:13px;padding:0 16px;text-align:left;color:#777b81;cursor:pointer;box-shadow:0 3px 14px #00000005;margin-bottom:17px}.ask-spark{width:30px;height:30px;background:var(--accent-soft);color:var(--accent);border-radius:9px;display:grid;place-items:center}.ask-send{margin-left:auto;width:28px;height:28px;border-radius:8px;background:#222;color:#fff;display:grid;place-items:center}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:17px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px;display:grid}.metric-grid span{font-size:10px;color:#888b90}.metric-grid strong{font:700 22px 'Manrope';letter-spacing:-.04em;margin:7px 0 3px}.metric-grid small{font-size:9px;color:#aaa}.metric-grid .metric-accent{background:#202124;color:#fff;border-color:#202124}.metric-accent span,.metric-accent small{color:#aeb0b5}.metric-accent strong{font-size:17px;color:#76d5a9}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px}.dashboard-main,.dashboard-rail{display:grid;gap:17px;align-content:start}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.panel-head h2{font:650 15px 'Manrope';letter-spacing:-.025em;margin:3px 0 0}.text-button{border:0;background:transparent;color:#929499;font-size:10px;cursor:pointer}.focus-list{display:grid}.focus-item{display:grid;grid-template-columns:31px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-top:1px solid #efefec}.focus-item:first-child{border-top:0}.focus-number{width:27px;height:27px;border-radius:8px;background:#f4f4f1;display:grid;place-items:center;font-size:10px;color:#85878c}.focus-item strong{display:block;font-size:12px;font-weight:600}.focus-item p{font-size:10px;color:#94969a;margin:3px 0 0}.focus-item button{border:0;background:#f4f4f1;border-radius:7px;padding:6px 9px;font-size:9px;color:#6f7176;cursor:pointer}.project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.project-card{border:1px solid #e9e9e6;border-radius:11px;padding:14px;cursor:pointer;transition:.15s}.project-card:hover{border-color:#cacbc8;transform:translateY(-1px)}.project-top{display:flex;justify-content:space-between;align-items:center}.project-symbol{width:29px;height:29px;border-radius:8px;background:#f0f0ed;display:grid;place-items:center;font-weight:700;font-size:10px}.project-card h3{font-size:12px;margin:13px 0 4px}.project-card p{font-size:10px;color:#989a9f;margin:0;min-height:30px}.project-progress{height:4px;border-radius:10px;background:#eeeeeb;margin-top:13px;overflow:hidden}.project-progress span{display:block;height:100%;background:var(--accent);border-radius:10px}.project-meta{display:flex;justify-content:space-between;font-size:9px;color:#9b9da1;margin-top:7px}.status-pill{display:flex;align-items:center;gap:6px;background:#f4faf7;color:#418266;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:600}.agent-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #f0f0ed}.agent-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:700}.agent-row strong{display:block;font-size:11px}.agent-row span{display:block;font-size:9px;color:#a1a2a6;margin-top:2px}.agent-row small{font-size:8px;color:#aaa}.council-note{background:#f7f7f4;border-radius:10px;padding:11px;display:flex;gap:8px;margin:8px 0 11px}.council-note>span{color:var(--accent)}.council-note p{font-size:10px;color:#777a80;margin:0}.secondary{border:1px solid #dededb;background:#fff;color:#55585d;border-radius:8px;padding:9px 11px;font-size:10px;font-weight:600;cursor:pointer}.full{width:100%}.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:8px 1fr;gap:9px;padding:9px 0;border-top:1px solid #f0f0ed}.activity-item:first-child{border-top:0}.activity-item>span{width:6px;height:6px;border-radius:50%;background:#a7a8ac;margin-top:5px}.activity-item strong{font-size:10px;display:block}.activity-item small{font-size:8px;color:#aaa}.compact-heading{align-items:center;margin-bottom:28px}.board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow-x:auto}.board-column{background:#f3f3f0;border-radius:12px;padding:11px;min-height:520px}.column-title{display:flex;justify-content:space-between;padding:3px 3px 12px;color:#777a80;font-size:9px;font-weight:700;letter-spacing:.1em}.column-title b{font-weight:500;color:#aaa}.column{display:grid;gap:8px}.task-card{background:#fff;border:1px solid #e7e7e3;border-radius:10px;padding:12px;box-shadow:0 1px 2px #00000004}.task-card strong{font-size:11px;display:block}.task-card p{font-size:9px;color:#999;margin:5px 0 11px}.task-footer{display:flex;align-items:center;justify-content:space-between}.task-label{font-size:8px;border-radius:999px;background:#f0f0ed;padding:4px 6px;color:#777}.task-owner{width:20px;height:20px;border-radius:6px;background:#eee;display:grid;place-items:center;font-size:8px;font-weight:700}.meeting-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.meeting-hero{min-height:390px;border-radius:18px;background:#1d1e20;color:#fff;padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.meeting-hero:after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff10;right:-70px;top:-70px;box-shadow:0 0 0 50px #ffffff05,0 0 0 100px #ffffff03}.meeting-live{font-size:9px;color:#7edcb2;letter-spacing:.12em}.meeting-hero h2{font:700 28px 'Manrope';letter-spacing:-.04em;margin:75px 0 8px;z-index:1}.meeting-hero p{font-size:12px;color:#b3b4b8;max-width:470px;z-index:1}.meeting-people{display:flex;margin:20px 0;z-index:1}.meeting-people>div{border:2px solid #1d1e20;margin-left:-5px}.meeting-people>div:first-child{margin-left:0}.meeting-start{margin-top:auto;border:0;background:#fff;color:#1d1e20;border-radius:10px;padding:12px 14px;font-size:11px;font-weight:700;z-index:1}.meeting-start span{margin-left:40px}.agenda-panel{padding:25px}.agenda-panel ol{margin:20px 0 0;padding:0;list-style:none;counter-reset:agenda}.agenda-panel li{counter-increment:agenda;border-top:1px solid var(--line);padding:16px 0 16px 42px;position:relative;font-size:12px}.agenda-panel li:before{content:counter(agenda);position:absolute;left:0;top:13px;width:25px;height:25px;border-radius:8px;background:#f1f1ee;display:grid;place-items:center;font-size:9px}.agenda-panel li span{display:block;color:#999;font-size:9px;margin-top:4px}.knowledge-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.knowledge-card,.integration-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;min-height:150px}.knowledge-card .knowledge-icon{width:33px;height:33px;border-radius:9px;background:#f1f1ee;display:grid;place-items:center;margin-bottom:24px}.knowledge-card strong,.integration-card strong{display:block;font-size:12px}.knowledge-card span,.integration-card span{display:block;color:#999;font-size:9px;margin-top:4px}.integration-card{display:flex;flex-direction:column}.integration-card em{font-style:normal;color:#92949a;font-size:9px;margin-top:13px}.integration-card em.connected{color:var(--green)}.integration-connect{margin-top:auto;border:1px solid #e1e1de;background:#fafaf8;border-radius:8px;padding:8px;font-size:10px;font-weight:600;cursor:pointer}.chat-drawer{position:fixed;inset:0;z-index:20;pointer-events:none;visibility:hidden}.chat-drawer.open{pointer-events:auto;visibility:visible}.chat-backdrop{position:absolute;inset:0;border:0;background:#11131844;opacity:0;transition:.2s}.chat-drawer.open .chat-backdrop{opacity:1}.chat-sheet{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);background:#fff;box-shadow:-20px 0 60px #00000012;transform:translateX(100%);transition:.25s ease;display:flex;flex-direction:column}.chat-drawer.open .chat-sheet{transform:none}.chat-sheet header{height:74px;border-bottom:1px solid var(--line);padding:0 20px;display:flex;align-items:center;justify-content:space-between}.chat-sheet h2{font:650 16px 'Manrope';margin:2px 0}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-messages{flex:1;overflow:auto;padding:20px;background:#fafaf8}.chat-empty{text-align:center;padding:80px 40px;color:#999}.chat-empty>span{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 12px}.chat-empty strong{font-size:13px;color:#333}.chat-empty p{font-size:10px;max-width:260px;margin:6px auto}.chat-message{max-width:85%;padding:11px 12px;border:1px solid #e5e5e1;background:#fff;border-radius:12px;margin:9px 0;font-size:11px;white-space:pre-wrap}.chat-message.user{margin-left:auto;background:#202124;color:#fff;border-color:#202124}.chat-meta{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#999;margin-bottom:5px}.chat-message.user .chat-meta{color:#bbb}.chat-form{border-top:1px solid var(--line);padding:14px}.chat-form textarea{width:100%;border:1px solid #dfdfdc;border-radius:11px;padding:12px;resize:none;outline:none;font-size:12px}.chat-form textarea:focus{border-color:#aaa}.chat-form>div{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.chat-form select{border:0;background:#f3f3f0;border-radius:8px;padding:8px;color:#777;font-size:10px}.chat-form button:disabled{opacity:.5}.empty-state{padding:30px;text-align:center;color:#999;font-size:11px;border:1px dashed #ddd;border-radius:10px;grid-column:1/-1}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.knowledge-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{width:74px;padding:18px 10px}.brand-row>div:last-child,.sidebar-label,.workspace span:not(.workspace-icon),.workspace-count,.sidebar-action,.presence-card,.profile-row span:not(.profile-avatar){display:none}.brand-row{padding:0 10px 28px}.workspace{padding:8px;justify-content:center}.main{margin-left:74px}.topbar{padding:0 16px}.command-button{display:none}.workspace-tabs{padding:0 16px;gap:16px;overflow-x:auto}.page-wrap{padding:25px 18px 55px}.page-heading{align-items:flex-start;gap:20px}.page-heading h1{font-size:24px}.metric-grid,.project-list,.dashboard-rail,.knowledge-grid,.integration-grid,.meeting-layout{grid-template-columns:1fr}.board{grid-template-columns:repeat(4,260px)}.meeting-button{display:none}}

/* Team workspace: calm typography and visible collaboration instead of chatbot bubbles. */
.brand-row strong,.brand-mark,.page-heading h1,.metric-grid strong,.panel-head h2,.meeting-hero h2,.chat-sheet h2{font-family:inherit}
.chat-sheet{width:min(680px,100%)}
.chat-messages{padding:26px 30px 38px;background:#f8f8f6}
.chat-message.user{width:fit-content;max-width:82%;margin:4px 0 24px auto;padding:10px 13px;border:0;border-radius:10px;background:#252629;color:#fff;font-size:13px;line-height:1.5;white-space:normal;box-shadow:none}
.chat-message.user p{margin:0}.chat-meta{font-size:9px;line-height:1;letter-spacing:.08em;margin-bottom:6px}
.team-brief{overflow:hidden;background:#fff;border:1px solid #e4e4df;border-radius:16px;box-shadow:0 8px 28px #17181a0a}
.chat-sheet .team-brief>header{height:auto;min-height:70px;padding:14px 18px;border-bottom:1px solid #ecece8;display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center}
.team-mark{width:34px;height:34px;border-radius:10px;background:#1f2022;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.team-brief header>div{display:grid;gap:2px}.team-brief header strong{font-size:13px}.team-brief header small{font-size:9px;color:#96989d}
.team-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f0f8f4;color:#3d7c60;padding:6px 8px;font-size:9px;font-weight:600}.team-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#2dac76}
.brief-content{padding:8px 20px 19px;color:#303236;font-size:13px;line-height:1.58}
.brief-content h3{margin:20px 0 8px;padding-top:16px;border-top:1px solid #efefeb;font-size:12px;line-height:1.3;letter-spacing:-.01em;color:#1e1f21}.brief-content h3:first-child{border-top:0;padding-top:0}
.brief-content p{margin:0 0 9px;color:#505359}.brief-content ul{margin:0 0 10px;padding:0;list-style:none}.brief-content li{position:relative;margin:0 0 7px;padding-left:15px;color:#45484d}.brief-content li:before{content:"";position:absolute;left:1px;top:.67em;width:4px;height:4px;border-radius:50%;background:#787b81}.brief-content strong{font-weight:650;color:#202124}.brief-content code{font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1f1ee;padding:2px 4px;border-radius:4px}
.collaboration-trace{border-top:1px solid #e9e9e5;background:#fafaf8}
.collaboration-trace summary{padding:14px 18px;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;cursor:pointer;list-style:none}.collaboration-trace summary::-webkit-details-marker{display:none}.collaboration-trace summary:hover{background:#f6f6f3}
.trace-icon{width:28px;height:28px;border-radius:8px;background:#ececf9;color:#5b5fc7;display:grid;place-items:center;font-size:12px}.collaboration-trace summary>span:nth-child(2){display:grid;gap:2px}.collaboration-trace summary strong{font-size:10px}.collaboration-trace summary small{font-size:9px;color:#999b9f}.trace-chevron{color:#aaa;transition:.18s}.collaboration-trace[open] .trace-chevron{transform:rotate(180deg)}
.trace-body{padding:5px 18px 18px}.trace-step{display:grid;grid-template-columns:30px 1fr;gap:10px}.trace-rail{display:flex;flex-direction:column;align-items:center}.trace-avatar{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:9px;font-weight:700}.trace-rail i{width:1px;min-height:30px;flex:1;background:#deded9}.trace-content{padding:3px 0 17px;min-width:0}.trace-content>div{display:flex;align-items:center;gap:7px;margin-bottom:6px}.trace-content>div strong{font-size:10px}.trace-content>div span{font-size:9px;color:#93959a}.trace-content>div em{margin-left:auto;font-style:normal;font-size:8px;color:#85888e;background:#eeeeeb;padding:3px 6px;border-radius:999px}.trace-content p,.trace-content li{font-size:10px;line-height:1.5;color:#686b71;margin:0 0 5px}.trace-content h3{font-size:10px;margin:8px 0 4px}.trace-content ul{margin:0;padding-left:15px}
.working-card{background:#fff;border:1px solid #e3e3df;border-radius:15px;padding:17px 18px}.chat-sheet .working-card>header{height:auto;border:0;padding:0;display:grid;grid-template-columns:10px 1fr;gap:10px;justify-content:start}.working-pulse{width:8px;height:8px;border-radius:50%;background:#5d5fef;box-shadow:0 0 0 0 #5d5fef55;animation:work-pulse 1.6s infinite}.working-card header>div{display:grid;gap:2px}.working-card header strong{font-size:12px}.working-card header small{font-size:9px;color:#999b9f}.working-card ol{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.working-card li{border:1px solid #ecece8;border-radius:10px;padding:10px;display:grid;grid-template-columns:22px 1fr;gap:7px;opacity:.58}.working-card li.active{opacity:1;border-color:#dcdcf7;background:#fafaff}.working-card li>span{width:21px;height:21px;border-radius:6px;background:#eeeeeb;display:grid;place-items:center;font-size:8px;font-weight:700}.working-card li>div{display:grid}.working-card li strong{font-size:9px}.working-card li small{font-size:8px;line-height:1.35;color:#9a9ca0;margin-top:2px}
.chat-error{padding:14px 16px;border:1px solid #f0d6d6;background:#fff8f8;border-radius:12px;color:#884444}.chat-error strong{font-size:11px}.chat-error p{font-size:10px;margin:5px 0 0}
@keyframes work-pulse{70%{box-shadow:0 0 0 7px #5d5fef00}100%{box-shadow:0 0 0 0 #5d5fef00}}
@media(max-width:760px){.chat-messages{padding:18px 14px 30px}.chat-sheet .team-brief>header{grid-template-columns:34px 1fr}.team-status{display:none}.brief-content{padding:7px 16px 17px}.working-card ol{grid-template-columns:1fr}.chat-message.user{max-width:92%}}

.execution-hint{display:flex!important;align-items:center;gap:6px!important;margin:0 8px 0 auto!important;color:#85878c!important;font-size:9px!important}.execution-hint i{width:6px;height:6px;border-radius:50%;background:#2bbf7d}.active-run{border-top:1px solid var(--line);background:#fff;padding:13px 18px;box-shadow:0 -8px 30px #00000005}.active-run>header{height:auto!important;min-height:0!important;border:0!important;padding:0!important;display:grid!important;grid-template-columns:10px 1fr auto!important;gap:10px!important;align-items:start!important}.active-run header>div{display:grid;gap:2px;min-width:0}.active-run header strong{font-size:11px}.active-run header small{font-size:9px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-run header em{font-style:normal;font-size:8px;color:#666;background:#f0f0ed;border-radius:999px;padding:4px 7px}.run-pulse{width:8px;height:8px;border-radius:50%;background:#5d5fef;margin-top:3px;animation:work-pulse 1.6s infinite}.active-run.completed .run-pulse{background:#2bbf7d;animation:none}.active-run.failed .run-pulse{background:#d65f5f;animation:none}.run-flow{display:flex;align-items:center;gap:7px;margin:11px 0 0 18px}.run-flow span{font-size:8px;color:#a2a3a6;border:1px solid #e7e7e3;border-radius:7px;padding:5px 7px}.run-flow span.done{color:#3b755c;border-color:#cee7da;background:#f4faf7}.run-flow i{height:1px;width:12px;background:#dededb}.active-run ol{list-style:none;margin:9px 0 0 18px;padding:0;display:grid;gap:4px}.active-run li{display:flex;gap:7px;font-size:8px;color:#919398}.active-run li b{color:#4e5054;min-width:34px}.integration-card em.connected:before{content:'●';font-size:7px;margin-right:5px}.integration-card em:not(.connected):before{content:'○';font-size:8px;margin-right:5px}

[hidden]{display:none!important}
.meeting-privacy{margin-top:22px;padding:13px;border-radius:11px;background:#f6f7f4;display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start}.meeting-privacy>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e3f3ea;color:#287553;font-size:10px}.meeting-privacy p{margin:0;color:#85888c;font-size:9px;line-height:1.5}.meeting-privacy strong{display:block;color:#4c4f53;font-size:10px;margin-bottom:2px}
.meeting-start:disabled,.primary:disabled{opacity:.58;cursor:wait}.live-meeting{border:1px solid #e2e2de;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 10px 35px #18191b08}.live-meeting-head{min-height:90px;padding:18px 22px;border-bottom:1px solid #e9e9e5;display:flex;justify-content:space-between;align-items:center}.live-meeting-head h2{font-size:16px;letter-spacing:-.025em;margin:4px 0 1px}.live-meeting-head p{font-size:10px;color:#929499;margin:0}.live-indicator{font-size:8px;letter-spacing:.12em;font-weight:700;color:#24815a;display:flex;align-items:center;gap:6px}.live-indicator i{width:7px;height:7px;border-radius:50%;background:#2db779;box-shadow:0 0 0 4px #2db77919;animation:work-pulse 1.6s infinite}.live-actions{display:flex;align-items:center;gap:8px}.live-actions>span{font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#73767b;margin-right:6px}.meeting-end{border:0;border-radius:8px;background:#292a2d;color:#fff;padding:9px 12px;font-size:10px;font-weight:600;cursor:pointer}.meeting-end:disabled{opacity:.55;cursor:wait}
.live-meeting-grid{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:520px}.live-team{padding:20px;background:#f7f7f4;border-right:1px solid #e9e9e5}.live-person{display:grid;grid-template-columns:34px 1fr 7px;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #e9e9e5}.live-person strong{display:block;font-size:10px}.live-person small{display:block;color:#9b9da1;font-size:8px;margin-top:2px}.live-person>i{width:6px;height:6px;border-radius:50%;background:#c9cac7}.live-person.active>i,.live-meeting[data-speaker="team"] .live-person:first-of-type>i{background:#2db779;box-shadow:0 0 0 3px #2db77915}.live-meeting[data-speaker="dario"] .live-person:nth-of-type(2)>i{background:#8a62b8;box-shadow:0 0 0 3px #8a62b815}.live-meeting[data-speaker="user"] .live-person:nth-of-type(3)>i{background:#5d5fef;box-shadow:0 0 0 3px #5d5fef15}.live-note{margin-top:22px;border-radius:10px;background:#fff;border:1px solid #e8e8e4;padding:12px}.live-note strong{font-size:9px}.live-note p{font-size:8px;line-height:1.5;color:#999b9f;margin:4px 0 0}
.meeting-transcript{min-width:0;display:flex;flex-direction:column}.transcript-head{height:69px;padding:14px 20px;border-bottom:1px solid #ededE9;display:flex;justify-content:space-between;align-items:center}.transcript-head h3{font-size:12px;margin:3px 0 0}.transcript-head>span{font-size:9px;color:#9a9ca0}.transcript-stream{height:450px;overflow:auto;padding:18px 20px 28px;scroll-behavior:smooth}.transcript-wait{height:100%;display:grid;place-content:center;text-align:center;color:#a3a5a9}.transcript-wait span{font-size:27px;color:#6265cf}.transcript-wait p{font-size:10px}.transcript-entry{display:grid;grid-template-columns:30px 1fr;gap:10px;margin-bottom:18px;max-width:88%}.transcript-entry.user{margin-left:auto;grid-template-columns:1fr 30px}.transcript-entry.user>.transcript-avatar{grid-column:2}.transcript-entry.user>div{grid-column:1;grid-row:1;text-align:right}.transcript-avatar{width:28px;height:28px;border-radius:9px;background:#232427;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:700}.transcript-entry header{display:flex;align-items:center;gap:7px;margin-bottom:4px}.transcript-entry.user header{justify-content:flex-end}.transcript-entry header strong{font-size:9px}.transcript-entry header time{font-size:8px;color:#b0b1b4}.transcript-entry p{font-size:11px;line-height:1.55;color:#55585e;margin:0;background:#f5f5f2;border-radius:0 10px 10px 10px;padding:10px 11px}.transcript-entry.user p{background:#252629;color:#fff;border-radius:10px 0 10px 10px}.transcript-entry.review p{background:#faf5ff;border:1px solid #eee2f7;color:#65516f}
.meeting-summary{background:#fff;border:1px solid #e3e3df;border-radius:17px;padding:24px;box-shadow:0 10px 35px #18191b08}.summary-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #ecece8}.summary-head h2{font-size:17px;letter-spacing:-.025em;margin:4px 0 0}.summary-content{max-width:820px;padding:8px 0 3px;font-size:12px;line-height:1.6}.summary-content h3{font-size:12px;margin:20px 0 8px}.summary-content p{color:#62656a}.summary-content ul{margin:0;padding-left:17px}.summary-content li{margin:5px 0;color:#505359}
@media(max-width:900px){.live-meeting-grid{grid-template-columns:1fr}.live-team{border-right:0;border-bottom:1px solid #e9e9e5}.live-team>.eyebrow,.live-note{display:none}.live-person{display:inline-grid;width:32%;border:0}.transcript-stream{height:430px}}
@media(max-width:760px){.live-meeting-head{align-items:flex-start;gap:15px}.live-actions{flex-wrap:wrap;justify-content:flex-end}.live-actions>span{width:100%;text-align:right}.live-team{padding:12px}.live-person{width:100%}.transcript-head{padding:12px 14px}.transcript-stream{padding:15px 13px}.transcript-entry{max-width:96%}}

/* Employee operating system: clear ownership, visible handoffs, quiet visual weight. */
.employee-overview{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(300px,.72fr);gap:16px;align-items:start}.employee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-card{min-height:190px;background:#fff;border:1px solid #e5e5e0;border-radius:15px;padding:17px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.employee-card:hover{transform:translateY(-2px);border-color:#cfd0cb;box-shadow:0 12px 32px #1c1e2210}.employee-card header{display:flex;align-items:center;justify-content:space-between}.employee-avatar{width:36px;height:36px;border-radius:11px;background:#242528;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:750}.employee-avatar.sam{background:#5457bb}.employee-avatar.dario{background:#7c5a9a}.employee-avatar.mira{background:#3f7968}.employee-avatar.finn{background:#b26b46}.employee-avatar.juno{background:#2a7aa7}.employee-avatar.atlas{background:#58616b}.employee-status{font-size:8px;border-radius:999px;padding:5px 7px;background:#f2f2ef;color:#777a80}.employee-status.arbeitet{background:#eef7f2;color:#367457}.employee-status.auf{background:#f7f4e9;color:#967a28}.employee-title{margin-top:17px}.employee-title h3{font-size:14px;letter-spacing:-.02em;margin:0}.employee-title p{font-size:9px;color:#8d8f94;margin:4px 0 0}.employee-focus{min-height:34px;font-size:10px;line-height:1.45;color:#55585d;margin:17px 0}.employee-card footer{border-top:1px solid #efefeb;padding-top:10px;display:flex;justify-content:space-between;gap:8px;color:#9c9ea2;font-size:8px}.employee-voice{color:#6d6f74}.collaboration-panel{background:#fff;border:1px solid #e5e5e0;border-radius:15px;padding:18px}.collaboration-panel .panel-head{margin-bottom:6px}.collaboration-panel .panel-head h2{font-size:13px}.collaboration-feed{max-height:630px;overflow:auto}.collaboration-event{display:grid;grid-template-columns:26px 1fr;gap:9px;padding:13px 0;border-top:1px solid #eeeeea}.collaboration-event-icon{width:24px;height:24px;border-radius:8px;background:#f1f1ee;display:grid;place-items:center;color:#61646b;font-size:10px;font-weight:700}.collaboration-event p{font-size:9px;color:#85878c;margin:0 0 4px}.collaboration-event p span{color:#b1b2b4;padding:0 3px}.collaboration-event strong{display:block;font-size:10px;line-height:1.4}.collaboration-event small{display:block;font-size:9px;line-height:1.45;color:#8c8e92;margin-top:4px}.collaboration-event time{display:block;font-size:8px;color:#b1b2b5;margin-top:6px}.collaboration-empty{padding:44px 12px;text-align:center}.collaboration-empty strong{font-size:11px}.collaboration-empty p{font-size:10px;color:#97999d;line-height:1.5;margin:7px 0}

.live-meeting-grid{grid-template-columns:248px minmax(0,1fr) 272px}.live-team{overflow:auto}.live-team .live-person{grid-template-columns:31px 1fr 7px;padding:10px 0}.live-team .live-person:nth-of-type(n+5){opacity:.7}.live-team .live-person.active{opacity:1}.meeting-task-rail{background:#fbfbf9;border-left:1px solid #e9e9e5;padding:18px 14px;overflow:hidden}.meeting-task-head{display:flex;align-items:flex-start;justify-content:space-between;padding:0 4px 13px;border-bottom:1px solid #e9e9e5}.meeting-task-head h3{font-size:12px;letter-spacing:-.015em;margin:3px 0 0}.meeting-task-head>span{min-width:21px;height:21px;border-radius:7px;background:#eeeef0;display:grid;place-items:center;font-size:9px;color:#6d7075}.meeting-task-stream{display:flex;flex-direction:column;gap:9px;padding:13px 3px;max-height:455px;overflow:auto}.meeting-task-empty{margin-top:42px;padding:0 14px;text-align:center;font-size:9px;line-height:1.5;color:#a0a2a5}.meeting-task-card{border:1px solid #e3e3de;background:#fff;border-radius:11px;padding:11px;opacity:0;transform:translateY(-16px);transition:opacity .34s ease,transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.meeting-task-card.visible{opacity:1;transform:translateY(0);box-shadow:0 8px 22px #1c1e2208}.meeting-task-card>div{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start}.meeting-task-index{width:20px;height:20px;border-radius:6px;background:#f0f0ed;display:grid;place-items:center;font-size:7px;color:#84868b}.meeting-task-card strong{font-size:10px;line-height:1.35}.meeting-task-card p{font-size:9px;line-height:1.45;color:#888b90;margin:8px 0}.meeting-task-card footer{border-top:1px solid #f0f0ed;margin-top:9px;padding-top:8px;display:flex;flex-wrap:wrap;gap:4px}.meeting-task-card footer span,.meeting-task-card footer em{font-size:7px;font-style:normal;border-radius:999px;padding:3px 5px;background:#f2f2ef;color:#777a7f}.meeting-task-card footer em{margin-left:auto;background:#edf7f1;color:#3e795d}
@media(max-width:1120px){.employee-overview{grid-template-columns:1fr}.collaboration-panel{max-height:360px}.live-meeting-grid{grid-template-columns:215px minmax(0,1fr)}.meeting-task-rail{grid-column:1/-1;border-left:0;border-top:1px solid #e9e9e5}.meeting-task-stream{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.meeting-task-empty{grid-column:1/-1;margin:12px}.live-team .live-person:nth-of-type(n+5){display:none}}
@media(max-width:760px){.employee-grid{grid-template-columns:1fr}.employee-overview{gap:12px}.live-meeting-grid{grid-template-columns:1fr}.meeting-task-stream{grid-template-columns:1fr}.meeting-task-rail{padding:14px}.live-team .live-person:nth-of-type(n+4){display:none}}

/* ---------------------------------------------------------------------------
   v2: truthful UI, board, drawers, DMS, presentation screen
   --------------------------------------------------------------------------- */
:root{font-size:15px}
.agent-avatar.fabio,.employee-avatar.fabio,.chat-avatar.fabio,.transcript-avatar.fabio,.run-agent.fabio,.task-owner.fabio{background:#3f7968!important;color:#fff!important}
.agent-avatar.lena,.employee-avatar.lena,.chat-avatar.lena,.transcript-avatar.lena,.run-agent.lena,.task-owner.lena{background:#b2597a!important;color:#fff!important}
.agent-avatar.finn,.employee-avatar.finn,.chat-avatar.finn,.transcript-avatar.finn,.run-agent.finn,.task-owner.finn{background:#b26b46!important;color:#fff!important}
.agent-avatar.juno,.employee-avatar.juno,.chat-avatar.juno,.transcript-avatar.juno,.run-agent.juno,.task-owner.juno{background:#2a7aa7!important;color:#fff!important}
.agent-avatar.atlas,.employee-avatar.atlas,.chat-avatar.atlas,.transcript-avatar.atlas,.run-agent.atlas,.task-owner.atlas{background:#58616b!important;color:#fff!important}
.agent-avatar.sam,.chat-avatar.sam,.transcript-avatar.sam,.run-agent.sam,.task-owner.sam{background:#5457bb!important;color:#fff!important}
.agent-avatar.dario,.chat-avatar.dario,.transcript-avatar.dario,.run-agent.dario,.task-owner.dario{background:#7c5a9a!important;color:#fff!important}
.chat-avatar.wir,.run-agent.wir,.run-agent.marcel,.chat-avatar.marcel{background:#242528;color:#fff}
.transcript-avatar.marcel{background:#252629}

.sidebar-foot{display:flex;align-items:center;gap:9px;padding:8px;color:#555;font-size:12px;font-weight:600}
.presence-card p{font-size:10px;color:#8a8c91;margin:8px 0 0}
.presence-dot.busy,.live-dot.busy{background:#5d5fef;box-shadow:0 0 0 3px #5d5fef22;animation:work-pulse 1.6s infinite}
.stop-button{margin-top:10px;width:100%;border:1px solid #e8b4b4;background:#fff5f5;color:#a33;border-radius:8px;padding:8px;font-size:11px;font-weight:700;cursor:pointer}
.stop-button:hover{background:#fdecec}
.stop-button.inline{width:auto;margin:0;padding:7px 10px}
.ws-live{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5d5fef;margin-right:5px;animation:work-pulse 1.6s infinite}
.secondary.compact{height:34px;padding:0 12px;font-size:11px}
.secondary.link{text-decoration:none;display:inline-flex;align-items:center}
.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.panel-hint{font-size:9px;color:#a3a5a9}
.muted{color:#9a9ca0}
.empty-state.small{padding:16px;font-size:10px}
.text-button.danger{color:#b04a4a}
.metric-clickable{cursor:pointer}.metric-clickable:hover{border-color:#cfcfcb}
.activity-item>span.decision{background:#2bbf7d}.activity-item>span.escalation{background:#d65f5f}.activity-item>span.handoff{background:#5d5fef}.activity-item>span.report{background:#3f7968}
.agent-row small.working{color:#5d5fef;font-weight:700}
.run-list{display:grid;gap:6px}
.run-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border:1px solid #ecece8;border:1px solid #ecece8;border-radius:10px;padding:9px 11px;background:#fff;cursor:pointer;text-align:left;font:inherit}
.run-row:hover{border-color:#cfcfcb}
.run-row strong{display:block;font-size:11px}.run-row small{font-size:9px;color:#9a9ca0}.run-row em{font-style:normal;font-size:8px;color:#777;background:#f0f0ed;border-radius:999px;padding:3px 7px}
.run-dot{width:8px;height:8px;border-radius:50%;background:#c9cac7}
.run-row.running .run-dot,.run-row.reviewing .run-dot,.run-row.verifying .run-dot,.run-detail.running .run-dot{background:#5d5fef;animation:work-pulse 1.6s infinite}
.run-row.completed .run-dot,.run-detail.completed .run-dot{background:#2bbf7d}.run-row.failed .run-dot,.run-detail.failed .run-dot{background:#d65f5f}.run-row.cancelled .run-dot,.run-detail.cancelled .run-dot{background:#c9a24a}
.reminder-list{display:grid;gap:6px}.reminder-item{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #f0f0ed;padding:8px 0}.reminder-item strong{display:block;font-size:11px}.reminder-item small{font-size:9px;color:#9a9ca0}.reminder-note{font-size:9px;color:#9a9ca0;margin:10px 0 0;line-height:1.5}

/* board */
.chip-row{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid #e1e1de;background:#fff;color:#6f7176;border-radius:999px;padding:6px 10px;font-size:10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.chip.active{background:#1d1e20;color:#fff;border-color:#1d1e20}.chip b{font-weight:700;opacity:.7}.chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:12px;padding:0 0 0 3px}
.column{min-height:120px;border-radius:8px;transition:background .15s}.column.over{background:#e9e9ff;outline:2px dashed #5d5fef55}
.column-empty{padding:26px 10px;text-align:center;color:#b3b4b8;font-size:10px;border:1px dashed #dcdcd8;border-radius:10px}
.task-card{cursor:grab;transition:transform .15s,box-shadow .15s}.task-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0000000c}.task-card.dragging{opacity:.45;cursor:grabbing}
.task-card.blocked{border-color:#f0c8c8}
.task-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 9px}.task-card p{margin:5px 0 8px}
.task-stage{font-size:8px;border-radius:999px;padding:3px 7px;background:#f0f0ed;color:#6f7176}
.task-stage.planned{background:#fff4dd;color:#8a6410}.task-stage.planning,.task-stage.building,.task-stage.qa{background:#ecefff;color:#4b4fb8}.task-stage.accepted{background:#e6f6ee;color:#2b7350}.task-stage.blocked,.task-stage.rejected{background:#fdecec;color:#a33}
.task-stage.backlog{background:#f0f0ed}.task-stage.doing{background:#ecefff;color:#4b4fb8}.task-stage.review{background:#fff4dd;color:#8a6410}.task-stage.done{background:#e6f6ee;color:#2b7350}
.task-live{font-size:8px;border-radius:999px;padding:3px 7px;background:#5d5fef;color:#fff;animation:work-pulse 1.6s infinite}
.task-label.high{background:#fff0e0;color:#a05a10}.task-label.urgent{background:#fdecec;color:#a33}.task-label.low{color:#aaa}
.task-owner{background:#eee;color:#666}

/* drawers + modal */
.side-drawer{position:fixed;inset:0;z-index:30;pointer-events:none;visibility:hidden}.side-drawer.open{pointer-events:auto;visibility:visible}
.side-drawer .chat-backdrop{opacity:0;transition:.2s}.side-drawer.open .chat-backdrop{opacity:1}
.drawer-sheet{position:absolute;right:0;top:0;bottom:0;width:min(640px,100%);background:#fff;box-shadow:-20px 0 60px #00000012;transform:translateX(100%);transition:.25s ease;display:flex;flex-direction:column}
.side-drawer.open .drawer-sheet{transform:none}
.drawer-sheet>header{min-height:74px;border-bottom:1px solid var(--line);padding:16px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.drawer-sheet h2{font-size:16px;letter-spacing:-.02em;margin:4px 0 0}
.drawer-body{flex:1;overflow:auto;padding:18px 20px 30px;background:#fafaf8}
.drawer-section{background:#fff;border:1px solid #e9e9e5;border-radius:12px;padding:14px 16px;margin-top:12px;font-size:12px;line-height:1.55}
.drawer-section h3{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8a8c91;margin:0 0 8px}.drawer-section h4{font-size:11px;margin:12px 0 4px}
.drawer-section p{margin:0 0 8px;color:#45484d}.drawer-section ul,.drawer-section ol{margin:0 0 8px;padding-left:18px}.drawer-section li{margin:3px 0;color:#45484d}
.drawer-section.plan{border-color:#f1dfb0;background:#fffcf4}.drawer-section.qa{border-color:#cfe3ff;background:#f6faff}
.drawer-section details{border-top:1px solid #f0f0ed;padding:8px 0}.drawer-section summary{cursor:pointer;font-size:11px}
.drawer-foot{margin-top:18px;text-align:right}
.task-actions{display:flex;gap:8px;flex-wrap:wrap}.task-actions.wrap button,.task-actions.wrap a{flex:0 0 auto}
.task-busy{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border:1px solid #dcdcf7;background:#f7f7ff;border-radius:12px;padding:12px 14px}.task-busy strong{font-size:12px;display:block}.task-busy small{font-size:10px;color:#777}
.task-done{border:1px solid #cee7da;background:#f4faf7;color:#2b7350;border-radius:12px;padding:12px 14px;font-weight:700;font-size:12px}
.task-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:14px}.task-meta label{display:grid;gap:3px;font-size:9px;color:#8a8c91}.task-meta select{border:1px solid #e1e1de;border-radius:8px;padding:6px 8px;background:#fff;font-size:11px}
.task-source{font-size:9px;color:#9a9ca0;margin-left:auto;padding-bottom:6px}
.run-detail{border-top:1px solid #f0f0ed;padding:8px 0}.run-detail summary{display:grid;grid-template-columns:10px 1fr auto auto;gap:9px;align-items:center;cursor:pointer;list-style:none}.run-detail summary::-webkit-details-marker{display:none}.run-detail summary strong{font-size:11px}.run-detail summary small{font-size:9px;color:#9a9ca0}
.collab-line{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;border-top:1px solid #f0f0ed;padding:7px 0;font-size:11px}.collab-line strong{font-size:10px;white-space:nowrap}.collab-line span{color:#55585d}.collab-line time{font-size:9px;color:#aaa;white-space:nowrap}
.modal{position:fixed;inset:0;background:#11131855;z-index:40;display:grid;place-items:center;padding:20px}
.modal-card{background:#fff;border-radius:16px;width:min(720px,100%);max-height:92vh;overflow:auto;padding:24px 26px;box-shadow:0 30px 80px #0000002a}
.modal-card h2{font-size:17px;letter-spacing:-.02em;margin:0 0 6px}.modal-hint{font-size:11px;color:#8a8c91;margin:0 0 14px}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.field{display:grid;gap:5px;margin:10px 0;font-size:11px;color:#6f7176}.field span{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#9a9ca0}
.field input,.field textarea,.field select{border:1px solid #dfdfdc;border-radius:10px;padding:10px 12px;font-size:12px;background:#fff;outline:none;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:#999}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* Produktionsfreigabe: die Fakten stehen ruhig untereinander, damit Marcel sie
   liest, bevor er klickt - keine Farbe, die zu einer der beiden Antworten drängt. */
.deploy-approval{display:grid;gap:2px;border:1px solid #dfdfdc;border-radius:10px;padding:12px 14px;background:#fafaf8}
.deploy-row{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:10px;align-items:baseline;padding:3px 0;font-size:11px}
.deploy-row span{color:#9a9ca0;font-size:9px;letter-spacing:.06em;text-transform:uppercase}
.deploy-row strong{font-weight:500;color:#26272a;overflow-wrap:anywhere}
.deploy-reason{margin:12px 0 0;font-size:12px;line-height:1.5;color:#4a4c50;white-space:pre-wrap;overflow-wrap:anywhere}
/* Die Frage selbst ist das Wichtigste im Fenster - sie steht ueber den Details. */
.approval-question{margin:0 0 12px;font-size:14px;line-height:1.45;color:#1d1e20;overflow-wrap:anywhere}
.approval-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#1d1e20;color:#fff;border-radius:10px;padding:11px 16px;font-size:12px;z-index:60;box-shadow:0 12px 40px #00000033;max-width:min(560px,90vw)}.toast.error{background:#a33}
.run-events{display:grid;gap:8px;max-height:52vh;overflow:auto;padding:4px 0}
.run-event{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:start}.run-agent{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:9px;font-weight:700;background:#eee;color:#555}
.run-event strong{font-size:11px;display:block}.run-event small{font-size:9px;color:#9a9ca0}.run-event pre{margin:5px 0 0;background:#f6f6f3;border-radius:8px;padding:8px;font-size:9px;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow:auto}
.run-event.failed strong,.run-event.tool_error strong{color:#a33}.run-event.completed strong{color:#2b7350}

/* employees */
.employee-detail{margin-top:14px;background:#fff;border:1px solid #e5e5e0;border-radius:15px;padding:18px}
.employee-detail>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.employee-detail>header>div:nth-child(2){flex:1}.employee-detail h3{margin:0;font-size:15px}.employee-detail header p{margin:2px 0 0;font-size:10px;color:#8a8c91}
.employee-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.employee-columns .eyebrow{margin-bottom:8px}
.mini-task{display:grid;grid-template-columns:auto 1fr;gap:6px 9px;align-items:center;width:100%;text-align:left;border:1px solid #ecece8;border:1px solid #ecece8;background:#fafaf8;border-radius:10px;padding:9px 11px;margin-bottom:6px;cursor:pointer;font:inherit}
.mini-task strong{font-size:11px}.mini-task small{grid-column:2;font-size:9px;color:#9a9ca0}
.employee-status.blockiert{background:#fdecec;color:#a33}

/* documents */
.file-button{display:inline-flex;align-items:center;cursor:pointer}
.doc-drop{border:2px dashed #dcdcd8;border-radius:14px;padding:26px;text-align:center;color:#9a9ca0;margin-bottom:16px;transition:.15s}.doc-drop.over{border-color:#5d5fef;background:#f3f3ff;color:#4b4fb8}.doc-drop span{font-size:22px;display:block;margin-bottom:6px}.doc-drop p{margin:0;font-size:11px}
.doc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.doc-card{display:grid;grid-template-columns:40px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;cursor:pointer;transition:.15s}.doc-card:hover{border-color:#cfcfcb;transform:translateY(-1px)}
.doc-icon{width:38px;height:38px;border-radius:10px;background:#f1f1ee;display:grid;place-items:center;font-size:16px;color:#555}
.doc-body strong{display:block;font-size:12px}.doc-body small{font-size:9px;color:#9a9ca0;display:block;margin:3px 0 6px}.doc-body p{margin:0;font-size:10px;color:#55585d;line-height:1.5}
.doc-text{white-space:pre-wrap;word-break:break-word;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f6f6f3;border-radius:10px;padding:12px;max-height:60vh;overflow:auto;margin:0}

/* chat v2 */
.chat-message.agent{display:grid;grid-template-columns:30px 1fr;gap:10px;max-width:92%;margin:0 0 16px;padding:0;border:0;background:transparent;white-space:normal}
.chat-avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:9px;font-weight:700;background:#242528;color:#fff}
.chat-message.agent .chat-meta{text-transform:none;letter-spacing:0;font-size:10px;color:#8a8c91;margin-bottom:4px}
.chat-body{background:#fff;border:1px solid #e6e6e2;border-radius:0 12px 12px 12px;padding:10px 13px;font-size:13px;line-height:1.55;color:#303236}
.chat-body p{margin:0 0 6px}.chat-body p:last-child{margin:0}.chat-body h3{font-size:12px;margin:10px 0 4px}.chat-body ul,.chat-body ol{margin:4px 0 6px;padding-left:18px}.chat-body li{margin:2px 0}.chat-body code{font:500 11px ui-monospace,Consolas,monospace;background:#f1f1ee;padding:1px 4px;border-radius:4px}
.chat-message.agent.result .chat-body{border-color:#cee7da;background:#f7fcf9}.chat-message.agent.failed .chat-body{border-color:#f0c8c8;background:#fff7f7}.chat-message.agent.plan .chat-body{border-color:#f1dfb0;background:#fffcf4}.chat-message.agent.qa .chat-body{border-color:#cfe3ff;background:#f6faff}
.chat-message.agent.pending .chat-body{color:#aaa;animation:work-pulse 1.6s infinite}
.chat-attachments{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.execution-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#6f7176;margin-left:auto;margin-right:10px;cursor:pointer}.execution-toggle input{accent-color:#5d5fef}
.chat-form select{max-width:190px}

/* meetings v2 */
.agent-avatar.fabio,.agent-avatar.lena{width:34px;height:34px}
.mode-list{display:grid;gap:8px;margin-top:12px}
.mode-option{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;border:1px solid #e6e6e2;border-radius:11px;padding:11px 12px;cursor:pointer}.mode-option:has(input:checked){border-color:#1d1e20;background:#fafaf8}.mode-option input{margin-top:3px;accent-color:#1d1e20}.mode-option strong{display:block;font-size:12px}.mode-option small{font-size:10px;color:#8a8c91;line-height:1.4}
.agenda-panel .field{margin:12px 0 0}
.live-meeting-grid{grid-template-columns:200px minmax(0,1fr) 260px}
.meeting-center{min-width:0;display:flex;flex-direction:column;min-height:520px}
.center-tabs{display:flex;gap:4px;padding:12px 14px;border-bottom:1px solid #ededE9}
.center-tab{border:0;background:transparent;border-radius:8px;padding:7px 11px;font-size:11px;color:#8b8d92;cursor:pointer;display:flex;gap:6px;align-items:center}.center-tab.active{background:#1d1e20;color:#fff}.center-tab span{font-size:9px;opacity:.7}
.transcript-stream{height:auto;flex:1;max-height:560px}
.screen-panel{flex:1;display:flex;flex-direction:column;min-height:0}
.screen-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #ededE9;background:#fafaf8}.screen-presenter{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8a8c91}.screen-head strong{font-size:13px}
.screen-nav{display:flex;gap:4px}.screen-nav button{width:24px;height:24px;border:1px solid #e1e1de;background:#fff;border-radius:7px;font-size:9px;cursor:pointer}.screen-nav button.active{background:#1d1e20;color:#fff;border-color:#1d1e20}
.screen-content{flex:1;overflow:auto;padding:22px 26px 40px;font-size:13px;line-height:1.6;max-height:560px;scroll-behavior:smooth}
.screen-content h3{font-size:14px;margin:18px 0 6px;padding-top:12px;border-top:1px solid #efefeb}.screen-content h3:first-child{border-top:0;padding-top:0;margin-top:0}.screen-content p{margin:0 0 8px;color:#3d4045}.screen-content ul,.screen-content ol{padding-left:20px;margin:0 0 8px}
.screen-content .highlight{background:#fff3c4;box-shadow:0 0 0 6px #fff3c4;border-radius:4px;transition:background .3s}
.artifact-frame{width:100%;min-height:480px;border:0;border-radius:8px;background:#fff}
.summary-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}
.summary-tasks{display:grid;gap:6px;margin-top:10px}.summary-task{display:grid;grid-template-columns:16px 1fr;gap:9px;align-items:start;border:1px solid #e9e9e5;border-radius:10px;padding:9px 11px;cursor:pointer}.summary-task input{margin-top:2px;accent-color:#1d1e20}.summary-task strong{font-size:11px;display:block}.summary-task small{font-size:9px;color:#9a9ca0}
.past-meetings{margin-top:20px}
.meeting-history{display:grid;gap:6px}.meeting-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border:1px solid #ecece8;border:1px solid #ecece8;border-radius:10px;padding:9px 12px;background:#fff;cursor:pointer;text-align:left;font:inherit}.meeting-row strong{font-size:11px;display:block}.meeting-row small{font-size:9px;color:#9a9ca0}.meeting-row em{font-style:normal;font-size:8px;color:#777;background:#f0f0ed;border-radius:999px;padding:3px 7px}
.meeting-row-dot{width:8px;height:8px;border-radius:50%;background:#c9cac7}.meeting-row-dot.active{background:#2bbf7d}

/* connections */
.integration-card em.disconnected,.integration-card em.error{color:#a33}.integration-card em.pending{color:#8a6410}
.integration-detail{font-size:10px;color:#6f7176;line-height:1.5;margin:8px 0 0;flex:1}
.integration-link{font-size:9px;color:#5d5fef;text-decoration:none;margin-top:8px}
.checked-note{font-size:10px;color:#9a9ca0;margin-top:14px}

@media(max-width:1120px){.live-meeting-grid{grid-template-columns:180px minmax(0,1fr)}.meeting-task-rail{grid-column:1/-1}.summary-grid{grid-template-columns:1fr}.employee-columns{grid-template-columns:1fr}}
@media(max-width:760px){.doc-list{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.live-meeting-grid{grid-template-columns:1fr}.drawer-sheet{width:100%}.chat-form select{max-width:130px}}

/* invitations + initiative */
.invitation-banner{padding:14px 34px 0}
.invitation{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:start;background:#1d1e20;color:#fff;border-radius:14px;padding:14px 18px;margin-bottom:10px;box-shadow:0 10px 30px #1d1e2022}
.invitation strong{display:block;font-size:13px}.invitation small{display:block;font-size:10px;color:#b3b4b8;margin-top:2px}.invitation p{margin:6px 0 0;font-size:11px;color:#d6d7da;line-height:1.5}.invitation ol{margin:6px 0 0;padding-left:18px;font-size:10px;color:#b3b4b8}
.invitation-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:150px}.invitation-actions .primary{background:#fff;color:#1d1e20}.invitation-actions .primary:hover{background:#eee}.invitation-actions .secondary{background:transparent;color:#fff;border-color:#ffffff44}.invitation-actions .text-button{color:#aaa;text-align:center}
.invitation-hint{margin-top:12px;border:1px solid #dcdcf7;background:#f7f7ff;border-radius:11px;padding:12px}.invitation-hint strong{display:block;font-size:12px}.invitation-hint small{font-size:10px;color:#777}.invitation-hint p{margin:6px 0;font-size:11px;color:#55585d}
.init-stats{font-size:10px;color:#8a8c91;margin:8px 0}
.ledger{max-height:40vh;overflow:auto;border-top:1px solid #f0f0ed}
.ledger-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;border-bottom:1px solid #f0f0ed;padding:10px 0}.ledger-row strong{font-size:11px;display:block}.ledger-row small{font-size:9px;color:#9a9ca0}.ledger-row p{margin:4px 0 0;font-size:10px;color:#55585d;line-height:1.45}
.ledger-row.rejected{opacity:.6}.ledger-actions{display:flex;gap:4px;align-items:center}.thumb{border:1px solid #e1e1de;background:#fff;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:13px}.thumb:hover{background:#f4f4f1}
.task-stage.proposal{background:#eaf3f0;color:#2f6b58}
.task-stage.vorbereitung{background:#f1ecfa;color:#5a3f95}
.tm-list{max-height:340px;overflow:auto;border:1px solid #e9e9e5;border-radius:12px;padding:6px;margin:10px 0}
.tm-row{display:flex;gap:10px;align-items:flex-start;padding:7px 8px;border-radius:8px;cursor:pointer}
.tm-row:hover{background:#f7f7f4}.tm-row input{margin-top:3px}
.tm-row strong{display:block;font-size:12px;font-weight:600}.tm-row small{font-size:10px;color:#8a8c91}
.modal-hint{font-size:11px;color:#55585d;margin:0 0 4px;line-height:1.5}
.tm-stand{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fbf9ff;border:1px solid #ded2f4;border-radius:12px;padding:10px 14px;margin:0 0 12px}
.tm-stand strong{font-size:12px;display:block}.tm-stand small{font-size:10px;color:#5a3f95}
.tm-stand.eingeladen{background:#fff8e6;border-color:#f1dfb0}
.tm-tickets{display:flex;gap:6px;flex-wrap:wrap;flex:1}
/* Redeliste: wer dran ist, leuchtet (.active); wer wartet, steht angemeldet. */
[data-employee].wartet{opacity:.9}
[data-employee].wartet::after{content:"wartet";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#5a3f95;background:#f1ecfa;border-radius:6px;padding:2px 6px}
[data-employee]{position:relative}
.drawer-section.vorbereitung{border-color:#ded2f4;background:#fbf9ff}
.reminder-item.sent{background:#fff8e6;border-radius:8px;padding:8px 10px;border-top:0}
@media(max-width:760px){.invitation-banner{padding:12px 16px 0}.invitation{grid-template-columns:1fr}.invitation-actions{flex-direction:row;flex-wrap:wrap}}

/* credentials */
.secrets-panel{margin-top:18px}.secrets-grid{display:grid;gap:8px;margin-top:12px}
.secret-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr) auto auto;gap:10px;align-items:center;border:1px solid #ecece8;border-radius:11px;padding:10px 12px;background:#fafaf8}
.secret-row strong{display:block;font-size:11px}.secret-row small{font-size:9px;color:#9a9ca0;line-height:1.4}
.secret-row input{border:1px solid #dfdfdc;border-radius:9px;padding:9px 11px;font-size:12px;background:#fff;outline:none;min-width:0}.secret-row input:focus{border-color:#999}
.secret-missing{font-size:9px;color:#a33}
@media(max-width:900px){.secret-row{grid-template-columns:1fr}}

/* oauth accounts */
.oauth-panel{margin-top:18px}.oauth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.oauth-card{border:1px solid #ecece8;border-radius:13px;padding:15px;background:#fafaf8;display:flex;flex-direction:column;gap:6px}
.oauth-card.connected{border-color:#cee7da;background:#f7fcf9}
.oauth-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.oauth-head strong{font-size:12px}
.oauth-head em{font-style:normal;font-size:9px}.oauth-head em.connected{color:var(--green)}.oauth-head em.pending{color:#8a6410}.oauth-head em.disconnected{color:#a33}
.oauth-hint{margin:0;font-size:10px;color:#8a8c91;line-height:1.5}
.oauth-account{margin:0;font-size:11px;font-weight:600}
.oauth-needs{margin:0;font-size:10px;color:#a33;line-height:1.45}
.oauth-redirect{margin:0;font-size:9px;color:#8a8c91}.oauth-redirect code{display:block;margin-top:3px;font:500 10px ui-monospace,Consolas,monospace;background:#f1f1ee;padding:5px 7px;border-radius:6px;word-break:break-all}
.device-code{border:1px solid #dcdcf7;background:#f7f7ff;border-radius:10px;padding:11px;display:grid;gap:5px;justify-items:start}
.device-code span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8a8c91}
.device-code strong{font:700 22px ui-monospace,Consolas,monospace;letter-spacing:.12em}
.device-code small{font-size:9px;color:#8a8c91}
.oauth-actions{margin-top:auto;padding-top:6px}
@media(max-width:900px){.oauth-grid{grid-template-columns:1fr}}
.mode-tags{display:flex;flex-wrap:wrap;gap:4px}
.mode-tag{font-size:8px;border-radius:999px;padding:3px 7px;background:#f0f0ed;color:#6f7176}
.mode-tag.connector{background:#ecefff;color:#4b4fb8}.mode-tag.oauth{background:#e6f6ee;color:#2b7350}
.oauth-optional summary{font-size:10px;color:#6f7176;cursor:pointer}.oauth-optional p{font-size:10px;color:#8a8c91;line-height:1.5;margin:6px 0 0}
.oauth-card.connectors{background:#fbfbf9}.oauth-card.muted-card{opacity:.7}
.connector-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.connector-list li{display:flex;align-items:center;gap:7px;font-size:10px;color:#55585d}
.connector-list li>span{width:6px;height:6px;border-radius:50%;background:#c9cac7;flex:0 0 auto}
.connector-list li.on>span{background:#2bbf7d}.connector-list li small{margin-left:auto;font-size:9px;color:#9a9ca0}

/* Team chat: a real chat window. Threads on the left, the conversation in the
   middle, the team's live work on the right. */
.chat-shell{display:grid;grid-template-columns:246px minmax(0,1fr) 288px;height:calc(100vh - 236px);min-height:560px;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 10px 35px #18191b08}
.chat-shell:has(.chat-rail.collapsed){grid-template-columns:246px minmax(0,1fr) 0}

.chat-threads{display:flex;flex-direction:column;min-height:0;background:#fbfbf9;border-right:1px solid #ececE8}
.chat-threads-head{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 10px}
.chat-new{width:26px;height:26px;border:1px solid #e2e2de;background:#fff;border-radius:8px;color:#4d5055;font-size:14px;line-height:1;cursor:pointer;transition:.15s}
.chat-new:hover{background:#232427;color:#fff;border-color:#232427}
.chat-thread-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 14px;display:flex;flex-direction:column;gap:3px}
.chat-thread{display:grid;gap:3px;width:100%;text-align:left;border:0;background:transparent;border-radius:9px;padding:9px 10px;cursor:pointer;transition:.14s}
.chat-thread:hover{background:#f0f0ec}
.chat-thread.active{background:#fff;box-shadow:0 1px 2px #00000008,0 0 0 1px #e6e6e1}
.chat-thread.draft strong{color:#8b8d92}
.chat-thread-top{display:flex;align-items:center;gap:6px}
.chat-thread-top strong{font-size:11.5px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-thread-busy{width:6px;height:6px;border-radius:50%;background:#2db779;flex-shrink:0;animation:work-pulse 1.6s infinite}
.chat-thread-preview{font-size:9.5px;color:#9b9da1;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-thread-meta{font-size:8.5px;color:#a4a6aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.chat-main-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px;border-bottom:1px solid #ededea}
/* Der Titel muss schrumpfen duerfen, sonst schiebt ein langer Gespraechsname
   die Knoepfe rechts aus dem Fenster. Und: die Kurzschreibweise "font:" darf
   kein "inherit" in der Familienliste tragen – der Browser verwirft dann die
   ganze Angabe und setzt den Titel in seiner Standardgroesse. */
.chat-main-title{min-width:0;flex:1 1 auto}
.chat-main-title h2{font-weight:650;font-size:15px;letter-spacing:-.02em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-main-title span{display:block;font-size:10.5px;color:#8a8d92;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-head-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.chat-head-actions .icon-button{width:28px;height:28px;font-size:11px}

.chat-main .chat-messages{flex:1;min-height:0;overflow-y:auto;background:#f8f8f6;padding:24px 30px 30px}

.chat-composer{border-top:1px solid var(--line);background:#fff;padding:12px 30px 16px;position:relative}
.composer-box{border:1px solid #dcdcd8;border-radius:14px;background:#fff;padding:10px 12px 8px;transition:.15s;box-shadow:0 1px 2px #00000006}
.composer-box:focus-within{border-color:#a9aab0;box-shadow:0 3px 14px #17181a0f}
.chat-composer textarea{width:100%;border:0;outline:none;resize:none;font-size:13px;line-height:1.55;color:#25262a;background:transparent;padding:0;min-height:24px;max-height:220px;overflow-y:auto}
.composer-actions{display:flex;align-items:center;gap:6px;margin-top:8px}
.composer-icon{width:30px;height:30px;border:1px solid #e6e6e2;background:#fafaf8;border-radius:9px;font-size:13px;line-height:1;cursor:pointer;transition:.15s}
.composer-icon:hover{background:#f0f0ec}
.composer-icon.recording{background:#fdecec;border-color:#f0c9c9;animation:work-pulse 1.4s infinite}
.composer-select{border:1px solid #e6e6e2;background:#fafaf8;border-radius:9px;padding:7px 8px;font-size:10px;color:#5d6066;cursor:pointer;max-width:150px}
.chat-composer .execution-toggle{margin-left:auto;margin-right:2px}
.composer-send{width:34px;height:30px;padding:0;border-radius:9px;font-size:13px}
.composer-hint{margin:7px 2px 0;font-size:9px;color:#a8aaae}

.chat-mention{position:absolute;left:30px;bottom:calc(100% - 8px);z-index:6;min-width:250px;background:#fff;border:1px solid #e2e2de;border-radius:12px;box-shadow:0 12px 34px #17181a1a;padding:5px;display:flex;flex-direction:column;gap:2px}
.chat-mention button{display:flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:8px;padding:7px 9px;font-size:11px;color:#4c4f54;cursor:pointer;text-align:left}
.chat-mention button:hover,.chat-mention button:focus{background:#f2f2ef}
.chat-mention .chat-avatar{width:21px;height:21px;border-radius:50%;font-size:8px;flex-shrink:0}

.chat-rail{display:flex;flex-direction:column;min-height:0;background:#fbfbf9;border-left:1px solid #ececE8;overflow:hidden}
.chat-rail.collapsed{display:none}
.chat-rail-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px}
.chat-rail-dot{width:7px;height:7px;border-radius:50%;background:#c9cac7}
.chat-rail-dot.busy{background:#2db779;box-shadow:0 0 0 3px #2db77919;animation:work-pulse 1.6s infinite}
.chat-rail .active-run{margin:0 12px 8px;border:1px solid #e8e8e3;border-top:1px solid #e8e8e3;border-radius:11px;padding:11px 12px;box-shadow:none;max-height:200px;overflow-y:auto}
.chat-rail-body{flex:1;min-height:0;overflow-y:auto;padding:0 12px 16px;display:flex;flex-direction:column;gap:14px}
.rail-block{display:flex;flex-direction:column;gap:6px}
.rail-title{margin:0 0 2px;font-size:9px;letter-spacing:.1em;font-weight:700;color:#a0a2a6}
.rail-empty{font-size:10px;color:#a3a5a9;line-height:1.5;padding:6px 2px}
.rail-person{display:grid;grid-template-columns:26px 1fr 7px;align-items:center;gap:8px;background:#fff;border:1px solid #ececE7;border-radius:10px;padding:8px 9px}
.rail-person .chat-avatar{width:24px;height:24px;border-radius:50%;font-size:8px}
.rail-person strong{display:block;font-size:10.5px}
.rail-person small{display:block;font-size:9px;color:#9a9ca0;line-height:1.35;margin-top:1px}
.rail-person i{width:6px;height:6px;border-radius:50%;background:#d2d3d0}
.rail-person i.on{background:#2db779;box-shadow:0 0 0 3px #2db77919;animation:work-pulse 1.6s infinite}
.rail-task{display:grid;gap:2px;text-align:left;width:100%;background:#fff;border:1px solid #ececE7;border-radius:10px;padding:8px 9px;cursor:pointer;transition:.14s}
.rail-task:hover{border-color:#d5d6d1;transform:translateY(-1px)}
.rail-task strong{font-size:10.5px;line-height:1.35}
.rail-task small{font-size:9px;color:#9a9ca0}
.rail-events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.rail-events li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:6px;font-size:9px;color:#8e9095;padding:4px 3px;border-radius:6px}
.rail-events li b{color:#54575c;font-weight:600}
.rail-events li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rail-events li time{font-size:8px;color:#b8b9bd}
.rail-events li.tool_error{background:#fdf3f3;color:#a26565}
.rail-events li.completed b,.rail-events li.commit b{color:#3a7a5d}

@media(max-width:1180px){.chat-shell{grid-template-columns:210px minmax(0,1fr);}.chat-rail{display:none}}
@media(max-width:820px){.chat-shell{grid-template-columns:1fr;height:calc(100vh - 214px)}.chat-threads{display:none}.chat-main .chat-messages{padding:18px 14px 24px}.chat-composer{padding:10px 14px 12px}.chat-mention{left:14px;right:14px}}

/* Team-Chat fuellt die ganze Anwendung, kein Fenster im Fenster. */
.main{display:flex;flex-direction:column;min-height:100vh}
.page-wrap{flex:1;min-height:0}
.page-wrap:has(#view-chat.active){max-width:none;width:100%;padding:0;display:flex;min-height:0}
.page-wrap:has(#view-chat.active)>#view-chat.active{display:flex;flex:1;min-width:0;min-height:0}
.page-wrap:has(#view-chat.active) .chat-shell{flex:1;width:100%;height:auto;min-height:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:none;grid-template-columns:300px minmax(0,1fr) 320px}
@media(max-width:1300px){.page-wrap:has(#view-chat.active) .chat-shell{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:860px){.page-wrap:has(#view-chat.active) .chat-shell{grid-template-columns:1fr}}

/* ---------------------------------------------------------------------------
   Ein Hintergrund fuer die ganze Anwendung. Das Grau des Chatverlaufs traegt
   jetzt den kompletten Bildschirm; alles darueber ist durchscheinend und
   grenzt nur noch ab, statt eigene weisse Flaechen zu setzen.
   --------------------------------------------------------------------------- */
:root{--ground:#f4f4f1;--veil:#ffffffb8;--veil-soft:#ffffff8c;--hair:#0000000f}
html,body{height:100%}
body{background:var(--ground)}

/* Der Rahmen steht, gescrollt wird nur innerhalb der Bereiche. */
.app-shell{height:100vh;min-height:0;overflow:hidden}
.main{height:100vh;min-height:0;overflow:hidden}
.page-wrap{flex:1;min-height:0;overflow-y:auto}

.sidebar{background:#efefec;border-right:1px solid var(--hair)}
.topbar{background:#ffffff99;backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.workspace-tabs{background:transparent;border-bottom:1px solid var(--hair)}

.panel,.metric-grid article,.project-card,.knowledge-card,.integration-card,.employee-card,.doc-card,.task-card,.presence-card,.secret-row,.oauth-card,.employee-detail,.collaboration-panel,.live-meeting,.meeting-summary,.board-column,.run-row,.meeting-row,.mini-task{background:var(--veil);border-color:var(--hair);backdrop-filter:blur(6px)}
.board-column{background:var(--veil-soft)}
.metric-grid .metric-accent,.meeting-hero,.invitation,.chat-message.user{background:#1d1e20;border-color:#1d1e20}
.modal-card,.drawer-sheet{background:#fbfbf9e6;backdrop-filter:blur(18px)}

/* Chat: eine Flaeche, keine Kacheln, keine weisse Wanne um die Eingabe. */
.page-wrap:has(#view-chat.active) .chat-shell{background:transparent;border:0}
.chat-threads{background:#ffffff70;border-right:1px solid var(--hair)}
.chat-work{background:#ffffff70;border-left:1px solid var(--hair)}
.chat-main-head{background:transparent;border-bottom:1px solid var(--hair)}
.chat-messages{background:transparent}
.chat-composer{background:transparent;border-top:1px solid var(--hair);padding-top:10px;padding-bottom:10px}
.composer-box{background:#ffffffcc;border:1px solid var(--hair);border-radius:12px;padding:8px 10px 6px;box-shadow:none;backdrop-filter:blur(8px)}
.composer-box:focus-within{background:#fffffff2;border-color:#00000024}
.chat-composer textarea{min-height:22px}
.chat-body{background:#ffffffd9;border-color:var(--hair)}

/* Gespraechstitel bleiben in ihrer Spalte. */
.chat-thread{min-width:0}
.chat-thread-top{min-width:0}
.chat-thread-top strong,.chat-thread-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.chat-thread-preview,.chat-thread-meta{min-width:0}

/* Die Eingabe ist eine Zeile auf dem Grund, keine weisse Wanne. */
.chat-composer{padding-top:6px;padding-bottom:8px}
.composer-box{background:transparent;border:0;border-radius:0;padding:2px 0 0;box-shadow:none;backdrop-filter:none}
.composer-box:focus-within{background:transparent;border:0}
.chat-composer textarea{font-size:14px}
.composer-actions{padding-top:2px}
.composer-icon{background:transparent;border:0}
.composer-hint{opacity:.55}

/* Der Chat nutzt die ganze Anwendungsbreite: der Verlauf sitzt nicht mehr in
   einer schmalen Mittelspalte, Sprechblasen begrenzen sich selbst. */
.page-wrap:has(#view-chat.active) .chat-main .chat-messages{padding-left:32px;padding-right:32px}
.page-wrap:has(#view-chat.active) .chat-composer{padding-left:32px;padding-right:32px}
.chat-main .chat-message{max-width:min(94%,1180px)}
.chat-main .chat-message.user{max-width:min(80%,760px)}
.chat-main .chat-message.agent{width:100%}
.chat-rail{background:#ffffff70;border-left:1px solid var(--hair)}
@media(max-width:1180px){.page-wrap:has(#view-chat.active) .chat-main .chat-messages,.page-wrap:has(#view-chat.active) .chat-composer{padding-left:20px;padding-right:20px}}

/* Die Eingabe ist das wichtigste Feld der Anwendung und muss als solches zu
   sehen sein: eine klare weisse Karte mit Rahmen, ruhigem Schatten und einem
   deutlichen Fokusring. */
.chat-composer{padding-top:14px;padding-bottom:18px}
.composer-box{background:#fff;border:1px solid #d9d9d4;border-radius:16px;padding:12px 14px 10px;box-shadow:0 2px 10px #17181a0d;backdrop-filter:none;transition:border-color .15s,box-shadow .15s}
.composer-box:hover{border-color:#c6c6c0}
.composer-box:focus-within{border-color:#8f9197;background:#fff;box-shadow:0 4px 18px #17181a14,0 0 0 3px #5d5fef1f}
.chat-composer textarea{font-size:14px;line-height:1.6;min-height:26px;color:#23242a}
.chat-composer textarea::placeholder{color:#a9abaf}
.composer-actions{margin-top:10px;padding-top:9px;border-top:1px solid #f0f0ec}
.composer-icon{width:32px;height:32px;border:1px solid #e3e3de;background:#fafaf8;border-radius:10px;color:#5b5e63;font-size:14px}
.composer-icon:hover{background:#efefeb;border-color:#d5d5cf}
.composer-select{border:1px solid #e3e3de;background:#fafaf8;border-radius:10px;padding:8px 9px;font-size:10.5px;min-width:120px}
.composer-select:hover{border-color:#d5d5cf}
.composer-send{width:38px;height:32px;border-radius:10px;font-size:14px}
.composer-hint{opacity:1;color:#a4a6aa;margin-top:8px}

/* Ein Chat fuellt sich von unten. Kurze Gespraeche kleben sonst oben und
   lassen eine grosse leere Flaeche ueber der Eingabe stehen. */
.chat-main .chat-messages{display:flex;flex-direction:column;gap:0}
.chat-main .chat-messages>:first-child{margin-top:auto}
.chat-main .chat-empty{margin:auto;padding:40px 20px}

/* Gedächtnis: was Marcel dem Team beigebracht hat. */
.memory-filters{display:flex;align-items:center;gap:18px;padding:0 4px 14px;border-bottom:1px solid #e9e9e5;font-size:10px;color:#6d7075}
.memory-filters label{display:flex;align-items:center;gap:6px;cursor:pointer}
.memory-filters .checked-note{margin-left:auto}
.memory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;padding:16px 2px}
.memory-empty{grid-column:1/-1;margin:48px 0;text-align:center;font-size:11px;line-height:1.6;color:#a0a2a5}
.memory-card{border:1px solid #e3e3de;background:#fff;border-radius:12px;padding:13px 14px;display:flex;flex-direction:column;gap:8px}
.memory-card.retired{opacity:.55;background:#fbfbf9}
/* Grundsatz: gilt ueberall und laesst sich nicht wegklicken - das darf man sehen. */
.memory-card.pinned{border-color:#cfdfd5;background:#fcfefd}
.memory-card.pinned .memory-seen{color:#3e795d}
.memory-card header{display:flex;align-items:center;gap:7px}
.memory-kind{font-style:normal;font-size:7px;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 7px;background:#f0f0ed;color:#777a7f}
.memory-kind.correction,.memory-kind.rejection{background:#fdf0ee;color:#9c5340}
.memory-kind.decision{background:#edf7f1;color:#3e795d}
.memory-kind.preference{background:#eef2fb;color:#4a5f92}
.memory-seen{margin-left:auto;font-size:7px;color:#a0a2a5}
.memory-card strong{font-size:11px;line-height:1.45}
.memory-evidence{font-size:9px;line-height:1.5;color:#888b90;margin:0;font-style:italic}
.memory-card footer{border-top:1px solid #f0f0ed;padding-top:8px;margin-top:auto;display:flex;align-items:center;gap:8px;font-size:7px;color:#a0a2a5}
.memory-forget{margin-left:auto;border:1px solid #e3e3de;background:#fff;border-radius:7px;padding:4px 9px;font-size:8px;color:#777a7f;cursor:pointer}
.memory-forget:hover{background:#fdf0ee;border-color:#e8cec6;color:#9c5340}
.memory-forget:disabled{opacity:.5;cursor:default}

/* ---------------------------------------------------------------------------
   Team-Chat, nachgesehen wie ein Besucher: der leere Chat war ein blasser
   Fleck, die eigene Nachricht hatte weder Absender noch Uhrzeit, und auf
   schmalen Fenstern fehlte die Gespraechsliste ersatzlos.
   --------------------------------------------------------------------------- */

/* Der leere Zustand traegt eine ganze Bildschirmflaeche – dann muss er auch
   lesbar sein und sagen, was als Naechstes zu tun ist. */
.chat-main .chat-empty{color:#7a7d83;max-width:470px}
.chat-main .chat-empty>span{width:50px;height:50px;border-radius:16px;font-size:19px;margin-bottom:16px}
.chat-main .chat-empty strong{font-size:17px;color:#1f2023;letter-spacing:-.025em}
.chat-main .chat-empty p{font-size:12.5px;line-height:1.65;max-width:400px;margin:11px auto 0;color:#71747a}

/* Die eigene Nachricht bekommt denselben ruhigen Absenderstreifen wie die der
   Agents, nur rechtsbuendig. */
.chat-message.user .chat-meta{text-transform:none;letter-spacing:0;font-size:10px;color:#a8aaae;text-align:right;margin-bottom:5px}

/* Der Tastaturhinweis war so blass, dass er nur noch Flaeche belegt hat. */
.composer-hint{font-size:10px;color:#8d9095}

/* Schmales Fenster: die Gespraechsliste wird zur Leiste ueber dem Verlauf,
   statt zu verschwinden. Sonst gibt es dort weder einen Wechsel noch ein
   neues Gespraech. */
@media(max-width:860px){
  .page-wrap:has(#view-chat.active) .chat-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .chat-threads{display:flex;flex-direction:row;align-items:center;gap:9px;padding:8px 14px;border-right:0;border-bottom:1px solid var(--hair)}
  .chat-threads-head{padding:0;flex-shrink:0}
  .chat-threads-head .eyebrow{display:none}
  .chat-new{width:auto;height:29px;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap}
  .chat-new:after{content:"Neu";font-size:11px;font-weight:600}
  .chat-thread-list{flex:1;min-width:0;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0;gap:6px}
  .chat-thread{flex:0 0 auto;width:auto;min-width:136px;max-width:196px;padding:7px 10px;align-content:center}
  .chat-thread-preview{display:none}
  .chat-thread-top strong{font-size:11px}
}

/* Die Meeting-Karte in der Uebersicht wurde am rechten Rand abgeschnitten. */
.meeting-button{max-width:100%;flex-shrink:0}
.meeting-button>span:last-child{min-width:0}
.meeting-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-heading>div:first-child{min-width:0}

/* Eine wartende Freigabe. Unumkehrbares wird deutlich abgesetzt, aber keine
   Farbe draengt zu einer der beiden Antworten - Marcel soll lesen, nicht
   reflexhaft klicken. */
.invitation.approval{border-left:3px solid #6d7075}
.invitation.approval.destructive{border-left-color:#c05b5b;background:#2a1f1f}
.invitation.approval.destructive small{color:#e0a5a5}
.approval-question{margin:14px 0 4px;font-size:15px;line-height:1.5;font-weight:600;color:#1e1f21}
.approval-note{margin:12px 0 0;font-size:10px;line-height:1.5;color:#8b8d92}
.approval-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.composer-hint.waiting{color:#5a5d62;background:#fdf6ec;border:1px solid #f0e0c4;border-radius:9px;padding:7px 10px;margin-top:9px}
.composer-hint.waiting strong{color:#8a6a2f}

/* Versprechen. Gebrochenes steht oben und wird nicht weggeschoenert; die
   gemessene Zahl steht immer daneben, sonst ist es wieder nur eine Behauptung. */
.promises-list{display:grid}
.promise{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #efefec}
.promise:first-child{border-top:0}
.promise-dot{width:7px;height:7px;border-radius:50%;background:#c9cac7}
.promise.kept .promise-dot{background:#2db779}
.promise.broken .promise-dot{background:#c9605f}
.promise strong{display:block;font-size:11.5px;font-weight:600;line-height:1.4}
.promise small{display:block;font-size:9px;color:#9a9ca0;margin-top:3px}
.promise em{font-style:normal;font-size:8.5px;border-radius:999px;padding:4px 8px;background:#f1f1ee;color:#7a7d82}
.promise.kept em{background:#eef7f2;color:#367457}
.promise.broken em{background:#fbeeee;color:#94494a}

/* "Gemerkt" steht an Marcels Nachricht, nicht in der Antwort: eine Zusage im
   Fliesstext ist eine Behauptung, dieses Zeichen ist ein Beleg. */
.chat-remembered{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:9px;letter-spacing:.02em;color:#a9dcc4;background:#ffffff14;border-radius:999px;padding:4px 9px}

/* Ein Nachtrag ist jemand, der spaeter den Kopf hebt und widerspricht. Das
   soll man sehen, ohne dass es wie eine zweite Hauptantwort wirkt. */
.chat-nachtrag{display:inline-block;margin-left:6px;font-size:8px;letter-spacing:.04em;text-transform:uppercase;background:#eeeef8;color:#5b5fc7;border-radius:999px;padding:2px 6px}
.chat-message.agent.nachtrag .chat-body{border-left:2px solid #dcdcf3;padding-left:11px}

/* Mehr als zwei Karten oben schieben den Inhalt aus dem Bild. Der Rest wird
   eine Zeile, die in die Uebersicht fuehrt. */
.invitation-more{display:block;width:100%;margin-top:8px;border:1px dashed #ffffff33;background:transparent;color:#c9cbd0;border-radius:10px;padding:9px;font-size:10.5px;cursor:pointer}
.invitation-more:hover{background:#ffffff0f;color:#fff}

/* Vor dem Start sagen, was im Meeting schieflaufen koennte - nicht mittendrin. */
.meeting-warnung{margin:16px 0 0;max-width:470px;font-size:10.5px;line-height:1.55;color:#e6c9a8;background:#ffffff12;border-radius:9px;padding:9px 11px;z-index:1}