.control-room{max-width:1280px;margin:0 auto;padding:8px 18px 80px}.control-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:24px 0 20px;border-bottom:1px solid var(--line)}.control-hero h1{font-size:clamp(32px,5vw,58px);letter-spacing:-.055em;margin:5px 0}.control-hero p,.control-section-head p{color:var(--muted);margin:0}.control-metrics{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.control-metrics>span,.live-chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:12px}.live-chip i{display:inline-block;width:7px;height:7px;background:#38c879;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px color-mix(in srgb,#38c879 18%,transparent)}.control-tabs{display:flex;gap:5px;overflow:auto;padding:14px 0 18px}.control-tabs button{white-space:nowrap;border:0;background:transparent;padding:10px 14px;border-radius:999px;color:var(--muted)}.control-tabs button.active{background:var(--ink);color:var(--paper)}.control-tabs b{display:inline-grid;place-items:center;background:var(--lime);color:#111;border-radius:10px;min-width:18px;height:18px}.control-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:10px 0 18px}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.control-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}.control-card h3{margin:12px 0 6px}.control-card>p{color:var(--muted);white-space:pre-wrap}.control-card footer{display:flex;gap:10px;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:18px}.control-card aside{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.control-card aside p{white-space:pre-wrap;margin-bottom:0}.control-pill{display:inline-block;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.control-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.approval-approved{border-color:#55b989}.approval-rejected{opacity:.68}.control-empty{padding:28px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:16px}.control-staff{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:620px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card)}.control-agents{border-right:1px solid var(--line);padding:10px}.control-person{display:flex;width:100%;text-align:left;gap:10px;align-items:center;padding:10px;border:0;border-radius:14px;background:transparent}.control-person.active{background:var(--soft)}.control-person span:nth-child(2){min-width:0;display:grid;flex:1}.control-person small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.control-person em{font-size:9px;text-transform:uppercase;font-style:normal;color:var(--muted)}.staff-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--lime),#a9c7ff);color:#101210;font-weight:800;flex:0 0 auto}.staff-avatar.group{background:var(--ink);color:var(--paper)}.control-chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.control-chat>header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.control-chat h2,.control-chat p{margin:0}.agent-now{display:grid;text-align:right}.agent-now small{color:var(--muted)}.control-messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:12px;max-height:520px}.control-messages article{max-width:76%;padding:12px 14px;border-radius:16px;background:var(--soft)}.control-messages article.owner{align-self:flex-end;background:var(--ink);color:var(--paper)}.control-messages article p{white-space:pre-wrap;margin:4px 0}.control-messages article small{opacity:.65}.control-composer{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.control-composer textarea{min-height:48px;max-height:130px;resize:vertical}.control-timeline{border-left:1px solid var(--line);margin-left:8px}.control-timeline article{display:flex;gap:14px;padding:0 0 20px 18px;position:relative}.control-timeline i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);left:-5px;top:5px}.control-timeline small{display:block;color:var(--muted)}@media(max-width:850px){.control-grid{grid-template-columns:1fr}.control-staff{grid-template-columns:1fr}.control-agents{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto}.control-person{min-width:210px}.control-hero{align-items:start;flex-direction:column}.control-metrics{justify-content:flex-start}.control-messages article{max-width:90%}}