.demo-sample-label {
    margin: 18px 0 -8px;
    color: #688176;
    font-size: .65rem;
    font-weight: 700;
}

body:has(.demo-catalog) #ai-chat-toggle { width: 46px; height: 46px; padding: 0; border-radius: 50%; gap: 0; }
body:has(.demo-catalog) #ai-chat-toggle::before { border-radius: 50%; }
body:has(.demo-catalog) #ai-chat-toggle span { display: none; }

.demo-workspace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.demo-workspace-item { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 18px; border: 1px solid #e2ebe6; border-radius: 15px; background: #fbfdfc; }
.demo-workspace-number { display: grid; flex: 0 0 34px; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #e7f3ee; color: var(--demo-accent); font-size: .72rem; font-weight: 900; }
.demo-workspace-item > div { min-width: 0; }
.demo-workspace-item strong,.demo-workspace-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.demo-workspace-item strong { color: #25473c; font-size: .75rem; }
.demo-workspace-item small { margin-top: 7px; color: #73877e; font-size: .65rem; }
.demo-workspace-item select { max-width: 125px; min-height: 38px; margin-right: auto; padding: 5px 8px; border: 1px solid #cfdfd5; border-radius: 9px; background: #f1f8f4; color: #256c5c; font-size: .64rem; font-weight: 800; }

.demo-reply-form .demo-suggest-reply {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
    width: auto;
    padding: 0 12px;
    border: 1px solid #cce7d9;
    background: #edf8f1;
    color: #247b66;
    font-size: .65rem;
    font-weight: 800;
}

@media (max-width: 800px) {
    .demo-workspace-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .demo-workspace-item { flex-wrap: wrap; }
    .demo-workspace-item select { width: 100%; max-width: none; margin-right: 0; }
    .demo-reply-form .demo-suggest-reply { width: 42px; padding: 0; }
    .demo-suggest-reply span { display: none; }
}