*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    font-family:Arial, Helvetica, sans-serif;

}



.tv-body{

    background:#010814;

    color:white;

    overflow:hidden;

}



.tv-screen{

    width:100vw;

    height:100vh;

    padding:35px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}



/* Hospital Name */

.hospital-name{

    text-align:center;

    font-size:40px;

    letter-spacing:8px;

    font-weight:bold;

    color:white;

}





/* Titles */

.consulting-title{

    text-align:center;

    margin-top:40px;

    font-size:65px;

    letter-spacing:10px;

    color:#00b7ff;

    text-shadow:0 0 30px #00b7ff;

}





/* Reception Box */


.reception-box{

    text-align:center;

    margin-top:50px;

}



.reception-box h2{

    font-size:40px;

    color:#00b7ff;

}



.reception-box input{

    margin-top:30px;

    width:70%;

    padding:25px;

    font-size:35px;

    text-align:center;

    border-radius:15px;

    border:none;

}



.reception-box button{

    margin-top:30px;

    padding:20px 60px;

    font-size:35px;

    font-weight:bold;

    border-radius:15px;

    border:none;

    background:#00b7ff;

    color:white;

}



/* Patient List */


.patient-list{

    text-align:center;

    margin-top:30px;

}



.patient-list h2{

    color:#00b7ff;

    font-size:40px;

}



.patient-card{

    margin:15px auto;

    padding:15px;

    background:#071a2d;

    border-radius:15px;

    width:80%;

}



.patient-card h3{

    font-size:35px;

}



/* TV Current Patient */


.current-patient{

    text-align:center;

    font-size:130px;

    font-weight:bold;

    color:white;

    text-shadow:0 0 35px #00b7ff;

}





.divider{

    height:3px;

    background:#00b7ff;

    border:none;

}




.next-title{

    text-align:center;

    font-size:50px;

    color:#00b7ff;

}




.next-patient{

    text-align:center;

    font-size:75px;

    font-weight:bold;

}





/* Status */

.status-bar{

    display:flex;

    justify-content:center;

    gap:20px;

    font-size:45px;

    color:#00ff88;

}



.status-dot{

    width:25px;

    height:25px;

    border-radius:50%;

    background:#00ff88;

}





/* Clock + Scroll */


.bottom-bar{

    display:flex;

    justify-content:space-between;

    align-items:center;

}



#clock{

    color:#00b7ff;

    font-size:30px;

    font-weight:bold;

}



.scroll-container{

    width:60%;

    overflow:hidden;

}



.scroll-text{

    white-space:nowrap;

    font-size:32px;

    color:#00b7ff;

    font-weight:bold;

    animation:scroll 12s linear infinite;

}



@keyframes scroll{


from{

transform:translateX(100%);

}


to{

transform:translateX(-100%);

}


}