/** * Photon Grid base styles — footer section. * * Auto-split from base-styles.ts. Concatenated back (in order) by * base-styles.ts; edit here, not there. Order is preserved because CSS * cascade depends on it. */ export declare const footerCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-grid__footer {\n flex-shrink: 0;\n border-top: 1px solid var(--pg-colors-footer-border, #e2e8f0);\n background: var(--pg-colors-footer-background, #f8fafc);\n}\n.pg-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 16px;\n height: 44px;\n gap: 16px;\n}\n.pg-pagination {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.pg-pagination__info {\n font-size: var(--pg-typography-font-size-sm, 12px);\n color: var(--pg-colors-text-secondary, #475569);\n min-width: 100px;\n text-align: center;\n}\n.pg-pagination__btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-sm, 4px);\n background: var(--pg-colors-surface, #fff);\n color: var(--pg-colors-text-primary, #0f172a);\n cursor: pointer;\n transition: all var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-pagination__btn:hover:not(:disabled) { background: var(--pg-colors-background-alt, #f1f5f9); border-color: var(--pg-colors-border-strong, #cbd5e1); }\n.pg-pagination__btn:disabled { opacity: 0.38; cursor: not-allowed; }\n.pg-pagination__page-input {\n width: 54px;\n height: 30px;\n padding: 0 8px;\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-sm, 4px);\n font-size: var(--pg-typography-font-size-sm, 12px);\n font-family: inherit;\n background: var(--pg-colors-surface, #fff);\n color: inherit;\n text-align: center;\n outline: none;\n}\n.pg-pagination__page-input:focus { border-color: var(--pg-colors-border-focus, #2563eb); }\n.pg-pagination__size { display: flex; align-items: center; gap: 8px; }\n.pg-pagination__size-label { font-size: var(--pg-typography-font-size-sm, 12px); color: var(--pg-colors-text-secondary, #475569); white-space: nowrap; }\n.pg-pagination__size-select {\n height: 30px;\n padding: 0 6px;\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-sm, 4px);\n font-size: var(--pg-typography-font-size-sm, 12px);\n font-family: inherit;\n background: var(--pg-colors-surface, #fff);\n color: inherit;\n cursor: pointer;\n outline: none;\n}\n\n"; //# sourceMappingURL=footer.css.d.ts.map