.eb-page-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding:24px; border:1px solid var(--pv-border); border-radius:16px; background:var(--pv-surface); }
.eb-page-title { flex:1 1 200px; min-width:0; }.eb-page-title h3 { margin:0; font-size:24px; line-height:32px; }.eb-page-title p { margin:8px 0 0; color:var(--pv-secondary); }
.eb-role-summary { display:flex; flex-wrap:wrap; gap:8px; margin:0; min-width:0; }
.eb-role-summary > div { display:flex; flex-direction:column; gap:4px; min-width:106px; padding:12px 16px; border:1px solid var(--pv-border); border-radius:12px; background:var(--pv-surface); }
.eb-role-summary dt { color:var(--pv-secondary); font-size:12px; line-height:18px; order:2; }.eb-role-summary dd { color:var(--pv-text); font-size:16px; line-height:24px; font-weight:600; margin:0; min-height:24px; }
.eb-count-skeleton { display:inline-block; width:36px; height:20px; vertical-align:middle; }
.eb-caption { color:var(--pv-secondary); font-size:12px; line-height:18px; margin:12px 0; }
.eb-demo-controls { display:flex; gap:20px; align-items:end; flex-wrap:wrap; margin-bottom:24px; }.eb-demo-controls .field { min-width:180px; margin:0; }.eb-demo-options { margin:20px 0; padding:16px; border:1px solid var(--pv-border); border-radius:12px; }.eb-demo-options .eb-demo-controls { margin:20px 0 0; }
.eb-check { display:flex; gap:8px; align-items:center; min-height:48px; }
.eb-table-toolbar { display:flex; align-items:end; gap:16px; flex-wrap:wrap; }.eb-table-toolbar > .field { margin:0; min-width:180px; flex:1; }.eb-table-toolbar > .button { min-height:48px; }
.eb-table-scroll { max-width:100%; overflow:auto; overscroll-behavior-inline:contain; }
#eb-table { width:100%; min-width:660px; border-collapse:collapse; }#eb-table th { background:var(--pv-canvas); color:var(--pv-secondary); font-size:12px; font-weight:600; }#eb-table td { font-size:14px; color:var(--pv-text); background:var(--pv-surface); }#eb-table th,#eb-table td { padding:18px 12px; text-align:left; border-bottom:1px solid var(--pv-border); }#eb-table tbody tr:hover td { background:var(--pv-canvas); }
.eb-sort { display:flex; align-items:center; gap:8px; min-height:32px; padding:0; color:inherit; background:transparent; border:0; font:inherit; }.eb-sort [data-eb-sort-icon] { display:flex; }
.eb-row-roles { display:flex; flex-wrap:wrap; gap:6px; }.eb-row-roles > span { padding:3px 8px; background:var(--pv-muted); color:var(--pv-secondary); border-radius:999px; font-size:12px; }
.eb-row-action { min-height:36px; padding:6px 16px; }.eb-table-skeleton { height:16px; width:70%; }.eb-table-message { padding:24px; text-align:center; }.eb-table-message p { margin:0 0 16px; }.eb-table-message[data-error] { color:var(--pv-error-fg); }
.eb-pagination-footer { flex-wrap:wrap; padding-top:20px; border-top:1px solid var(--pv-border); gap:20px; }
.eb-range { margin:0; font-size:12px; line-height:18px; color:var(--pv-secondary); }
.eb-footer-controls { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:24px; margin-left:auto; min-width:0; }
.eb-page-size { display:flex; align-items:center; gap:8px; }.eb-page-size label { margin:0; font-size:12px; line-height:18px; color:var(--pv-secondary); white-space:nowrap; }
.eb-page-size > select,.eb-page-size > .custom-select { width:88px; flex:0 0 88px; }
.eb-pagination-footer .pagination { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; }
.eb-page-numbers { display:flex; gap:8px; align-items:center; min-width:32px; }.eb-page-numbers > span { font-size:12px; color:var(--pv-secondary); }
.eb-pagination-footer .pagination button { display:inline-grid; place-items:center; min-width:44px; width:44px; height:44px; min-height:44px; padding:0; flex:none; border-radius:50%; }
@media(max-width:767px) { .eb-page-heading { padding:20px; align-items:start; }.eb-page-title { flex-basis:100%; }.eb-role-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }.eb-role-summary > div { min-width:0; }.eb-footer-controls { flex-basis:100%; justify-content:space-between; margin-left:0; gap:16px 24px; }.eb-demo-controls .field,.eb-table-toolbar > .field { min-width:0; flex-basis:100%; }.eb-page-size .custom-select-input { font-size:16px; }.eb-pagination-footer .pagination { margin-left:auto; } }
@media(max-width:440px) { .eb-footer-controls { flex-direction:column; align-items:stretch; gap:16px; }.eb-page-size { justify-content:space-between; }.eb-pagination-footer .pagination { justify-content:flex-end; gap:4px; }.eb-page-numbers { gap:4px; }.eb-pagination-footer .pagination button { width:32px; min-width:32px; height:32px; min-height:32px; }.eb-page-heading { padding:16px; }.eb-role-summary > div { padding:12px; } }
@media(max-width:360px) { .eb-pagination-footer .pagination,.eb-page-numbers { gap:2px; } }