html, body { height: 100%; margin: 0; background: #0b0b0b; color: #eaeaea; font-family: Arial, Helvetica, sans-serif; }
#fcpro-root { height: 100%; display: flex; align-items: center; justify-content: center; padding: 12px; box-sizing: border-box; }
.fcpro-chat { width: min(900px, 100%); height: min(700px, calc(100vh - 24px)); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; overflow: hidden; background: rgba(0,0,0,0.65); display: flex; flex-direction: column; }
.fcpro-topbar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; background: rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.10); }
.fcpro-brand { font-weight: 700; letter-spacing: 0.5px; }
.fcpro-status { opacity: 0.75; font-size: 12px; }
.fcpro-main { flex: 1; display: grid; grid-template-columns: 240px 1fr; gap: 10px; padding: 10px; box-sizing: border-box; }
.fcpro-panel { border: 1px solid rgba(255,255,255,0.10); border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.03); display: flex; flex-direction: column; }
.fcpro-panel-title { padding: 8px 10px; font-size: 12px; font-weight: 700; opacity: 0.9; background: rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.10); }
.fcpro-panel-body { flex: 1; padding: 10px; font-size: 13px; overflow: auto; }
.fcpro-inputbar { display: flex; gap: 8px; padding: 10px; border-top: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.04); }
#fcpro-input { flex: 1; height: 36px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.15); background: rgba(0,0,0,0.35); color: #eaeaea; padding: 0 10px; outline: none; }
#fcpro-send { height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.08); color: #eaeaea; cursor: pointer; }
#fcpro-send:hover { background: rgba(255,255,255,0.12); }
.msg { padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.msg b { opacity: 0.9; }
@media (max-width: 720px) { .fcpro-main { grid-template-columns: 1fr; } }