cc-page-navigation { display: block; }
.cc-page-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0; padding: 12px; color: #344054; background: #f3f4f6; border-radius: 6px; }
.cc-page-navigation .cc-page-button, .cc-page-navigation input { color: #344054; background: #fff; border: 1px solid #667085; border-radius: 5px; min-height: 40px; padding: 8px 12px; font: inherit; font-weight: 600; }
.cc-page-navigation .cc-page-button:hover { color: #182230; background: #eaecf0; }
.cc-page-navigation .cc-page-button.cc-page-active, .cc-page-navigation .cc-page-button:active { color: #fff; background: #344054; border-color: #344054; }
.cc-page-navigation .cc-page-button:disabled, .cc-page-navigation input:disabled { color: #475467; background: #e4e7ec; border-color: #667085; opacity: 1; cursor: not-allowed; }
.cc-page-navigation .cc-page-button:focus-visible, .cc-page-navigation input:focus-visible { outline: 3px solid #175cd3; outline-offset: 3px; }
.cc-page-navigation .cc-page-status { color: #344054; }
.cc-page-navigation .cc-page-jump { display: flex; align-items: center; gap: 8px; margin: 0; color: #344054; font-weight: 600; }
.cc-page-navigation input { width: 90px; }