/* ==========================================
   BOR Judgements — Modern List UI
========================================== */

.bor-judgements{
    max-width:1320px;
    margin:0 auto;
    padding:20px 15px;
    font-family:Arial, Helvetica, sans-serif;
}

/* ==========================================
   Filters Bar
========================================== */

.bor-filters{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin-bottom:16px;
    padding:16px;
    background:#f8f9fb;
    border:1px solid #e4e8ee;
    border-radius:8px;
}

.bor-filter{
    width:200px;
    height:42px;
    padding:0 15px;
    font-size:15px;
    font-weight:500;
    border:1px solid #cfd6df;
    border-radius:6px;
    background:#fff;
    color:#333;
    cursor:pointer;
    outline:none;
    transition:.25s ease;
}

select.bor-filter{
    padding-right:40px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 15px center;
}

.bor-search{
    width:260px;
    cursor:text;
}

.bor-filter:hover{ border-color:#104591; }
.bor-filter:focus{ border-color:#104591; box-shadow:0 0 0 3px rgba(16,69,145,.15); }

.clear-btn{
    height:42px;
    padding:0 18px;
    font-size:14px;
    font-weight:600;
    color:#104591;
    background:#fff;
    border:1px solid #104591;
    border-radius:6px;
    cursor:pointer;
    transition:.25s;
}

.clear-btn:hover{ background:#104591; color:#fff; }

/* ==========================================
   Results meta
========================================== */

.bor-j-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
    font-size:13.5px;
    color:#777;
    font-weight:600;
}

.per-page-label{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13.5px;
    color:#555;
    font-weight:600;
}

.per-page-select{
    height:32px;
    padding:0 10px;
    font-size:13.5px;
    font-weight:600;
    border:1px solid #cfd6df;
    border-radius:6px;
    background:#fff;
    color:#333;
    cursor:pointer;
    outline:none;
}

.per-page-select:hover{ border-color:#104591; }

/* ==========================================
   Judgement list & rows
========================================== */

.judgements-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.judgement-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    background:#fff;
    border:1px solid #eef1f6;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(16,69,145,.06);
    padding:16px 20px;
    transition:.25s;
}

.judgement-row:hover{
    box-shadow:0 8px 22px rgba(16,69,145,.13);
    transform:translateY(-2px);
    border-color:#dce4f2;
}

.judgement-main{
    flex:1;
    min-width:260px;
}

.judgement-title{
    margin:0 0 4px 0;
    font-size:16.5px;
    font-weight:700;
    color:#1c2b3a;
    line-height:1.35;
}

.case-no{
    margin:0 0 10px 0;
    font-size:13px;
    font-weight:600;
    color:#777;
}

.judgement-badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.badge{
    display:inline-block;
    font-size:12.5px;
    font-weight:700;
    padding:4px 12px;
    border-radius:999px;
    white-space:nowrap;
}

/* Category badge colors */
.badge-category{ background:#eceff3; color:#444; }
.badge-category[data-category="Partition"]{ background:#e7edf9; color:#104591; }
.badge-category[data-category="Demarcation"]{ background:#e0f7f5; color:#0d7d72; }
.badge-category[data-category="Review"]{ background:#f2e9fb; color:#6b3fa0; }
.badge-category[data-category="Produce"]{ background:#fff1e0; color:#b6690c; }
.badge-category[data-category="Ejectment"]{ background:#fde8e8; color:#c0392b; }
.badge-category[data-category="Produce-Ejectment"]{ background:#fdeee0; color:#a85c1a; }
.badge-category[data-category="Partition/Restoration"]{ background:#e1f6e6; color:#177a3a; }
.badge-category[data-category="Misc"]{ background:#eceff3; color:#555; }

.badge-division{ background:#f0f2f5; color:#333; }
.badge-member{ background:#eaf0fb; color:#104591; }

.judgement-side{
    display:flex;
    align-items:center;
    gap:16px;
    flex-shrink:0;
}

.date-block{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
}

.date-label{
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.4px;
    color:#9aa3af;
}

.date-badge{
    font-size:12.5px;
    font-weight:600;
    padding:6px 12px;
    border-radius:6px;
    background:#eef0f3;
    color:#444;
    white-space:nowrap;
}

.view-btn{
    display:inline-block;
    background:#104591;
    color:#fff !important;
    padding:9px 18px;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    border-radius:6px;
    white-space:nowrap;
    transition:.25s;
}

.view-btn:hover{ background:#0c3672; }

.not-uploaded{
    font-size:13px;
    color:#999;
    font-style:italic;
    white-space:nowrap;
}

/* ==========================================
   Empty / No-match states
========================================== */

.empty,
.no-match{
    padding:24px;
    text-align:center;
    color:#666;
    font-size:14px;
    width:100%;
}

/* ==========================================
   Pagination
========================================== */

.bor-pagination{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:24px;
}

.page-btn{
    min-width:38px;
    height:38px;
    padding:0 10px;
    font-size:14px;
    font-weight:600;
    color:#104591;
    background:#fff;
    border:1px solid #cfd6df;
    border-radius:6px;
    cursor:pointer;
    transition:.2s;
}

.page-btn:hover:not(:disabled){ border-color:#104591; background:#eaf0fb; }
.page-btn.active{ background:#104591; color:#fff; border-color:#104591; }
.page-btn:disabled{ opacity:.4; cursor:not-allowed; }

.page-ellipsis{
    display:flex;
    align-items:center;
    padding:0 4px;
    color:#999;
    font-weight:700;
}

/* ==========================================
   Responsive
========================================== */

@media(max-width:1024px){
    .bor-filter{ width:170px; }
    .bor-search{ width:220px; }
}

@media(max-width:768px){
    .bor-filters{ flex-direction:column; align-items:stretch; }
    .bor-filter,
    .bor-search{ width:100%; }
    .clear-btn{ width:100%; }

    .bor-j-meta{ flex-direction:column; align-items:flex-start; gap:8px; }

    .judgement-row{ flex-direction:column; align-items:flex-start; }
    .judgement-side{ width:100%; justify-content:space-between; align-items:center; }
    .date-block{ align-items:flex-start; }
}