/* Static grid presentation. Loaded by the portal before component mounting. */
.beai-grid{position:relative;display:grid;min-width:0;width:100%;gap:0;color:var(--ui-on-shell,var(--be-text,inherit));font:inherit}
.beai-grid-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0;padding:8px 0 12px}
.beai-grid-search{display:flex;align-items:stretch;min-width:210px;width:clamp(210px,24vw,320px);filter:drop-shadow(0 6px 16px rgba(24,30,44,.06))}
.beai-grid-search-icon{display:grid;place-items:center;width:38px;flex:0 0 38px;border:1px solid var(--ui-line,var(--be-border,#d6d8de));border-right:0;border-radius:8px 0 0 8px;background:var(--ui-input,var(--be-surface,#f5f6f8));color:var(--ui-on-shell-muted,var(--be-text-muted,#69707d))}
.beai-grid input,.beai-grid select,.beai-grid button,.beai-grid-columns-menu button{font:inherit;letter-spacing:0}
.beai-grid-search input,.beai-grid-length select,.beai-grid-page-input{min-height:38px;border:1px solid var(--ui-line,var(--be-border,#d6d8de));background:var(--ui-input,var(--be-bg,#fff));color:inherit}
.beai-grid-search input{width:100%;min-width:0;padding:7px 11px;border-radius:0 8px 8px 0}
.beai-grid-length{display:inline-flex;align-items:center;gap:6px;min-height:38px;color:var(--ui-on-shell-muted,var(--be-text-muted,#69707d));font-size:12px;white-space:nowrap}
.beai-grid-length select{width:68px;padding:5px 24px 5px 9px;border-radius:8px}
.beai-grid-info{display:inline-flex;align-items:center;min-height:38px;padding:6px 11px;border:1px solid var(--ui-line,var(--be-border,#d6d8de));border-radius:8px;background:var(--ui-input,var(--be-bg,#fff));color:var(--ui-on-shell-muted,var(--be-text-muted,#69707d));font-size:12px;white-space:nowrap;box-shadow:var(--ui-shadow-xs,0 1px 2px rgba(0,0,0,.08))}
.beai-grid-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 10px;border:1px solid var(--ui-line,var(--be-border,#d6d8de));border-radius:8px;background:var(--ui-input,var(--be-bg,#fff));color:inherit;box-shadow:var(--ui-shadow-xs,0 1px 2px rgba(0,0,0,.08));cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.beai-grid-button:hover,.beai-grid-button[aria-expanded="true"]{border-color:var(--ui-line-strong,var(--be-primary,#6574d8));background:var(--ui-panel-hover,var(--be-surface,#f2f3f7));transform:translateY(-1px)}
.beai-grid-button:disabled{cursor:not-allowed;opacity:.45}
.beai-grid-button[data-selection-count]:not([data-selection-count="0"])::after{display:inline-grid;min-width:18px;height:18px;place-items:center;padding:0 5px;border-radius:9px;background:var(--ui-primary,var(--be-primary,#d9305f));color:var(--ui-primary-ink,#fff);content:attr(data-selection-count);font-size:10px;font-weight:800}
.beai-grid-pages{display:inline-flex;align-items:center;gap:3px;min-height:38px;padding:0 4px;border:1px solid var(--ui-line,var(--be-border,#d6d8de));border-radius:8px;background:var(--ui-input,var(--be-bg,#fff));box-shadow:var(--ui-shadow-xs,0 1px 2px rgba(0,0,0,.08))}
.beai-grid-pages .beai-grid-button{width:32px;min-height:32px;padding:0;border-color:transparent;background:transparent;box-shadow:none;font-size:18px;line-height:1}
.beai-grid-page-label,.beai-grid-page-total{color:var(--ui-on-shell-muted,var(--be-text-muted,#69707d));font-size:12px;white-space:nowrap}
.beai-grid-page-input{width:44px;min-height:32px;padding:4px 5px;border-color:transparent;border-radius:6px;background:transparent;text-align:center}
.beai-grid-surface{position:relative;width:100%;max-width:100%;min-width:0;overflow:auto;border:1px solid var(--ui-line,var(--be-border,#d6d8de));border-radius:8px;background:var(--ui-panel,var(--be-bg,#fff));box-shadow:var(--ui-shadow-sm,0 7px 20px rgba(28,34,48,.09))}
.beai-grid-table{width:100%;border-collapse:separate;border-spacing:0}
.beai-grid-table thead th{background:var(--ui-panel-raised,var(--be-bg,#fff));border-bottom:1px solid var(--ui-line,var(--be-border,#d6d8de))}
.beai-grid-table tbody tr{transition:background .16s ease}
.beai-grid-table tbody tr:hover{background:color-mix(in srgb,var(--ui-brand,var(--be-primary,#6574d8)) 6%,var(--ui-panel-hover,var(--be-surface,#f2f3f7)))}
.beai-grid-table th[data-beai-grid-orderable="true"]{cursor:pointer;user-select:none}
.beai-grid-sort{display:inline-block;min-width:12px;margin-left:5px;color:var(--ui-on-shell-muted,var(--be-text-muted,#69707d));font-size:10px;text-align:center}
.beai-grid-table th[aria-sort="ascending"] .beai-grid-sort,.beai-grid-table th[aria-sort="descending"] .beai-grid-sort{color:var(--ui-accent,var(--be-primary,#d9305f))}
.beai-grid-empty td{padding:24px 12px;text-align:center;color:var(--ui-on-shell-muted,var(--be-text-muted,#69707d))}
.beai-grid-error td{padding:28px 12px;text-align:center}
.beai-grid-error-state{display:grid;justify-items:center;gap:8px;color:var(--ui-on-shell-muted,var(--be-text-muted,#69707d))}
.beai-grid-error-state i{color:var(--ui-danger,#d9305f);font-size:18px}
.beai-grid-processing{position:absolute;z-index:4;left:50%;top:58px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:8px 11px;border:1px solid var(--ui-line,var(--be-border,#d6d8de));border-radius:8px;background:var(--ui-surface,var(--be-bg,#fff));box-shadow:var(--ui-shadow,0 12px 30px rgba(0,0,0,.16));transform:translateX(-50%);font-size:12px}
.beai-grid-processing[hidden]{display:none}
.beai-grid-spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:beai-grid-spin .7s linear infinite}
.beai-grid-columns-menu,.beai-grid-actions-menu{position:fixed;z-index:1085;display:grid;min-width:210px;max-width:min(300px,calc(100vw - 16px));max-height:min(70vh,480px);gap:3px;overflow:auto;padding:7px;border:1px solid var(--ui-line,var(--be-border,#d6d8de));border-radius:8px;background:var(--ui-surface,var(--be-bg,#fff));color:var(--ui-on-shell,var(--be-text,#20242d));box-shadow:var(--ui-shadow,0 18px 42px rgba(0,0,0,.2))}
.beai-grid-columns-menu[hidden]{display:none}
.beai-grid-actions-menu[hidden]{display:none}
.beai-grid-column-item,.beai-grid-action-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:8px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.beai-grid-action-item{justify-content:flex-start}
.beai-grid-column-item:hover,.beai-grid-column-item:focus,.beai-grid-action-item:hover,.beai-grid-action-item:focus{background:var(--ui-panel-hover,var(--be-surface,#f2f3f7))}
.beai-grid-column-item:focus-visible,.beai-grid-action-item:focus-visible{outline:3px solid var(--ui-primary,var(--be-primary,#d9305f));outline-offset:-2px}
.beai-grid-column-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.beai-grid-column-item[aria-checked="false"] .beai-grid-column-check{visibility:hidden}
.beai-grid-select-head,.beai-grid-select-cell{width:46px;min-width:46px;text-align:center!important}
.beai-grid-select{display:inline-grid;width:18px;height:18px;min-height:18px;margin:0;place-items:center;accent-color:var(--ui-primary,var(--be-primary,#d9305f));cursor:pointer}
.beai-grid-table tbody tr.is-selected{background:color-mix(in srgb,var(--ui-primary,var(--be-primary,#d9305f)) 11%,var(--ui-panel,var(--be-bg,#fff)))}
.beai-grid-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes beai-grid-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.beai-grid-toolbar{justify-content:flex-start}.beai-grid-search{flex:1 1 230px;width:auto}.beai-grid-info{order:5}.beai-grid-page-label{display:none}}