.reports-center{
    --rp-bg:#071225;
    --rp-panel:#09172d;
    --rp-panel-soft:#0c1d37;
    --rp-line:#203957;
    --rp-text:#e9f1fc;
    --rp-soft:#a1b2c8;
    --rp-muted:#7388a3;
    display:grid;
    gap:14px;
    color:var(--rp-text);
    font-size:14px
}

.reports-hero,
.reports-history-panel,
.reports-document-panel,
.reports-error{
    border:1px solid var(--rp-line);
    border-radius:18px;
    background:var(--rp-panel)
}

.reports-hero{
    display:flex;
    justify-content:space-between;
    gap:24px;
    padding:24px;
    background:
        radial-gradient(circle at 90% 0,rgba(72,63,190,.24),transparent 38%),
        linear-gradient(135deg,#0b213f,#081529 62%,#171436)
}

.reports-hero span,
.reports-card header span,
.reports-document-header span,
.reports-history-panel>header span{
    color:#68adff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.11em
}

.reports-hero h1{
    margin:5px 0;
    font-size:30px
}

.reports-hero p,
.reports-document-header p{
    max-width:720px;
    margin:0;
    color:var(--rp-soft);
    line-height:1.5
}

.reports-hero-actions,
.reports-document-actions{
    display:flex;
    align-items:center;
    gap:8px
}

.reports-hero button,
.reports-document-actions button{
    padding:10px 14px;
    border:1px solid rgba(103,179,255,.25);
    border-radius:10px;
    color:#dcecff;
    background:rgba(23,72,132,.32);
    font-weight:700;
    cursor:pointer
}

.reports-hero button.primary{
    border-color:#2d83e4;
    background:#176cdf
}

.reports-hero button:disabled{
    opacity:.5;
    cursor:default
}

.reports-error{
    display:grid;
    gap:4px;
    padding:13px 16px;
    border-color:rgba(255,86,104,.35);
    background:rgba(95,23,38,.26)
}

.reports-error span{
    color:#ff9ba7
}

.reports-workspace{
    display:grid;
    grid-template-columns:minmax(270px,.32fr) minmax(0,1fr);
    gap:14px;
    align-items:start
}

.reports-history-panel{
    position:sticky;
    top:12px;
    overflow:hidden
}

.reports-history-panel>header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px;
    border-bottom:1px solid var(--rp-line)
}

.reports-history-panel h2{
    margin:3px 0 0;
    font-size:17px
}

.reports-history-panel>header>b{
    display:grid;
    width:32px;
    height:32px;
    place-items:center;
    border-radius:10px;
    color:#7cbaff;
    background:rgba(47,128,237,.15)
}

.reports-history-list{
    display:grid;
    max-height:720px;
    overflow:auto
}

.reports-history-list button{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:5px 8px;
    padding:13px 15px;
    border:0;
    border-bottom:1px solid rgba(83,118,160,.14);
    color:var(--rp-text);
    background:transparent;
    text-align:left;
    cursor:pointer
}

.reports-history-list button:hover,
.reports-history-list button.active{
    background:rgba(47,128,237,.12)
}

.reports-history-list button.active{
    box-shadow:inset 3px 0 #4a9bff
}

.reports-history-list span b,
.reports-history-list span small{
    display:block
}

.reports-history-list span b{
    font-size:12px
}

.reports-history-list span small{
    margin-top:3px;
    color:var(--rp-muted);
    font-size:10px
}

.reports-history-list em{
    color:var(--rp-soft);
    font-size:10px;
    font-style:normal
}

.reports-history-list i{
    color:#6eaef7;
    font-size:9px;
    font-style:normal;
    font-weight:800
}

.reports-empty,
.reports-document-empty{
    display:grid;
    min-height:210px;
    place-items:center;
    align-content:center;
    gap:7px;
    padding:25px;
    color:var(--rp-muted);
    text-align:center
}

.reports-empty b,
.reports-document-empty strong{
    color:var(--rp-text);
    font-size:17px
}

.reports-empty span,
.reports-document-empty p{
    max-width:430px;
    margin:0;
    line-height:1.5
}

.reports-document-panel{
    min-width:0;
    padding:17px
}

.reports-document{
    display:grid;
    gap:13px
}

.reports-document-header{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:18px;
    border:1px solid var(--rp-line);
    border-radius:14px;
    background:linear-gradient(135deg,#0d213e,#0a172c)
}

.reports-document-header h2{
    margin:4px 0;
    font-size:22px
}

.reports-meta-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px
}

.reports-meta-grid article,
.reports-kpis article,
.reports-card{
    border:1px solid rgba(69,108,150,.28);
    border-radius:12px;
    background:rgba(9,24,46,.86)
}

.reports-meta-grid article{
    padding:11px 13px
}

.reports-meta-grid span,
.reports-kpis span{
    display:block;
    color:var(--rp-muted);
    font-size:11px
}

.reports-meta-grid b{
    display:block;
    margin-top:4px;
    overflow:hidden;
    font-size:12px;
    text-overflow:ellipsis
}

.reports-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px
}

.reports-kpis article{
    padding:15px
}

.reports-kpis .primary-kpi{
    background:
        linear-gradient(135deg,rgba(25,87,157,.31),rgba(21,31,67,.88))
}

.reports-kpis strong{
    display:block;
    margin-top:5px;
    font-size:20px
}

.reports-kpis small{
    display:block;
    margin-top:4px;
    font-size:11px
}

.reports-detail-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px
}

.reports-card{
    padding:16px
}

.reports-card h3{
    margin:4px 0 0;
    font-size:16px
}

.reports-lines,
.reports-quality,
.reports-issue-list{
    display:grid;
    gap:6px;
    margin-top:13px
}

.reports-lines p,
.reports-quality>div,
.reports-issue-list>div{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin:0;
    padding:9px 10px;
    border-radius:8px;
    background:rgba(255,255,255,.025)
}

.reports-lines span,
.reports-quality span{
    color:var(--rp-soft)
}

.reports-quality code,
.reports-issue-list code{
    color:#7db8ff;
    font-size:10px
}

.reports-issue-list>div{
    display:grid;
    justify-content:stretch
}

.reports-no-issues{
    margin-top:13px;
    padding:12px;
    border-radius:9px;
    color:#49d99e;
    background:rgba(34,197,139,.08)
}

.reports-document-footer{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    padding:13px;
    border-top:1px solid var(--rp-line);
    color:var(--rp-muted);
    font-size:10px
}

.reports-document-footer p{
    grid-column:1/-1;
    margin:3px 0 0
}

.positive{color:#36d99b!important}
.negative{color:#ff6678!important}
.neutral{color:#98a9be!important}

@media(max-width:1100px){
    .reports-workspace{
        grid-template-columns:1fr
    }

    .reports-history-panel{
        position:static
    }

    .reports-history-list{
        max-height:320px
    }

    .reports-kpis,
    .reports-meta-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media(max-width:720px){
    .reports-hero,
    .reports-document-header{
        display:grid
    }

    .reports-hero-actions,
    .reports-document-actions{
        justify-content:flex-start;
        flex-wrap:wrap
    }

    .reports-kpis,
    .reports-meta-grid,
    .reports-detail-grid{
        grid-template-columns:1fr
    }

    .reports-document-footer{
        grid-template-columns:1fr
    }
}

@media print{
    .sidebar,
    .btfp-layout-action,
    .btfp-shell-top-row,
    .reports-hero,
    .reports-history-panel,
    .reports-error,
    .reports-document-actions{
        display:none!important
    }

    .reports-workspace{
        display:block
    }

    .reports-document-panel,
    .reports-card,
    .reports-meta-grid article,
    .reports-kpis article{
        border-color:#bbb;
        color:#111;
        background:#fff
    }

    .reports-center{
        color:#111
    }
}