/* Public demo shell uses continuous CSS edges, like the main site. */
.demo-page #Table_01.site-frame { box-sizing: border-box; width: 739px; padding: 0; border: 7px solid #fbfdff; border-top: 0; background: #fff; margin: 0 auto;
    /* Eski SpeakyChat kenari: beyaz cercevenin hemen disinda koyu, dar bir golge. */
    box-shadow: 0 0 0 1px rgba(20, 20, 58, .5), 0 0 3px 1px rgba(20, 20, 58, .45), 0 0 9px rgba(20, 20, 58, .18); }
.demo-page .site-frame > table { width: 725px; table-layout: fixed; border-bottom: 10px solid #7d7da0; box-shadow: inset 1px 0 rgba(20, 20, 50, .28), inset -1px 0 rgba(20, 20, 50, .28); }
.demo-page .account-panel { box-sizing: border-box; width: 600px; max-width: 100%; margin: 0 auto; padding: 28px; border: 1px solid #9b9eaa; border-radius: 15px; background: #ebeef3; box-shadow: inset 0 0 8px #9da1af80, 0 1px 2px #45465c25; }
/* Sohbet penceresi eski SpeakyChat'teki gibi basligin hemen altinda baslar: monitor ile
   oda sekmeleri arasinda ~8 px kalir (eski ekranla olculerek ayarlandi). Musteri (tenant)
   ve mobil duzenleri etkilenmez. */
html:not(.tenant-bare):not(.mobile-chat-active) .demo-page #Table_01 #roomView .room-outer-container { margin-top: -48px; }