/* Fictioneer User Upload Dashboard */

.fuu-story-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}


.fuu-story-info-container {

    display:flex;

    gap:25px;

    margin-top:20px;

}



.fuu-story-cover {

    width:180px;

    flex-shrink:0;

}



.fuu-story-cover img {

    width:100%;

    height:auto;

    border-radius:8px;

}



.fuu-no-cover {

    width:180px;

    height:250px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eee;

}



.fuu-story-details {

    flex:1;

}



.fuu-story-card {

    padding:25px;

}



.fuu-chapter-list {

    margin-top:25px;

}


.fuu-story-actions {

    display:flex;

    gap:10px;

    margin-top:20px;

    flex-wrap:wrap;

}



@media(max-width:768px){


    .fuu-story-header {

        flex-direction:column;

        align-items:flex-start;

    }



    .fuu-story-info-container {

        flex-direction:column;

    }



    .fuu-story-cover {

        width:200px;

        margin:auto;

    }


}

/* TinyMCE toolbar */
.mce-toolbar, 
.mce-toolbar-grp, 
.mce-panel 
{ 
	background: #24202e !important; 
	border-color: #3d374d !important; 
}


/* Light mode toolbar 
body.mce-content-body[data-mode="light"] ~ .mce-toolbar,
body.mce-content-body[data-mode="light"] ~ .mce-toolbar-grp,
body.mce-content-body[data-mode="light"] ~ .mce-panel {
    background: #ffffff !important;
    border-color: #dcdcdc !important;
}*/

/* Dark mode toolbar
body.mce-content-body[data-mode="dark"] ~ .mce-toolbar,
body.mce-content-body[data-mode="dark"] ~ .mce-toolbar-grp,
body.mce-content-body[data-mode="dark"] ~ .mce-panel {
    background: #24202e !important;
    border-color: #3d374d !important;
}*/


/* Fictioneer User Upload Dashboard */

.fuu-story-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}


.fuu-story-info-container {

    display:flex;

    gap:25px;

    margin-top:20px;

}



.fuu-story-cover {

    width:180px;

    flex-shrink:0;

}



.fuu-story-cover img {

    width:100%;

    height:auto;

    border-radius:8px;

}



.fuu-no-cover {

    width:180px;

    height:250px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eee;

}



.fuu-story-details {

    flex:1;

}



.fuu-story-card {

    padding:25px;

}



.fuu-chapter-list {

    margin-top:25px;

}


.fuu-story-actions {

    display:flex;

    gap:10px;

    margin-top:20px;

    flex-wrap:wrap;

}



@media(max-width:768px){


    .fuu-story-header {

        flex-direction:column;

        align-items:flex-start;

    }



    .fuu-story-info-container {

        flex-direction:column;

    }



    .fuu-story-cover {

        width:200px;

        margin:auto;

    }


}


/* ==========================================================
   Chapter List
   ========================================================== */

.fuu-chapter-list {
    margin-top: 15px;
}

.fuu-chapter-list-scroll {
    max-height: 420px;
    overflow-y: auto;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
}

.fuu-chapter-item {
    display: block;
    padding: 14px 4px;
    border-bottom: 1px solid black;
    text-decoration: none;
}

.fuu-chapter-item:hover {
    background: rgba(255,255,255,.04);
}

.fuu-chapter-title {
    display: block;
    font-size: 16px;
    font-weight: 400;
	font-family: "Playfair Display", serif;
}

.fuu-chapter-date {
    display: block;
    margin-top: 4px;
    opacity: .75;
    font-size: 13px;
	font-family: "Playfair Display", serif;
}

.fuu-last-updated {
    margin: 18px 0 12px;
    font-weight: 600;
}

.fuu-chapter-row {
    display: block;
    padding: 10px 2px;
    text-decoration: none;
    border-bottom: 1px solid black;
}