/*==========================================================
    SHABDBHOOMI EDITORIAL WORKSPACE
    PREMIUM EDITION
==========================================================*/


:root{

    --sb-paper:#F8F3EA;

    --sb-card:#FFFFFF;

    --sb-border:#E8DBC8;

    --sb-brown:#53220E;

    --sb-gold:#AF7D2B;

    --sb-purple:#440846;

    --sb-text:#2E2A25;

    --sb-muted:#81776A;

    --sb-success:#3E8F48;

    --sb-warning:#D79317;

    --sb-danger:#C44343;

    --sb-shadow:
        0 15px 40px rgba(0,0,0,.08);

}



/*==========================================================
PAGE
==========================================================*/

.sb-editorial-page{

    width:100%;

    max-width:100%;

    margin:0;

    padding:25px;

    box-sizing:border-box;

    overflow-x:hidden;

}



/*==========================================================
HEADER
==========================================================*/

.sb-editorial-header{

    background:white;

    border-radius:24px;

    padding:35px 45px;

    border:1px solid var(--sb-border);

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}



.sb-header-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}



.sb-back-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 22px;

    border-radius:14px;

    border:1px solid var(--sb-border);

    background:white;

    color:var(--sb-brown);

    font-weight:600;

    transition:.25s;

}



.sb-back-btn:hover{

    background:var(--sb-brown);

    color:white;

}



.sb-work-id{

    background:#FFF8EC;

    border:1px solid var(--sb-border);

    color:var(--sb-brown);

    font-weight:700;

    padding:12px 22px;

    border-radius:14px;

}



.sb-header-content{

    text-align:center;

}



.sb-work-title{

    margin:0;

    font-size:44px;

    font-weight:700;

    color:var(--sb-brown);

}



.sb-author-line{

    margin-top:15px;

    font-size:21px;

    color:var(--sb-muted);

}



.sb-author-line strong{

    color:var(--sb-brown);

}



.sb-review-stage{

    display:inline-block;

    margin-top:20px;

    padding:12px 28px;

    border-radius:30px;

    background:#FFF4DE;

    color:#AF7D2B;

    font-weight:700;

}



/*==========================================================
EDITORIAL JOURNEY
==========================================================*/

.sb-editorial-journey{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin:40px 0;

}



.sb-journey-step{

    display:flex;

    flex-direction:column;

    align-items:center;

    min-width:110px;

    gap:10px;

}



.sb-journey-dot{

    width:18px;

    height:18px;

    border-radius:50%;

    background:#D4D4D4;

    border:4px solid white;

    box-shadow:0 0 0 2px #D4D4D4;

}



.sb-journey-step.completed .sb-journey-dot{

    background:var(--sb-success);

    box-shadow:0 0 0 2px var(--sb-success);

}



.sb-journey-step.active .sb-journey-dot{

    background:var(--sb-gold);

    box-shadow:0 0 0 2px var(--sb-gold);

}



.sb-journey-line{

    flex:1;

    height:5px;

    background:#D8D8D8;

    border-radius:20px;

    margin:0 10px;

}



.sb-journey-line.completed{

    background:var(--sb-success);

}



.sb-journey-step span{

    font-size:14px;

    font-weight:600;

}



/*==========================================================
WORKSPACE
==========================================================*/

.sb-workspace{

    display:flex;

    flex-direction:column;

    gap:28px;

}

/*==========================================================
PANELS
==========================================================*/

.sb-panel{

    background:var(--sb-card);

    border:1px solid var(--sb-border);

    border-radius:22px;

    padding:34px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    max-width:100%;

    overflow:hidden;

    box-sizing:border-box;

}



.sb-panel-title{

    font-size:24px;

    font-weight:700;

    color:var(--sb-brown);

    margin-bottom:25px;

}



/*==========================================================
LITERARY INFORMATION
==========================================================*/

.sb-meta-panel{

    padding:32px;

}



.sb-meta-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:24px;

}



.sb-meta-item{

    text-align:center;

    padding:25px 18px;

    background:#FFFCF7;

    border:1px solid var(--sb-border);

    border-radius:18px;

    transition:.25s;
	
	min-height:120px;

display:flex;

flex-direction:column;

justify-content:center;

}



.sb-meta-item:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.sb-meta-label{

    font-size:13px;

    font-weight:700;

    color:var(--sb-muted);

    text-transform:uppercase;

    letter-spacing:.8px;

    margin-bottom:12px;

}



.sb-meta-value{

    font-size:18px;

    font-weight:700;

    color:var(--sb-brown);

}



/*==========================================================
MANUSCRIPT
==========================================================*/

.sb-reading-section{

    overflow:hidden;

}



.sb-reading-toolbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 28px;

    background:#FFF6E8;

    border-bottom:1px solid var(--sb-border);

    color:var(--sb-brown);

    font-size:15px;

}



.sb-reading-panel{

    background:#FFFDF8;

    border-radius:18px;

    overflow:hidden;

}



.sb-reading-content{

    height:min(70vh,700px);

    overflow-y:auto;

    padding:60px;

    font-family:Georgia,"Times New Roman",serif;

    font-size:21px;

    line-height:2.05;

    color:#2D2925;

    text-align:justify;

}



/* Scrollbar */

.sb-reading-content::-webkit-scrollbar{

    width:10px;

}



.sb-reading-content::-webkit-scrollbar-track{

    background:#F4EEE4;

}



.sb-reading-content::-webkit-scrollbar-thumb{

    background:#CBB58C;

    border-radius:20px;

}



.sb-reading-content p{

    margin-bottom:24px;

}



/* Poems */

.sb-reading-content.poem{

    text-align:center;

}

/*==========================================================
ATTACHMENTS
==========================================================*/

.sb-attachments{

    display:flex;

    flex-direction:column;

    gap:18px;

}



.sb-attachment-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px 24px;

    border:1px solid var(--sb-border);

    border-radius:18px;

    background:#FFFDF9;

    transition:.25s;

}



.sb-attachment-card:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.sb-attachment-left{

    display:flex;

    align-items:center;

    gap:18px;

    flex:1;

    min-width:0;

}



.sb-file-icon{

    width:56px;

    height:56px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    border-radius:14px;

    background:#FFF2DA;

}



.sb-attachment-name{

    font-size:18px;

    font-weight:700;

    color:var(--sb-brown);

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}



.sb-attachment-right{

    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;

}



.sb-attachment-btn{

    display:inline-flex;
	flex:0 0 auto;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    border-radius:12px;

    background:#FFF8EC;

    border:1px solid var(--sb-border);

    color:var(--sb-brown);

    font-size:14px;

    font-weight:600;

    transition:.25s;

}



.sb-attachment-btn:hover{

    background:var(--sb-brown);

    color:#fff;

}



.sb-empty-box{

    padding:40px;

    border:2px dashed var(--sb-border);

    border-radius:18px;

    background:#FFFDF9;

    text-align:center;

    color:var(--sb-muted);

    font-size:17px;

}



/*==========================================================
EDITORIAL NOTES
==========================================================*/

.sb-notes-panel{

    overflow:hidden;

}



.sb-panel-description{

    color:var(--sb-muted);

    font-size:15px;

    margin-bottom:22px;

    line-height:1.8;

}



.sb-notes-toolbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 18px;

    margin-bottom:18px;

    border-radius:14px;

    background:#FFF7E8;

    border:1px solid var(--sb-border);

}



.sb-notes-status{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    color:var(--sb-brown);

}



.sb-status-dot{

    width:12px;

    height:12px;

    border-radius:50%;

    background:var(--sb-success);

}



.sb-notes-counter{

    color:var(--sb-muted);

    font-size:14px;

    font-weight:600;

}



.sb-review-comments{

    width:100%;

    min-height:240px;

    padding:22px;

    border:1px solid var(--sb-border);

    border-radius:18px;

    background:#FFFDF9;

    font-size:16px;

    line-height:1.8;

    resize:vertical;

    color:var(--sb-text);

    transition:.25s;

}



.sb-review-comments:focus{

    outline:none;

    border-color:var(--sb-gold);

    box-shadow:0 0 0 4px rgba(175,125,43,.15);

}



/*==========================================================
EDITORIAL DECISION
==========================================================*/

.sb-decision-panel{

    text-align:center;

}



.sb-decision-description{

    max-width:760px;

    margin:0 auto 30px;

    color:var(--sb-muted);

    line-height:1.8;

}



.sb-action-buttons{

    display:flex;

    justify-content:center;

    gap:22px;

    flex-wrap:wrap;

}



.sb-btn{

    min-width:240px;

    height:60px;

    border:none;

    border-radius:16px;

    font-size:17px;

    font-weight:700;

    color:#fff;
	letter-spacing:.3px;

    cursor:pointer;

    transition:.25s;

    box-shadow:0 10px 25px rgba(0,0,0,.10);

}



.sb-btn:hover{

    transform:translateY(-3px);

}



.sb-btn-success{

    background:linear-gradient(135deg,#3E8F48,#2F7137);

}



.sb-btn-warning{

    background:linear-gradient(135deg,#D79317,#B77708);

}



.sb-btn-danger{

    background:linear-gradient(135deg,#C44343,#A82E2E);

}

/*==========================================================
RESPONSIVE DESIGN
==========================================================*/

@media (max-width:1200px){

    .sb-meta-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


@media (max-width:992px){

    .sb-editorial-page{

        margin:20px;

        padding:28px;

    }

    .sb-header-top{

        flex-direction:column;

        gap:18px;

        align-items:flex-start;

    }

    .sb-work-title{

        font-size:38px;

    }

    .sb-reading-toolbar{

        flex-direction:column;

        gap:10px;

        text-align:center;

    }

    .sb-reading-content{

        height:600px;

        padding:40px;

        font-size:19px;

    }

}


@media (max-width:768px){

    .sb-meta-grid{

        grid-template-columns:1fr;

    }

    .sb-attachment-card{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

    }

    .sb-attachment-right{

        width:100%;

    }

    .sb-attachment-btn{

        flex:1;

        text-align:center;

    }

    .sb-notes-toolbar{

        flex-direction:column;

        gap:10px;

        align-items:flex-start;

    }

    .sb-action-buttons{

        flex-direction:column;

    }

    .sb-btn{

        width:100%;

        min-width:unset;

    }

    .sb-editorial-journey{

        overflow-x:auto;

        padding-bottom:12px;

    }

}



@media (max-width:576px){

    .sb-editorial-page{

        padding:18px;

        border-radius:20px;

    }

    .sb-work-title{

        font-size:30px;

    }

    .sb-author-line{

        font-size:18px;

    }

    .sb-panel{

        padding:20px;

    }

    .sb-reading-content{

        height:500px;

        padding:28px;

        font-size:18px;

        line-height:1.9;

    }

}



/*==========================================================
ANIMATIONS
==========================================================*/

.sb-panel{

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}

.sb-panel:hover{

    transform:translateY(-2px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}



.sb-btn{

    transition:
        transform .25s,
        box-shadow .25s,
        opacity .25s;

}

.sb-btn:hover{

    box-shadow:0 18px 35px rgba(0,0,0,.18);

}

.sb-btn:active{

    transform:scale(.98);

}



.sb-attachment-btn{

    transition:
        background .25s,
        color .25s,
        transform .25s;

}

.sb-attachment-btn:hover{

    transform:translateY(-2px);

}



.sb-meta-item{

    transition:
        transform .25s,
        box-shadow .25s;

}



/*==========================================================
SCROLLBAR
==========================================================*/

.sb-reading-content::-webkit-scrollbar{

    width:10px;

}

.sb-reading-content::-webkit-scrollbar-track{

    background:#F3ECE2;

}

.sb-reading-content::-webkit-scrollbar-thumb{

    background:var(--sb-gold);

    border-radius:30px;

}

.sb-reading-content::-webkit-scrollbar-thumb:hover{

    background:var(--sb-brown);

}



/*==========================================================
FOCUS STATES
==========================================================*/

.sb-btn:focus,

.sb-back-btn:focus,

.sb-attachment-btn:focus{

    outline:none;

    box-shadow:
        0 0 0 4px rgba(175,125,43,.20);

}



/*==========================================================
PRINT
==========================================================*/

@media print{

    .sb-back-btn,

    .sb-action-buttons,

    .sb-editorial-journey,

    .sb-notes-toolbar{

        display:none !important;

    }

    .sb-editorial-page{

        margin:0;

        padding:0;

        box-shadow:none;

        background:#fff;

    }

    .sb-panel{

        border:none;

        box-shadow:none;

        padding:0;

    }

}



/* Editorial Workspace only */

.sb-editorial-page{

    position:relative;

    isolation:isolate;

}



/*==========================================================
SMOOTH INTERACTIONS
==========================================================*/





/*==========================================================
EDITORIAL HERO
==========================================================*/

.sb-workspace-hero{

    display:flex;

    align-items:center;

    gap:28px;

    padding:28px 38px;

    margin:0 0 30px;

    background:linear-gradient(135deg,#FFFDF8,#FFF4E4);

    border:1px solid var(--sb-border);

    border-radius:24px;
	
	box-sizing:border-box;

max-width:100%;

}

.sb-workspace-hero-icon{

    width:90px;

    height:90px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:36px;

    background:#FFF2DA;

}

.sb-workspace-hero-content h1{

    margin:0;

    font-size:42px;

    color:var(--sb-brown);

}

.sb-workspace-hero-content p{

    margin-top:10px;

    font-size:18px;

    color:var(--sb-muted);

}

html,
body{

    overflow-x:hidden;

}

.elementor,

.elementor-section,

.elementor-container,

.elementor-widget-shortcode{

    max-width:100%;

    overflow-x:hidden;

}