/* PAGE */

.report-page{
    flex:1;
    min-width:0;
    min-height:100vh;
    padding:10px 10px 0;
    box-sizing:border-box;
    background:#ffffff;      /* Full page white */
}

/* TABS */

.report-tabs{
    display:flex;
    align-items:flex-end;
    border-bottom:1px solid #d7d7d7;
    margin-bottom:8px;
    background:#fff;
}

.report-tab{
    height:40px;
    min-width:62px;
    padding:0 18px;
    border:none;
    background:transparent;
    font-size:14px;
    color:#000;
    cursor:pointer;
}

.report-tab-active{
    background:#f5f5f5;
    border:1px solid #d0d0d0;
    border-bottom:none;
    border-radius:5px 5px 0 0;
    margin-bottom:-1px;
    z-index:2;
}

/* FILTER AREA */

.report-filter-wrapper{
    display:flex;
    align-items:flex-start;
    gap:2px;
    margin-left:44px;
    background:#fff;
}

/* FILTER BOX */

.report-filter-card{
    width:165px;
    height:68px;
       padding: 14px;
    box-sizing:border-box;
    border:1px solid #7f8b97;
    background:#00bcd40d;
}

.report-date-card{
    width:246px;
}

.report-category-card{
    width:225px;
}

/* LABEL */

.report-label{
    display:block;
    text-align:center;
    font-size:12px;
    color:#111;
    margin-bottom:5px;
    font-weight:400;
    line-height:1;
}

.report-label span{
    color:#d60000;
}

/* DATE */

.report-date-group{
    display:flex;
    gap:3px;
}

.report-date-input{
    width:112px;
    height:30px;
    padding:0 10px;
    border:1px solid #cfcfcf;
    border-radius:6px;
    background:white;
    font-size:13px;
    color:#333;
    outline:none;
}

/* SELECT */

.report-select{
    width:100%;
    height:30px;
    padding:0 10px;
    border:1px solid #cfcfcf;
    border-radius:6px;
    background:white;
    font-size:13px;
    color:#222;
    outline:none;
    box-sizing:border-box;
}

/* BUTTON */

.report-btn-box{
    width:110px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.report-get-btn{
    width:88px;
    height:40px;
    border:none;
    border-radius:8px;
    background:#f4bc00;
    color:#000;
    font-size:15px;
    font-weight:400;
    cursor:pointer;
}

.report-get-btn:hover{
    background:#e3af00;
}

/* Flatpickr */

.flatpickr-calendar{
    font-size:13px;
}


/* RESULT AREA */
/* RESULT */

.report-result-section{
    display:none;
    width:100%;
    margin-top:20px;
}

/* TABLE AREA */

.report-table-wrap{
    width:1025px;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
    gap:16px;
}

/* TABLE */

.report-table{
    width:980px;
    border-collapse:collapse;
    background:#fff;
    table-layout:fixed;
}

/* HEADER */

.report-table thead th{
    height:29px;
    background:#ddd7cf;
    border:1px solid #c7c7c7;
    font-size:13px;
    color:#222;
    font-weight:400;
    text-align:center;
}

/* BODY */

.report-table tbody td{
    height:27px;
    border:1px solid #d9d9d9;
    background:#fff;
    font-size:13px;
}

/* WIDTHS */

.col-id{
    width:140px;
}

.col-title{
    width:410px;
}

.col-seller{
    width:250px;
}

.col-download{
    width:140px;
}

/* EMPTY ROW */

.report-empty{
    text-align:center;
    color:#000;
}

/* DOWNLOAD HEADER */

.download-head{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}

.download-head input{
    width:18px;
    height:18px;
    accent-color:#ffffff;
}

/* ICON */

.report-download-btn{
    border:none;
    background:transparent;
    cursor:pointer;
    padding:0;
    margin-top:2px;
}

.report-download-btn i{
    font-size:24px;
    color:#f2a23a;
}

/* WHITE SCROLL AREA */

.report-scroll-space{
    width:980px;
    height:360px;
    margin:0 auto;
    border-left:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
    overflow-y:auto;
    background:#fff;
}