.app-pagination-wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:14px 0 18px;
  padding:12px 14px;
  border:1px solid rgba(111,63,21,.12);
  border-radius:18px;
  background:#fffaf0;
  box-shadow:0 8px 22px rgba(111,63,21,.06);
}
.app-pagination-info{
  color:#6b5743;
  font-size:.88rem;
  font-weight:700;
}
.app-pagination-controls{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.app-page-btn{
  min-width:34px;
  min-height:34px;
  border:1px solid rgba(111,63,21,.16);
  border-radius:12px;
  background:#fff;
  color:#5a3a17;
  font-weight:900;
  cursor:pointer;
  transition:.15s ease;
}
.app-page-btn:hover:not(:disabled){
  transform:translateY(-1px);
  background:#fff3c4;
}
.app-page-btn.active{
  background:linear-gradient(135deg,#ffc400,#f5a400);
  color:#2f1b0b;
  border-color:rgba(245,164,0,.45);
}
.app-page-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.app-page-ellipsis{
  padding:0 5px;
  color:#8a735d;
  font-weight:900;
}
@media(max-width:576px){
  .app-pagination-wrap{align-items:stretch;flex-direction:column}
  .app-pagination-controls{justify-content:center}
  .app-page-btn{min-width:32px;min-height:32px}
}
@media print{
  .app-pagination-wrap{display:none!important}
}