.geoint-stack{
    display:flex;
    flex-direction:column;
    width:100%;
}

.map-section,
.streetview-section,
.context-panel{
    width:calc(100% - 40px);
    margin:20px auto;
    background:#13283d;
    border-radius:14px;
    padding:20px;
    box-sizing:border-box;
}

/* MAPA */

#geoint-map{
    width:100%;
    height:720px;
    border-radius:12px;
}

/* STREET VIEW */

#street-view{
    width:100%;
    height:720px;
    border-radius:12px;
}

/* CONTEXTO */

.context-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.context-card{
    background:#1c3550;
    padding:20px;
    border-radius:12px;
}

.context-card textarea,
.context-card select,
.context-card input{
    width:100%;
    background:#081521;
    color:white;
    border:none;
    border-radius:8px;
    padding:14px;
    box-sizing:border-box;
}

.context-card textarea{
    min-height:180px;
}

/* REPORT */

#report-view{
    width:100%;
    min-height:100vh;
    display:none;
    gap:20px;
    padding:20px;
    box-sizing:border-box;
}

.report-sidebar{
    width:320px;
    min-width:320px;
}

.report-content{
    flex:1;
}


/* ========================================
   REPORT VIEW FIX
======================================== */

#report-view{
    display:none;
    flex-direction:row;
    align-items:flex-start;
    width:100%;
    min-height:100vh;
    gap:20px;
    padding:20px;
    box-sizing:border-box;
}

/* SIDEBAR */

.report-sidebar{
    width:320px;
    min-width:320px;
    position:sticky;
    top:20px;
}

/* PREVIEW */

.report-content{
    flex:1;
    min-height:900px;
    background:#13283d;
    border-radius:14px;
    padding:20px;
    box-sizing:border-box;
}

/* CAPÍTULOS */

.report-placeholder{
    padding:40px;
    color:white;
}


/* ========================================
   DEFINITIVE REPORT ENGINE FIX
======================================== */

#report-view{

    width:100%;
    min-height:100vh;

    display:none;

    flex-direction:row !important;

    align-items:flex-start;

    gap:20px;

    padding:20px;

    box-sizing:border-box;

}

/* CUANDO ESTÉ ACTIVO */

#report-view.active{
    display:flex !important;
}

/* SIDEBAR */

.report-sidebar{

    width:320px;

    min-width:320px;

    background:#13283d;

    border-radius:14px;

    padding:20px;

    box-sizing:border-box;

}

/* PREVIEW */

.report-content{

    flex:1;

    min-height:1200px;

    background:#13283d;

    border-radius:14px;

    padding:20px;

    box-sizing:border-box;

}

/* BODY PREVIEW */

.report-preview-body{
    width:100%;
    min-height:1000px;
}


/* ========================================
   REPORT ENGINE FINAL FIX
======================================== */

#report-view{

    display:none;

    width:100%;

    min-height:100vh;

    flex-direction:row;

    align-items:flex-start;

    gap:20px;

    padding:20px;

    box-sizing:border-box;

}

/* SIDEBAR */

.report-sidebar{

    width:320px;

    min-width:320px;

    background:#13283d;

    border-radius:14px;

    padding:20px;

    box-sizing:border-box;

}

/* CONTENT */

.report-content{

    flex:1;

    display:block;

    min-height:1200px;

    background:#13283d;

    border-radius:14px;

    padding:20px;

    box-sizing:border-box;

}

.report-preview-body{

    width:100%;

    min-height:1000px;

}

/* ========================================
   FINAL FORCE REPORT VIEW
======================================== */

#report-view{

    position:relative !important;

    width:100% !important;

    min-height:100vh !important;

    background:#0b1220 !important;

    flex-direction:row !important;

    align-items:flex-start !important;

    gap:20px !important;

    padding:20px !important;

    box-sizing:border-box !important;

}

/* CUANDO JS LO ACTIVE */

#report-view[style*="display: flex"]{

    display:flex !important;

}

/* SIDEBAR */

.report-sidebar{

    display:block !important;

    width:320px !important;

    min-width:320px !important;

    background:#13283d !important;

    border-radius:14px !important;

    padding:20px !important;

    color:white !important;

}

/* PREVIEW */

.report-content{

    display:block !important;

    flex:1 !important;

    min-height:1200px !important;

    background:#13283d !important;

    border-radius:14px !important;

    padding:20px !important;

    color:white !important;

}

/* ========================================
   REPORT DOCUMENT STYLES
======================================== */

.report-page{

    color:white;

    line-height:1.8;

}

/* TÍTULOS */

.report-page h1{

    font-size:32px;

    margin-bottom:30px;

    border-bottom:2px solid #3b82f6;

    padding-bottom:10px;

}

/* SECCIONES */

.report-section{

    font-size:18px;

}

/* LISTAS */

.report-list{

    margin-top:20px;

    margin-bottom:20px;

    padding-left:30px;

}

.report-list li{

    margin-bottom:10px;

}

/* HIGHLIGHT */

.report-highlight{

    background:#1e3a5f;

    border-left:4px solid #3b82f6;

    padding:20px;

    margin-top:20px;

    margin-bottom:20px;

    border-radius:10px;

}


/* ========================================
   GEOINT EVIDENCE
======================================== */

.report-evidence-card{

    background:#1b3550;

    border-radius:14px;

    margin-top:25px;

    overflow:hidden;

    border:1px solid #ffffff22;

}

.report-evidence-header{

    background:#10263a;

    padding:15px;

    font-weight:bold;

    font-size:18px;

}

.report-evidence-body{

    padding:20px;

}

.report-evidence-image{

    width:100%;

    border-radius:10px;

    margin-bottom:20px;

}

.report-evidence-context{

    margin-bottom:20px;

}

.report-evidence-empty{

    background:#1b3550;

    border-radius:10px;

    padding:20px;

    margin-top:20px;

}

/* ========================================
   GEOINT MAP SNAPSHOT
======================================== */

.report-map-block{

    margin-top:30px;

    margin-bottom:30px;

    background:#1b3550;

    border-radius:14px;

    overflow:hidden;

    border:1px solid #ffffff22;

}

.report-map-title{

    background:#10263a;

    padding:15px;

    font-size:18px;

    font-weight:bold;

    color:white;

}

.report-map-container{

    padding:20px;

}

#report-map-preview{

    width:100%;

    height:420px;
    position:relative;
    overflow:hidden;

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            #0f172a,
            #1e293b
        );

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    font-weight:bold;

    color:white;

    border:2px solid #3b82f6;

}
#report-map-live{

    width:100%;

    height:100%;

    border-radius:12px;

}
#report-street-view{

    width:100%;

    height:420px;

    border-radius:12px;

    overflow:hidden;

}