.demo-wrap{display:flex;flex-direction:column;gap:1.25rem;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);touch-action:manipulation}.demo-back{align-self:flex-start;font-size:.88rem;font-weight:600;color:#a5b4fc;text-decoration:none}.demo-back:hover{color:#c7d2fe;text-decoration:none}.demo-shell{border-radius:16px;overflow:hidden;border:1px solid rgba(99,102,241,.35);background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(10,12,28,.98));box-shadow:0 24px 60px rgba(0,0,0,.45);contain:layout}@media (prefers-reduced-motion:no-preference){@keyframes demo-shell-reveal{0%{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-shell:not(.demo-shell--loading){animation:demo-shell-reveal .52s cubic-bezier(.22,1,.36,1) both}}.demo-shell--loading{padding:2rem 1.25rem;text-align:center}.demo-loading-msg{margin:0;font-size:.9rem;color:#94a3b8}.demo-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;padding:.65rem max(1rem,env(safe-area-inset-left,0px)) .65rem max(1rem,env(safe-area-inset-right,0px));background:rgba(30,27,75,.6);border-bottom:1px solid rgba(99,102,241,.25)}.demo-topbar h1{margin:0;flex:1 1 12rem;min-width:0;font-size:clamp(.78rem,2.8vw,.95rem);letter-spacing:.04em;color:#e0e7ff}.demo-badge,.demo-topbar h1{font-weight:800;text-transform:uppercase}.demo-badge{font-size:.65rem;letter-spacing:.14em;padding:.35rem .55rem;border-radius:6px;background:rgba(245,158,11,.2);color:#fcd34d;border:1px solid rgba(245,158,11,.35)}.demo-badge--live{background:rgba(16,185,129,.18);color:#6ee7b7;border-color:rgba(52,211,153,.45);letter-spacing:.08em}.demo-body{display:grid;grid-template-columns:1fr}@media (min-width:860px){.demo-body{grid-template-columns:220px 1fr}}.demo-side{padding:1rem;border-bottom:1px solid rgba(51,65,85,.6);background:rgba(15,23,42,.5)}@media (min-width:860px){.demo-side{border-bottom:none;border-right:1px solid rgba(51,65,85,.6)}}.demo-queue{margin:0 0 .75rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(148,163,184,.95)}.demo-queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.demo-queue-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .55rem;border-radius:8px;font-size:.82rem;color:#e2e8f0;background:rgba(30,41,59,.55);border:1px solid transparent;cursor:default;transition:border-color .2s ease,background .2s ease}.demo-queue-item--active{border-color:rgba(129,140,248,.55);background:rgba(49,46,129,.45)}.demo-queue-count{font-size:.7rem;font-weight:700;color:#fcd34d}.demo-main{padding:1rem max(1rem,env(safe-area-inset-left,0px)) 1.25rem max(1rem,env(safe-area-inset-right,0px));min-height:280px}.demo-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem}.demo-chip{padding:.35rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid rgba(71,85,105,.6);color:#cbd5e1;background:rgba(15,23,42,.6)}.demo-chip--live{border-color:rgba(52,211,153,.45);color:#6ee7b7;background:rgba(6,78,59,.25)}@keyframes demo-live-pulse{0%,to{opacity:.65}50%{opacity:1}}.demo-live-dot{display:inline-block;margin-right:6px;animation:demo-live-pulse 2.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.demo-live-dot{animation:none;opacity:1}}.demo-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(51,65,85,.65)}.demo-table{width:100%;border-collapse:collapse;font-size:.82rem}.demo-table td,.demo-table th{padding:.55rem .65rem;text-align:left;border-bottom:1px solid rgba(51,65,85,.5)}.demo-table th{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(148,163,184,.95);background:rgba(15,23,42,.9)}.demo-table tr:last-child td{border-bottom:none}.demo-table tbody tr{transition:background .15s ease}.demo-table tbody tr:hover{background:rgba(49,46,129,.2)}.demo-priority{display:inline-block;padding:.15rem .45rem;border-radius:4px;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.demo-priority--p1{background:rgba(127,29,29,.45);color:#fecaca}.demo-priority--p2{background:rgba(113,63,18,.45);color:#fde68a}.demo-priority--p3{background:rgba(30,58,138,.45);color:#bfdbfe}.demo-status{font-size:.78rem;color:#cbd5e1}.demo-note{margin:.85rem 0 0;font-size:.8rem;line-height:1.5;color:rgba(148,163,184,.95)}.demo-code{font-size:.78em;padding:.1rem .35rem;border-radius:4px;background:rgba(15,23,42,.9);color:#e2e8f0}.demo-form{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(51,65,85,.55)}.demo-form--inline{margin-top:0;padding-top:0;border-top:none}.demo-form-title{margin:0 0 .5rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(196,200,255,.95)}.demo-form-hint{margin:.35rem 0 0;font-size:.72rem;line-height:1.4;color:#64748b}.demo-form-error{margin:.4rem 0 0;font-size:.78rem;line-height:1.4;color:#fecaca;font-weight:600}.demo-label{display:block;font-size:.68rem;font-weight:700;color:#94a3b8;margin-bottom:.25rem}.demo-input{width:100%;box-sizing:border-box;padding:.45rem .55rem;border-radius:8px;border:1px solid rgba(71,85,105,.75);background:rgba(15,23,42,.85);color:#f1f5f9;font-size:.85rem}.demo-input--grow{max-width:22rem}.demo-input:focus{outline:none;border-color:rgba(129,140,248,.65);box-shadow:0 0 0 2px rgba(99,102,241,.25)}.demo-input[aria-invalid=true]{border-color:rgba(248,113,113,.65)}.demo-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin:.5rem 0}.demo-select{width:100%;padding:.4rem .45rem;border-radius:8px;border:1px solid rgba(71,85,105,.75);background:rgba(15,23,42,.9);color:#e2e8f0;font-size:.82rem}.demo-select--inline{width:auto;min-width:9rem;margin-left:.35rem}.demo-btn{margin-top:.5rem;padding:.45rem .75rem;border-radius:8px;font-size:.78rem;font-weight:700;border:1px solid rgba(71,85,105,.8);background:rgba(30,41,59,.75);color:#e2e8f0;cursor:pointer;transition:background .15s ease,border-color .15s ease}.demo-btn:hover{background:rgba(49,46,129,.45);border-color:rgba(129,140,248,.45)}.demo-btn--primary{background:linear-gradient(135deg,rgba(79,70,229,.9),rgba(67,56,202,.95));border-color:rgba(165,180,252,.5);color:#fff}.demo-btn--primary:hover{filter:brightness(1.06)}.demo-btn--ghost{margin-top:.65rem;background:transparent;color:#94a3b8;font-weight:600}.demo-btn--ghost:hover{color:#e2e8f0;border-color:rgba(148,163,184,.5)}.demo-search-row{margin-bottom:.75rem}.demo-expand-row td{padding:0!important;border-bottom:1px solid rgba(51,65,85,.5);background:rgba(15,23,42,.55)}.demo-expand-inner{padding:.75rem .85rem .9rem}.demo-expand-meta{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;font-size:.78rem;color:#cbd5e1;margin-bottom:.65rem}.demo-sla-line{font-weight:700;color:#fde68a}.demo-expand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.demo-expand-actions .demo-btn{margin-top:0}.demo-inline{font-size:.78rem;color:#94a3b8;display:inline-flex;align-items:center}.demo-ticket-log{margin-top:.65rem;padding-top:.65rem;border-top:1px solid rgba(51,65,85,.45);font-size:.76rem;color:#cbd5e1}.demo-ticket-log-title{margin:0 0 .35rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(148,163,184,.95)}.demo-ticket-log ul{margin:0;padding-left:1rem}.demo-ticket-log li{margin-bottom:.25rem}.demo-icon-btn{padding:.2rem .45rem;border-radius:6px;border:1px solid rgba(71,85,105,.6);background:rgba(15,23,42,.6);color:#e2e8f0;cursor:pointer;font-size:.75rem}.demo-icon-btn:hover{border-color:rgba(129,140,248,.5)}.demo-table-row--open td{border-bottom:none}.demo-activity{margin-top:1rem;padding:.75rem;border-radius:12px;border:1px solid rgba(51,65,85,.55);background:rgba(15,23,42,.45)}.demo-activity-title{margin:0 0 .5rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(196,200,255,.92)}.demo-activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.demo-activity-item{display:grid;grid-template-columns:auto auto 1fr;grid-gap:.5rem .65rem;gap:.5rem .65rem;font-size:.78rem;color:#e2e8f0;align-items:baseline}.demo-activity-item--single{grid-template-columns:auto 1fr}.demo-activity-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#94a3b8;white-space:nowrap}.demo-activity-ticket{font-weight:700;color:#a5b4fc;white-space:nowrap}.demo-activity-msg{color:#cbd5e1;line-height:1.35}.clinic-kpis{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.65rem;gap:.65rem;margin-bottom:1rem}@media (min-width:640px){.clinic-kpis{grid-template-columns:repeat(4,1fr)}}.clinic-kpi{padding:.65rem .75rem;border-radius:12px;background:rgba(30,41,59,.65);border:1px solid rgba(71,85,105,.5)}.clinic-kpi-label{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(148,163,184,.9);margin-bottom:.25rem}.clinic-kpi-value{font-size:1.35rem;font-weight:800;color:#f8fafc;line-height:1.1}.clinic-kpi-sub{font-size:.72rem;color:#94a3b8;margin-top:.15rem}.clinic-grid{display:grid;grid-gap:.65rem;gap:.65rem}@media (min-width:720px){.clinic-grid{grid-template-columns:1.1fr .9fr}}.clinic-panel{border-radius:12px;border:1px solid rgba(51,65,85,.6);background:rgba(15,23,42,.55);padding:.75rem}.clinic-panel h2{margin:0 0 .6rem;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(196,200,255,.9)}.clinic-slot{display:flex;align-items:center;justify-content:space-between;padding:.45rem .5rem;border-radius:8px;margin-bottom:.35rem;background:rgba(30,41,59,.5);font-size:.8rem;color:#e2e8f0}.clinic-slot:last-child{margin-bottom:0}.clinic-room{font-weight:700;color:#a5b4fc}.clinic-bar{height:8px;border-radius:999px;background:rgba(51,65,85,.8);overflow:hidden;margin-top:.35rem}.clinic-bar>span{transform-origin:left center}.clinic-bar-fill,.clinic-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#22d3ee)}.clinic-bar-fill{transition:width .65s cubic-bezier(.22,1,.36,1)}.clinic-kpi-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clinic-actions-row{margin-bottom:1rem}.clinic-form-grid{display:grid;grid-gap:.5rem;gap:.5rem}@media (min-width:640px){.clinic-form-grid{grid-template-columns:1fr 1fr}}.clinic-form-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.clinic-form-btns .demo-btn{margin-top:0}.clinic-grid--second{margin-top:.65rem}.clinic-empty{margin:0;font-size:.82rem;color:#94a3b8;line-height:1.45}.clinic-queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.clinic-queue-item{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem;padding:.55rem .6rem;border-radius:10px;background:rgba(30,41,59,.55);border:1px solid rgba(71,85,105,.45)}.clinic-queue-name{font-weight:800;color:#f8fafc;font-size:.88rem}.clinic-queue-cc{font-size:.78rem;color:#cbd5e1;margin-top:.15rem}.clinic-queue-wait{font-size:.72rem;color:#fde68a;margin-top:.2rem}.clinic-room-pick{align-items:center}.clinic-room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.clinic-room-card{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;padding:.55rem .6rem;border-radius:10px;background:rgba(30,41,59,.5);border:1px solid rgba(71,85,105,.45)}.clinic-room-patient{font-weight:700;color:#f1f5f9;margin-top:.25rem;font-size:.85rem}.clinic-room-cc{font-size:.76rem;color:#cbd5e1;margin-top:.1rem}.clinic-room-wait{font-size:.72rem;color:#a5f3fc;margin-top:.2rem}.clinic-room-free{font-size:.8rem;color:#86efac;margin-top:.35rem;font-weight:600}.clinic-muted{color:#64748b;font-weight:500}.clinic-hint{margin:.5rem 0 0;font-size:.72rem;color:#64748b;line-height:1.4}.demo-inline--stack{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.demo-inline__text{flex-shrink:0}@media (max-width:639px){.demo-shell{border-radius:12px}.demo-topbar{flex-direction:column;align-items:stretch;gap:.5rem}.demo-topbar h1{flex:none;width:100%}.demo-badge{align-self:flex-start;max-width:100%;line-height:1.35}.demo-back{min-height:44px;padding:.45rem 0;display:inline-flex;align-items:center}.demo-side{padding:.85rem max(.85rem,env(safe-area-inset-left,0px)) 1rem max(.85rem,env(safe-area-inset-right,0px))}.demo-main{padding-top:.85rem;padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px))}.demo-form-row{grid-template-columns:1fr}.demo-input--grow{max-width:none}.demo-input,.demo-select{font-size:1rem;min-height:44px;padding:.55rem .65rem}.demo-btn{min-height:44px;padding:.55rem 1rem;font-size:.85rem}.demo-queue-list .demo-queue-item{min-height:48px;padding:.55rem .7rem}.demo-toolbar{gap:.45rem}.demo-chip{font-size:.78rem;padding:.45rem .75rem;line-height:1.25}.demo-table-wrap{overflow-x:visible;border-radius:14px}.demo-table{display:block;width:100%;border-collapse:separate;border-spacing:0}.demo-table thead{display:none}.demo-table tbody{display:block}.demo-table tbody tr:not(.demo-expand-row){display:block;margin-bottom:.75rem;border-radius:14px;border:1px solid rgba(71,85,105,.65);background:rgba(15,23,42,.75);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.22)}.demo-table tbody tr.demo-table-row--open:not(.demo-expand-row){border-radius:14px 14px 0 0;margin-bottom:0;border-bottom:none}.demo-table tbody tr.demo-expand-row{display:block;margin-bottom:.85rem;margin-top:-1px}.demo-table tbody tr.demo-expand-row td{display:block;width:100%!important;padding:0;border:1px solid rgba(71,85,105,.65);border-top:none;border-radius:0 0 14px 14px;background:rgba(10,14,28,.92)}.demo-table tbody tr:not(.demo-expand-row) td{display:flex;flex-direction:column;align-items:stretch;gap:.3rem;padding:.65rem .85rem;border:none;border-bottom:1px solid rgba(51,65,105,.45);text-align:left;white-space:normal!important;word-break:break-word}.demo-table tbody tr:not(.demo-expand-row) td:last-of-type{border-bottom:none}.demo-table tbody tr:not(.demo-expand-row) td:before{content:attr(data-label);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(148,163,184,.92)}.demo-table-actions .demo-icon-btn{min-height:44px;min-width:44px;padding:.45rem .65rem;font-size:1.05rem}.demo-expand-meta{flex-direction:column;align-items:flex-start;gap:.45rem}.demo-expand-actions{flex-direction:column;align-items:stretch}.demo-expand-actions .demo-btn{width:100%;margin-top:0;justify-content:center}.demo-inline--stack{flex-direction:column;align-items:stretch;width:100%}.demo-inline--stack .demo-select--inline{margin-left:0!important;width:100%;min-width:0}.demo-activity-item{grid-template-columns:1fr;gap:.15rem}.demo-activity-item .demo-activity-msg{padding-top:.15rem}.demo-note{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.clinic-form-btns{flex-direction:column}.clinic-form-btns .demo-btn{width:100%;justify-content:center}.clinic-queue-item{flex-direction:column;align-items:stretch}.clinic-queue-item .clinic-room-pick{width:100%}.clinic-room-card{flex-direction:column;align-items:stretch}.clinic-room-card .demo-btn{width:100%;margin-top:.35rem}.clinic-slot{flex-wrap:wrap;gap:.35rem}}@media (min-width:640px) and (max-width:859px){.demo-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.demo-table{min-width:34rem}}