.expansion-toolbar,.expansion-panel,.expansion-tabs{border:1px solid rgba(24,24,27,.1);background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(15,23,42,.06)}
.expansion-toolbar{display:flex;align-items:end;gap:12px;padding:14px 16px;border-radius:8px;margin-bottom:16px}.expansion-toolbar label{display:grid;gap:6px;font-weight:700;color:#18181b}.expansion-toolbar input,.expansion-stack input,.community-stream textarea{border:1px solid #d4d4d8;border-radius:6px;padding:10px 12px;background:#fff;color:#18181b}
.expansion-rank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.expansion-rank-card{min-width:0;padding:16px;border:1px solid #e4e4e7;border-radius:8px;background:#fff}.expansion-rank-card header,.expansion-rank-card footer,.expansion-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.expansion-rank-card h3{margin:12px 0 6px;font-size:18px;color:#18181b}.expansion-rank-card strong{font-size:24px;color:#7c3aed}.expansion-rank-card small,.expansion-rank-card footer{color:#52525b;font-weight:600}.expansion-confidence{color:#047857!important}
.community-layout,.live-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:14px}.live-layout{grid-template-columns:1fr 1fr}.expansion-panel{border-radius:8px;padding:14px;min-width:0}.expansion-panel-head{padding-bottom:12px;border-bottom:1px solid #e4e4e7}.expansion-panel-head strong{font-size:16px;color:#18181b}.expansion-panel-head span{color:#7c3aed;font-weight:800;font-size:12px}
#communityRooms button{width:100%;margin-top:10px;padding:11px;border:0;border-radius:6px;background:#18181b;color:#fff;text-align:left;font-weight:800}.community-stream{min-height:520px}.community-stream #communityMessages{height:360px;overflow:auto;padding:10px 2px}.community-message{padding:12px 0;border-bottom:1px solid #f1f1f3}.community-message header{display:flex;justify-content:space-between}.community-message strong{color:#18181b}.community-message time{color:#71717a;font-size:12px}.community-message p{margin:7px 0;color:#27272a;line-height:1.7}.community-message button{border:0;background:none;color:#71717a;padding:0}.community-stream form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.community-stream textarea{resize:vertical}
.expansion-tabs{display:flex;overflow-x:auto;gap:6px;padding:6px;border-radius:8px;margin-bottom:14px}.expansion-tabs button{flex:1 0 130px;border:0;border-radius:6px;padding:10px;background:transparent;font-weight:800;color:#52525b}.expansion-tabs button.is-active{background:#18181b;color:#fff}.expansion-safe-badge{padding:8px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:900}.expansion-stack{display:flex;gap:8px;margin:12px 0}.expansion-stack input{flex:1}.live-event{width:100%;padding:12px;margin-top:8px;border:1px solid #e4e4e7;border-radius:6px;background:#fff;text-align:left}.live-event:hover{border-color:#8b5cf6}.live-event strong{display:block;color:#18181b}.live-event small{color:#71717a}.live-suggestion-copy{padding:16px;margin:14px 0;border-radius:6px;background:#18181b;color:#fff;line-height:1.7}
.expansion-hub-tabs a{flex:1 0 150px;padding:10px;border-radius:6px;color:#52525b;text-align:center;font-weight:800;text-decoration:none}.expansion-hub-tabs a:hover{background:#18181b;color:#fff}.expansion-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.expansion-hub-grid>a{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:16px;border:1px solid #e4e4e7;border-radius:8px;background:#fff;color:#18181b;text-decoration:none}.expansion-hub-grid svg{grid-row:1/3;width:24px;height:24px;color:#7c3aed}.expansion-hub-grid strong{font-size:15px}.expansion-hub-grid span{font-size:12px;color:#71717a;margin-top:4px}
.expansion-workflow{margin-top:14px}.expansion-workflow-form{display:grid;grid-template-columns:130px minmax(180px,1fr) minmax(150px,.7fr) 110px auto;gap:8px;margin-top:12px}.expansion-workflow-form input,.expansion-workflow-form select{min-width:0;border:1px solid #d4d4d8;border-radius:6px;padding:10px;background:#fff}.expansion-workflow-result{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px;border-radius:6px;background:#f0fdf4;color:#166534}.expansion-workflow-result strong{margin-right:auto}.expansion-workflow-result span{font-size:12px;font-weight:800}
@media(max-width:1100px){.expansion-rank-grid,.expansion-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.community-layout,.live-layout{grid-template-columns:1fr}.expansion-rank-grid,.expansion-hub-grid,.expansion-workflow-form{grid-template-columns:1fr}.expansion-toolbar,.expansion-stack{align-items:stretch;flex-direction:column}.community-stream form{grid-template-columns:1fr}.community-stream{min-height:460px}}