.demo-app{min-height:100dvh;color:var(--foreground);background:var(--background)}.demo-organization{gap:.3rem;padding:1.2rem .5rem;display:grid}.demo-organization span,.demo-help{color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.demo-main{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex}.demo-topbar{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.demo-topbar>span{margin-left:auto;font-size:.875rem}.demo-banner{background:var(--secondary);padding:.65rem 1rem;font-size:.875rem;line-height:1.5}.demo-error{color:#9d2417;background:#fff0ed;padding:.75rem 1rem}.demo-start{justify-items:start;gap:1.25rem;max-width:42rem;margin:auto;padding:2rem;display:grid}.demo-start h1,.demo-section h1{font-size:1.7rem;font-weight:650}.demo-start p{line-height:1.6}.demo-inbox{flex:1;grid-template-columns:minmax(250px,310px) minmax(0,1fr);min-height:0;display:grid}.demo-list{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.demo-list-controls{border-bottom:1px solid var(--border);gap:.8rem;padding:1rem;display:grid}.demo-list-title{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.demo-list-title h1{font-size:1.3rem;font-weight:650}.demo-filter,.demo-assign{gap:.35rem;font-size:.875rem;display:grid}.demo-filter select,.demo-assign select{border:1px solid var(--border);background:var(--background);border-radius:.5rem;padding:.5rem}.demo-rows{overflow-y:auto}.demo-row{text-align:left;border-bottom:1px solid var(--border);cursor:pointer;gap:.4rem;width:100%;padding:1.15rem 1rem;display:grid}.demo-row>div{flex-wrap:wrap;justify-content:space-between;gap:.4rem;display:flex}.demo-row span,.demo-row small{color:var(--muted-foreground);font-size:.875rem}.demo-row p{font-size:.95rem}.demo-row.selected,.demo-row:hover{background:var(--secondary)}.demo-row.selected{box-shadow:inset 3px 0 var(--primary)}.demo-chat{flex-direction:column;min-width:0;min-height:0;display:flex}.demo-chat-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.8rem;padding:.85rem 1.2rem;display:flex}.demo-chat-head h2{font-size:1.1rem;font-weight:650}.demo-chat-head p{color:var(--muted-foreground);font-size:.875rem}.demo-chat-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.demo-feed{background:var(--muted);flex:1;min-height:0;padding:1.2rem;overflow-y:auto}.demo-feed .message-author{font-size:.875rem}.demo-feed .message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem}.demo-message-time{color:var(--muted-foreground);padding-top:.25rem;font-size:.8rem}.demo-composer{border-top:1px solid var(--border);gap:.5rem;padding:.8rem 1.2rem;display:grid}.demo-composer>label{font-size:.875rem}.demo-composer>div{align-items:center;gap:.6rem;display:flex}.demo-composer textarea{resize:vertical;border:1px solid var(--border);width:100%;min-width:0;max-height:180px;font:inherit;border-radius:.7rem;padding:.7rem}.demo-composer>button{justify-self:start}.demo-back{display:none}.demo-empty{text-align:center;align-content:center;justify-items:center;gap:.7rem;padding:2rem;display:grid}.demo-section{padding:2rem;overflow-y:auto}.demo-section>p{margin:1rem 0}.demo-section h2{margin-bottom:.5rem;font-weight:650}.demo-stat-grid,.demo-setting-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.demo-setting-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.demo-stat-grid article,.demo-setting-grid article{border:1px solid var(--border);border-radius:.9rem;padding:1.2rem}.demo-stat-grid strong{color:var(--primary);margin-top:.6rem;font-size:2rem;display:block}.demo-setting-grid p{margin-top:.6rem}@media (max-width:900px){.demo-inbox{grid-template-columns:1fr}.demo-has-dialog .demo-list,.demo-inbox:not(.demo-has-dialog)>.demo-empty{display:none}.demo-back{display:inline-flex}.demo-chat-actions{margin-left:0}.demo-chat-head{padding:.7rem}.demo-feed,.demo-composer{padding:.8rem}}@media (max-width:480px){.demo-topbar{gap:.4rem;padding:.6rem}.demo-banner{font-size:.875rem}.demo-section{padding:1rem}}