.desk-pagination { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; width:100%; margin-top:16px; padding:16px 0; border-top:1px solid #dbe5f1; color:#334155; font-size:14px; line-height:1.5; box-sizing:border-box; }
.desk-pagination select,.desk-pagination button { box-sizing:border-box; height:34px; min-width:34px; padding:0 10px; border:1px solid #dbe5f1; border-radius:6px; background:#fff; color:#1d4ed8; font:inherit; cursor:pointer; }
.desk-pagination select { min-width:106px; color:#334155; }
.desk-pagination button:disabled { color:#a9bad6; background:#f8fafc; cursor:not-allowed; opacity:1; }
.desk-pagination button:not(:disabled):hover { background:#eff6ff; border-color:#93c5fd; }
.desk-pagination select:focus-visible,.desk-pagination button:focus-visible { outline:2px solid #60a5fa; outline-offset:2px; }
.desk-pagination-total,.desk-pagination-page { white-space:nowrap; }
.desk-pagination-page { min-width:44px; text-align:center; }
.inbox-panel .desk-pagination { flex:none; justify-content:center; gap:7px; margin:0; padding:10px; }
.inbox-panel .desk-pagination select { min-width:95px; padding:0 6px; }
.comments-page .status-label[data-status="pending"] { color:#b45309 !important; background:#fff7ed !important; }
.comments-page .status-label[data-status="human"] { color:#b91c1c !important; background:#fef2f2 !important; }
.comments-page .status-label[data-status="replied"] { color:#1d4ed8 !important; background:#eff6ff !important; }
.comments-page .status-label[data-status="resolved"] { color:#6d28d9 !important; background:#f5f3ff !important; }
@media(max-width:640px) { .desk-pagination { justify-content:center; gap:8px; padding:12px 0; } .desk-pagination select { min-width:104px; } }

.desk-shell .topbar { height:auto; min-height:90px; gap:16px; }
.desk-shell .topbar > div:first-child { min-width:0; flex:1; }
.desk-heading-row { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.desk-header-stats { display:flex; align-items:center; flex-wrap:wrap; gap:20px; color:#64748b; font-size:14px; line-height:1.5; }
.desk-header-stats span { white-space:nowrap; }
.desk-header-stats b { color:#334155; font-weight:600; margin-right:5px; }
.inbox .desk-pagination { flex:none; justify-content:center; gap:7px; margin:0; padding:10px; }
@media(max-width:640px) { .desk-shell .topbar { padding:12px 16px; align-items:flex-start; } .desk-heading-row { gap:10px; } .desk-header-stats { gap:10px; font-size:13px; } }