@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600&display=swap');

.vpz-status-table{
width:100%;
border-collapse:collapse;
font-family:'Noto Sans',sans-serif;
font-size:14px;
line-height:1.5;
font-weight:500;
}

.vpz-status-table th,
.vpz-status-table td{
padding:10px 12px;
border:1px solid #ddd;
text-align:left;
vertical-align:top;
}

.vpz-status-table thead{background:#f5f5f5;}

.vpz-title-link{text-decoration:none;}
.vpz-title-link .post-title{color:#222;}
.vpz-title-link:hover .post-title{color:#dd9933;}

.post-date{font-size:13px;color:#777;margin-top:4px;}

.status-open{color:#1e7e34;}
.status-closed{color:#c82333;}
.status-unknown{color:#777;}

/* pagination row */
.vpz-pagination-row.left{
margin-top:20px;
display:flex;
align-items:center;
justify-content:flex-start;
gap:12px;
}

/* spinner */
.vpz-spinner{
width:18px;height:18px;
border:2px solid #f0d2a8;
border-top:2px solid #dd9933;
border-radius:50%;
animation:spin .7s linear infinite;
opacity:0;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* arrows – pseudo element */
.vpz-arrows{display:flex;gap:8px;}

.vpz-arrows button{
width:24px;
height:24px;
background:#dd9933;
border:none;
padding:0;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
}

.vpz-arrows button::before{
content: attr(data-arrow);
color:#fff;
font-size:16px;
line-height:1;
display:block;
transform: translateY(-1px); /* OPTICAL vertical centering */
}

.vpz-arrows button:hover{background:#dd9933;}
.vpz-arrows button:disabled{opacity:.4;cursor:default;}

/* fade */
.vpz-table-area{transition:opacity .25s ease;}
.vpz-table-area.loading{opacity:.4;}