:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9e8f3;background:#0b0b13}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #393344;border-radius:9px;background:#262134;color:#eee;padding:9px 11px}button:hover{border-color:#8e74da}button:disabled{opacity:.4;cursor:wait}.hidden{display:none!important}.brand{font-weight:800;letter-spacing:.09em;font-size:17px;color:#fff}.brand b{color:#b594ff;font-size:12px}.app{display:grid;grid-template-columns:220px minmax(320px,1fr) 295px;min-height:100vh}.sidebar{border-right:1px solid #262434;padding:28px 16px;display:flex;flex-direction:column;gap:26px;background:#11111c}.eyebrow{font-size:10px;letter-spacing:.17em;color:#8f89a3;font-weight:800}.room{width:100%;text-align:left;background:transparent;padding:14px 11px;display:block;margin:7px 0;border:1px solid transparent}.room.active{background:#29223d;border-color:#554178}.room strong{display:block;font-size:13px}.room small{color:#a79cac}.sidefoot{margin-top:auto;color:#91899d;font-size:12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.liveDot{width:8px;height:8px;background:#8a78e8;border-radius:50%}.link{padding:3px 0;background:none;border:0;color:#ad94f6;margin-left:auto}.main{min-width:0;display:flex;flex-direction:column;height:100vh}.top{padding:22px 30px;border-bottom:1px solid #262434;display:flex;align-items:center;justify-content:space-between;gap:12px}.top h1{margin:0;font-size:23px}.top p{margin:5px 0}#roomMeta{font-size:12px;color:#9994a7}.topright{display:flex;gap:9px;align-items:center}.badge{border-radius:99px;background:#2c2446;color:#baa7ff;padding:8px 12px;font-size:11px}.secondary{background:none}.chat{overflow-y:auto;flex:1;padding:22px 30px;display:flex;flex-direction:column;gap:16px}.message{max-width:760px;background:#181724;border:1px solid #2c293b;border-radius:14px;padding:16px 19px}.message.ceo{background:#272039;border-color:#51436d;align-self:flex-end}.who{font-size:11px;color:#bfaff6;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;margin:9px 0 4px}.time{font-size:10px;color:#868098}.empty{margin:auto;color:#9d97ab;text-align:center;max-width:420px;line-height:1.8}.compose{border-top:1px solid #292636;background:#11111c;padding:13px 23px 20px}.status{color:#aaa3ba;font-size:11px;margin:0 0 9px}.compose textarea{width:100%;border:1px solid #3c354e;background:#191725;border-radius:10px;color:#f4f2ff;padding:12px;resize:vertical;min-height:70px;outline:none}.composebar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:9px}.agents{display:flex;gap:6px;flex-wrap:wrap}.agents button{font-size:11px;padding:7px 9px}.send,.loginCard button[type=submit]{background:#8966d8;border-color:#8966d8;color:white;font-weight:700}.right{padding:25px 16px;border-left:1px solid #262434;background:#11111c;overflow:auto;max-height:100vh}.pane{margin-bottom:26px}.panehead{display:flex;align-items:center;justify-content:space-between}.panehead h2{font-size:15px;margin:0 0 9px}.panehead button{font-size:11px;padding:5px 8px}.provider,.item{padding:11px;background:#1c1a27;border:1px solid #2a2637;border-radius:10px;margin:7px 0;font-size:12px}.provider{display:flex;justify-content:space-between}.yes{color:#71d8b0}.no{color:#ffa986}.item strong{display:block;margin-bottom:7px}.item select{width:100%;background:#252134;color:#fff;border:1px solid #494053;border-radius:5px;padding:5px}.choices{display:flex;gap:5px}.choices button{flex:1;font-size:11px;padding:5px}.small{color:#9e99aa;font-size:12px;line-height:1.6}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 45% 20%,#2a1d46,#0b0b13 60%)}.loginCard{width:min(430px,100%);background:#181522;border:1px solid #43325d;border-radius:19px;padding:36px;display:grid;gap:17px}.loginCard h1{margin:10px 0 0;font-size:26px}.loginCard p{font-size:13px;color:#aaa3b9;margin:0}.loginCard label{font-size:12px;display:grid;gap:8px}.loginCard input{padding:12px;background:#0f0d18;border:1px solid #484055;border-radius:8px;color:white}.error{color:#ffa5a5!important}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #bea7ff;outline-offset:2px}@media(max-width:980px){.app{grid-template-columns:180px minmax(0,1fr)}.right{grid-column:1/-1;max-height:none;border-left:0;border-top:1px solid #262434;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.main{height:80vh}}@media(max-width:600px){.app{display:block}.sidebar{padding:15px;gap:9px}.sidebar #meetings{display:flex;overflow-x:auto;gap:5px}.room{min-width:148px}.sidefoot{display:flex}.main{height:75vh}.top{padding:14px}.top h1{font-size:18px}.topright .badge{display:none}.chat{padding:12px}.compose{padding:11px}.right{display:block}.composebar{align-items:flex-start}.agents button{padding:6px}.message{width:100%}}

/* Keep long user input within cards and preserve usable controls on small screens. */
.item{min-width:0;overflow-wrap:anywhere}.pane{min-width:0}.top>div{min-width:0}.top h1{overflow-wrap:anywhere}.topright{flex-shrink:0}.send{flex-shrink:0}.chat{min-height:0}
dialog{width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#181522;color:#e9e8f3;border:1px solid #554178;border-radius:14px;padding:24px}dialog::backdrop{background:#0009}dialog form{display:grid;gap:16px}dialog h2{margin:0;font-size:20px}dialog label{display:grid;gap:8px;font-size:13px}dialog input{width:100%;min-width:0;padding:12px;border:1px solid #484055;border-radius:8px;background:#0f0d18;color:white;font-size:16px}dialog .error{margin:0}dialog .choices button{min-height:44px;font-size:14px}
@media(max-width:600px){.room{flex:0 0 148px}.sidefoot .link,.topright button,.panehead button,.choices button,.item select{min-height:44px}.compose textarea,.loginCard input{font-size:16px}.main{height:max(600px,80dvh)}.composebar{flex-wrap:wrap}.agents{flex:1 1 230px}.agents button{min-height:36px}.right{padding:20px 15px}}

#collaborationStatus{margin-bottom:9px;overflow-wrap:anywhere}.proposal{white-space:pre-wrap;overflow-wrap:anywhere}details{margin:10px 0}summary{cursor:pointer;color:#bfaff6}

.task-run{margin-top:10px;width:100%;min-height:40px}dialog select{width:100%;min-width:0;padding:12px;border:1px solid #484055;border-radius:8px;background:#0f0d18;color:white;font:inherit}.item .error{line-height:1.6}details:focus-within{outline-offset:2px}

.team-panel{padding:14px 24px;border-bottom:1px solid #292636}.team-panel h2{font-size:15px;margin:0}.team-panel>p{margin:8px 0}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.employee{min-width:0;background:#1c1a27;border:1px solid #393344;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.employee strong{font-size:13px}.employee p{margin:0}.employee button{margin-top:auto;min-height:40px}.employee span{font-size:10px}.main{height:auto;min-height:100dvh}.chat{min-height:240px;max-height:50vh}.right{max-height:none} @media(max-width:1100px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.team-panel{padding:14px}.employee button{min-height:44px}.main{height:auto}.team-panel .panehead{gap:8px}}
