.demo-shell{overflow:hidden;border:1px solid var(--line);border-radius:1.5rem;background:#fff;box-shadow:0 20px 55px rgba(17,24,39,.1)}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line);background:#f8fafc}.demo-dots{display:flex;gap:.4rem}.demo-dots i{display:block;width:.7rem;height:.7rem;border-radius:50%;background:#cbd5e1}.demo-dots i:first-child{background:#f87171}.demo-dots i:nth-child(2){background:#facc15}.demo-app{display:grid;grid-template-columns:12rem 1fr;min-height:31rem}.demo-tabs{padding:1rem;border-right:1px solid var(--line);background:#fff}.demo-tabs strong{display:block;margin-bottom:1rem}.demo-tab{display:block;width:100%;padding:.7rem .8rem;border:0;border-radius:.7rem;background:transparent;color:#4b5563;text-align:left;font:inherit;cursor:pointer}.demo-tab[aria-selected="true"]{background:#eff6ff;color:#1d4ed8;font-weight:750}.demo-main{padding:1.25rem;background:#f8fafc}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.demo-stat,.demo-card{border:1px solid var(--line);border-radius:1rem;background:#fff;padding:1rem}.demo-stat span{display:block;color:var(--muted);font-size:.78rem}.demo-stat strong{font-size:1.7rem}.demo-panel[hidden]{display:none}.demo-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.demo-row{display:grid;grid-template-columns:3.5rem 1fr;gap:.6rem;align-items:center;margin:.65rem 0;font-size:.9rem}.demo-row time{color:var(--muted)}.demo-appointment{padding:.6rem .75rem;border:1px solid var(--line);border-radius:.65rem;background:#f8fafc}.demo-appointment.open{border-color:#93c5fd;background:#eff6ff;color:#1e3a8a}.demo-status{min-height:8rem;padding:.85rem;border:1px dashed #aab3bf;border-radius:.75rem;color:var(--muted);font-size:.9rem}.demo-status.searching{border-style:solid;border-color:#93c5fd;background:#eff6ff;color:#1e3a8a}.demo-action{width:100%;margin-top:.8rem;border:0;border-radius:.75rem;background:#2563eb;color:#fff;padding:.75rem;font-weight:750;cursor:pointer}.demo-action:disabled{background:#94a3b8;cursor:default}.demo-list{display:grid;gap:.65rem}.demo-list div{padding:.8rem;border:1px solid var(--line);border-radius:.75rem;background:#fff}.demo-note{text-align:center;color:var(--muted);font-size:.86rem;margin-top:1rem}@media(max-width:800px){.demo-app{grid-template-columns:1fr}.demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.demo-tabs strong{display:none}.demo-tab{text-align:center;padding:.65rem .35rem;font-size:.8rem}.demo-columns{grid-template-columns:1fr}.demo-main{padding:.75rem}}@media(max-width:430px){.demo-stat{padding:.65rem}.demo-stat strong{font-size:1.25rem}.demo-stat span{font-size:.68rem}.demo-top{padding:.8rem}}