/*
==========================================================

PremiumZone

Sprint :
PZ-013

File :
assets/css/dashboard/system.css

Description :
System Panel

==========================================================
*/

/* ==========================================================
   SYSTEM
========================================================== */

.pz-system{

    display:flex;

    flex-direction:column;

    gap:16px;

    width:100%;

}

/* ==========================================================
   ACTIVITY
========================================================== */

.pz-system-activity{

    width:100%;

    min-height:220px;

    border:1px solid #FFFFFF;

    padding:16px;

    overflow-y:auto;

}

/* ==========================================================
   CHAT
========================================================== */

.pz-system-chat{

    width:100%;

    min-height:220px;

    border:1px solid #FFFFFF;

    padding:16px;

    overflow-y:auto;

}

/* ==========================================================
   EMPTY
========================================================== */

.pz-system-empty{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:180px;

    opacity:.55;

    letter-spacing:2px;

    text-transform:uppercase;

}

/* ==========================================================
   ITEM
========================================================== */

.pz-system-item{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:10px 0;

    border-bottom:1px solid rgba(

        255,

        255,

        255,

        .12

    );

}

/* ==========================================================
   TIME
========================================================== */

.pz-system-time{

    width:70px;

    flex-shrink:0;

    opacity:.55;

}

/* ==========================================================
   CONTENT
========================================================== */

.pz-system-content{

    flex:1;

    word-break:break-word;

}

/* ==========================================================
   MOBILE
========================================================== */

@media(

    max-width:768px

){

    .pz-system-activity,

    .pz-system-chat{

        min-height:180px;

        padding:12px;

    }

}