.demo-page{max-width:var(--content-max,1600px);padding:calc(var(--header-height,72px) + var(--space-4,16px)) 20px var(--space-12,48px);color:var(--color-text-primary);--demo-sidebar-w:248px;--demo-toolbar-h:44px;grid-template-columns:var(--demo-sidebar-w) minmax(0, 1fr);gap:var(--space-4,16px);margin:0 auto;display:grid}.demo-page.is-collapsed{--demo-sidebar-w:56px}.demo-main{min-width:0;max-height:calc(100dvh - var(--header-height,72px) - var(--space-4,16px) - 8px);flex-direction:column;display:flex}.demo-only-mobile{display:none!important}.demo-mobile-backdrop{display:none}@media (max-width:1023px){.demo-only-desktop{display:none!important}.demo-only-mobile{display:inline-flex!important}}.demo-sidebar{top:calc(var(--header-height,72px) + var(--space-4,16px));height:calc(100dvh - var(--header-height,72px) - var(--space-4,16px) - 8px);max-height:calc(100dvh - var(--header-height,72px) - var(--space-4,16px) - 8px);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md,10px);flex-direction:column;align-self:start;transition:all .18s;display:flex;position:sticky;overflow:hidden}.demo-sidebar-head{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.demo-sidebar-title{letter-spacing:.08em;color:var(--color-text-faint);font-size:10px;font-weight:700}.demo-sidebar-collapse{border:1px solid var(--color-border-default);border-radius:var(--radius-xs,4px);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.demo-sidebar-collapse:hover{color:var(--color-text-primary);background:var(--color-interactive-hover)}.demo-sidebar-body{scrollbar-width:thin;flex:1;padding:10px 12px;overflow-y:auto}.demo-sidebar-foot{border-top:1px solid var(--color-border-default);justify-content:flex-end;gap:8px;padding:8px 10px;display:flex}.demo-page.is-collapsed .demo-sidebar-title,.demo-page.is-collapsed .demo-sidebar-body,.demo-page.is-collapsed .demo-sidebar-foot{display:none}.demo-page.is-collapsed .demo-sidebar-head{justify-content:center;padding:10px 6px}.demo-sidebar-rail{display:none}.demo-page.is-collapsed .demo-sidebar-rail{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:0;padding:6px 0 12px;display:flex;overflow-y:auto}.demo-page.is-collapsed .demo-sidebar-rail::-webkit-scrollbar{display:none}.demo-rail-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,border-color .12s;display:flex}.demo-rail-btn:hover{background:var(--color-interactive-hover)}.demo-rail-btn.is-on{background:var(--color-nav-item-active-bg);border-color:var(--color-border-subtle)}.demo-toolbar{align-items:center;gap:var(--space-2,8px);min-height:var(--demo-toolbar-h,44px);border:1px solid var(--color-border-default);border-radius:var(--radius-sm,6px) var(--radius-sm,6px) 0 0;background:var(--color-bg-base);-webkit-backdrop-filter:blur(8px);flex-wrap:wrap;flex:none;padding:8px 10px;display:flex}.demo-toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.demo-toolbar-right{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.demo-btn{background:var(--color-surface-card);border:1px solid var(--color-border-default);color:var(--color-text-primary);border-radius:var(--radius-xs,4px);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.demo-btn:hover:not(:disabled){background:var(--color-interactive-hover)}.demo-btn:disabled{opacity:.45;cursor:not-allowed}.demo-btn-primary{border-color:var(--color-brand-border);color:var(--color-brand)}.demo-btn-primary:hover:not(:disabled){background:var(--color-brand-subtle)}.demo-btn-icon{padding:5px 8px}.demo-badge-count{background:var(--color-brand);min-width:18px;height:16px;color:var(--color-text-inverse,#fff);border-radius:8px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.demo-select-wrap{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.demo-select-label{color:var(--color-text-faint);font-size:11px}.demo-select{background:var(--color-surface-input);border:1px solid var(--color-border-default);height:26px;color:var(--color-text-primary);border-radius:var(--radius-xs,4px);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-faint) 50%), linear-gradient(135deg, var(--color-text-faint) 50%, transparent 50%);background-position:calc(100% - 12px),calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding:0 22px 0 8px;font-size:12px}.demo-result-count{color:var(--color-text-faint);font-variant-numeric:tabular-nums;font-size:12px}.demo-chip-source .src-platform{color:var(--color-text-faint);font-weight:400}.demo-view-toggle{border:1px solid var(--color-border-default);border-radius:var(--radius-xs,4px);display:inline-flex;overflow:hidden}.demo-view-btn{color:var(--color-text-faint);cursor:pointer;border:0;border-right:1px solid var(--color-border-default);background:0 0;padding:5px 10px;font-size:11px;font-weight:500}.demo-view-btn:last-child{border-right:0}.demo-view-btn.is-active{background:var(--color-interactive-selected);color:var(--color-text-primary)}.demo-matched-pill{border-color:var(--color-state-success-border);color:var(--color-text-primary);padding-left:8px}.demo-matched-pill:hover:not(:disabled){background:var(--color-state-success-subtle)}.demo-matched-dot{background:var(--color-state-success-text);border-radius:50%;width:7px;height:7px}.demo-matched-pill strong{color:var(--color-state-success-text);font-weight:700}.demo-matched-arrow{color:var(--color-brand);font-weight:600}.demo-table-wrap{border:1px solid var(--color-border-default);border-radius:0 0 var(--radius-sm,6px) var(--radius-sm,6px);background:var(--color-surface-card);border-top:0;flex:auto;min-height:0;position:relative;overflow:auto}.demo-table{border-collapse:collapse;width:100%;font-size:12.5px}.demo-table thead th{z-index:2;text-align:left;letter-spacing:.03em;color:var(--table-header-text,var(--color-text-muted));background:var(--color-bg-base);border-bottom:1px solid var(--color-border-default);text-transform:uppercase;white-space:nowrap;padding:9px 10px;font-size:11px;font-weight:600;position:sticky;top:0}.demo-th-inner{align-items:center;gap:4px;display:inline-flex}.demo-th-arrow{opacity:.4;font-size:10px}.demo-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.demo-th-sortable:hover .demo-th-arrow{opacity:.9;color:var(--color-text-primary)}.demo-th-btn{appearance:none;font:inherit;color:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.demo-th-btn:focus-visible{outline:2px solid var(--color-border-brand,currentColor);outline-offset:2px;border-radius:2px}.demo-table tbody td{border-bottom:1px solid var(--table-border,var(--color-border-subtle));vertical-align:middle;white-space:nowrap;padding:8px 10px}.demo-table tbody tr:hover{background:var(--table-row-hover,var(--color-interactive-hover))}.demo-table tbody tr[data-selected]{background:var(--color-interactive-selected)}.demo-table tbody tr[data-selected]:hover{background:var(--color-brand-subtle)}.demo-table tbody tr:focus-visible{box-shadow:inset 3px 0 0 var(--color-border-focus);background:var(--color-interactive-hover);outline:none}.demo-table tbody tr:focus:not(:focus-visible){outline:none}.demo-col-check,.demo-col-star{text-align:center;width:32px;padding:8px 6px!important}.demo-col-check input{cursor:pointer}.demo-star{cursor:pointer;color:var(--color-text-faint);background:0 0;border:0;padding:0;font-size:16px;line-height:1;transition:color .12s,transform .1s}.demo-star:hover,.demo-star.is-on{color:var(--color-priority-medium)}.demo-star:active{transform:scale(.9)}.demo-cell-title{white-space:normal;min-width:320px;max-width:480px}.demo-title-line{color:var(--color-text-primary);text-overflow:ellipsis;font-weight:500;overflow:hidden}.demo-buyer-line{color:var(--color-text-faint);text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.demo-budget-line{margin-top:2px}.demo-budget-line .moneytog-btn{color:var(--color-text-secondary,inherit);font-size:11.5px}.demo-budget-line .moneytog-static{font-size:11.5px}.demo-source-badge{letter-spacing:.04em;border:1px solid var(--color-border-default);color:var(--color-text-muted);background:var(--color-surface-2);border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.demo-cell-country{color:var(--color-text-muted);font-size:11.5px}.demo-country-with-flag{align-items:center;gap:6px;display:inline-flex}.demo-cell-deadline{font-variant-numeric:tabular-nums;font-size:12px}.demo-cell-fit{font-variant-numeric:tabular-nums;font-size:12.5px}.demo-fit-denom{color:var(--color-text-muted);margin-left:1px;font-size:10px}.demo-sector-chip{background:var(--color-surface-2);border:1px solid var(--color-border-default);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;max-width:130px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block;overflow:hidden}.demo-dash{color:var(--color-text-faint);opacity:.4}.demo-empty{text-align:center;color:var(--color-text-faint);padding:32px}.demo-bottom-bar{margin-top:var(--space-3,12px);border:1px solid var(--color-border-default);border-radius:var(--radius-sm,6px);background:var(--color-surface-card);color:var(--color-text-muted);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:8px 10px;font-size:12px;display:flex}.demo-range{font-variant-numeric:tabular-nums}.demo-pager{gap:2px;margin:0 auto;display:inline-flex}.demo-pager-btn{min-width:28px;height:26px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-xs,4px);background:0 0;border:1px solid #0000;padding:0 6px;font-size:12px}.demo-pager-btn:hover:not(:disabled){background:var(--color-interactive-hover);border-color:var(--color-border-default)}.demo-pager-btn.is-active{background:var(--color-brand-subtle);border-color:var(--color-brand-border);color:var(--color-text-primary);font-weight:600}.demo-pager-btn:disabled{opacity:.35;cursor:not-allowed}.demo-pager-gap{color:var(--color-text-faint);padding:0 4px}.demo-rows-per-page{align-items:center;gap:6px;display:inline-flex}.demo-fg{margin-bottom:14px}.demo-fg-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:8px;font-size:11px;font-weight:700}.demo-fg-items{flex-wrap:wrap;gap:6px;display:flex}.demo-dd{margin-bottom:10px}.demo-dd-head{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:6px 0;display:flex}.demo-dd-head .demo-dd-title{margin-bottom:0}.demo-dd-head:hover .demo-dd-title{color:var(--color-text-muted)}.demo-dd-value{min-width:0;color:var(--color-brand-primary,var(--color-text-secondary));white-space:nowrap;text-overflow:ellipsis;text-align:right;flex:1;font-size:11px;overflow:hidden}.demo-dd-chevron{color:var(--color-text-faint);flex:none;font-size:10px}.demo-dd-panel{padding-top:4px}.demo-dd-panel--scroll{scrollbar-width:thin;max-height:240px;padding-bottom:4px;overflow-y:auto}.demo-filter-note{color:var(--color-text-faint);background:var(--color-surface-subtle,#7f7f7f0f);border:1px solid var(--color-border-default);border-radius:var(--radius-sm,6px);overflow-wrap:anywhere;word-break:break-word;flex-basis:100%;margin:6px 0 2px;padding:7px 9px;font-size:11px;line-height:1.45}.demo-seg{border:1px solid var(--color-border-default);border-radius:var(--radius-sm,6px);background:0 0;align-items:stretch;display:inline-flex;overflow:hidden}.demo-seg-btn{color:var(--color-text-muted);cursor:pointer;border:none;border-inline-start:1px solid var(--color-border-default);white-space:nowrap;background:0 0;padding:5px 10px;font-size:12px;font-weight:500;line-height:1.2;transition:background .12s,color .12s}.demo-seg-btn:first-child{border-inline-start:none}.demo-seg-btn:hover{background:var(--color-interactive-hover);color:var(--color-text-primary)}.demo-seg-btn.is-on{background:var(--color-state-info-bg,var(--color-interactive-hover));color:var(--color-text-primary);font-weight:600}.demo-chip{color:var(--color-text-muted);border:1px solid var(--color-border-default);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:5px 10px;font-size:12px;font-weight:500;line-height:1.2;transition:background .12s,border-color .12s,color .12s;display:inline-flex;overflow:hidden}.demo-chip>span:not([aria-hidden]){text-overflow:ellipsis;min-width:0;overflow:hidden}.demo-chip-count{font-variant-numeric:tabular-nums;color:var(--color-text-faint);flex:none;margin-left:4px;font-size:11px;font-weight:600}.demo-chip.is-on .demo-chip-count{color:inherit;opacity:.85}.demo-chip:hover{color:var(--color-text-primary);background:var(--color-interactive-hover)}.demo-chip:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-brand-subtle);outline:none}.demo-chip.is-on{color:var(--color-brand);background:var(--color-brand-subtle);border-color:var(--color-brand-border);font-weight:600}.demo-consultancy-scope{border-top:1px dashed var(--color-border-subtle);flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px 0 2px;display:flex}.demo-chip--sub{padding:3px 9px;font-size:11px}.demo-ic-pill{color:var(--color-brand);background:var(--color-brand-subtle);border:1px solid var(--color-brand-border);white-space:nowrap;border-radius:999px;margin-top:4px;padding:1px 7px;font-size:10px;font-weight:600;line-height:1.5;display:inline-block}.demo-notice-pill{color:var(--color-warning,#b45309);background:var(--color-warning-soft,#f59e0b1f);border:1px solid var(--color-warning,#f59e0b57);overflow-wrap:anywhere;border-radius:999px;max-width:100%;margin-top:4px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:600;line-height:1.5;display:inline-block}.demo-dup-pill,.demo-orig-lang-pill{color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border-subtle);white-space:nowrap;vertical-align:middle;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:1.6;display:inline-block}.demo-chip-source .source-logo{flex:none}.demo-chip-more{color:var(--color-brand);border-style:dashed;font-weight:500}.demo-chip-more:hover{background:var(--color-brand-subtle);border-style:solid}.demo-sidebar .demo-fg>.demo-fg-title:not(.demo-dd-title){border-bottom:1px solid var(--color-border-subtle);margin-bottom:8px;padding-bottom:6px}.demo-sidebar .demo-dd-head{border-radius:var(--radius-xs,4px)}.demo-sidebar .demo-dd-head:focus-visible{box-shadow:0 0 0 2px var(--color-brand-subtle);outline:none}.demo-sidebar .demo-fg-items,.demo-sidebar .demo-dd-panel{flex-flow:column;gap:1px}.demo-sidebar .demo-fg-items .demo-chip,.demo-sidebar .demo-dd-panel .demo-chip{border-radius:var(--radius-sm,6px);background:0 0;border-color:#0000;justify-content:flex-start;gap:8px;width:100%;padding:7px 8px;font-weight:500}.demo-sidebar .demo-chip .demo-chip-count{margin-left:auto;padding-left:8px}.demo-sidebar .demo-chip:not(.demo-chip-source):before{content:"";border:1.5px solid var(--color-border-default);border-radius:4px;flex:none;width:14px;height:14px;transition:background .12s,border-color .12s}.demo-sidebar .demo-chip:not(.demo-chip-source).is-on:before{background:var(--color-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5L4 7.5L8.5 2.5' stroke='white' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat;border-color:var(--color-brand)}.demo-sidebar .demo-fg-items .demo-chip:hover,.demo-sidebar .demo-dd-panel .demo-chip:hover{background:var(--color-interactive-hover);border-color:#0000}.demo-sidebar .demo-fg-items .demo-chip.is-on,.demo-sidebar .demo-dd-panel .demo-chip.is-on{background:var(--color-brand-subtle);border-color:var(--color-brand-border)}.demo-sidebar-head{padding:12px 14px}.demo-sidebar-body{padding:12px 14px 14px}.demo-sidebar .demo-fg>.demo-fg-title:not(.demo-dd-title){margin-bottom:10px;padding-bottom:8px;font-size:10px}.demo-sidebar .demo-dd-head{border-radius:var(--radius-sm,6px);min-height:34px;padding:6px 8px;transition:background .12s,color .12s}.demo-sidebar .demo-dd-head:hover{background:color-mix(in srgb, var(--color-text-primary) 6%, transparent)}.demo-sidebar .demo-dd-chevron{text-align:center;width:14px}.demo-sidebar .demo-dd-title{color:color-mix(in srgb, var(--color-text-secondary) 65%, var(--color-text-muted));letter-spacing:.05em}.demo-sidebar .demo-dd-head:hover .demo-dd-title{color:var(--color-text-secondary)}.demo-sidebar .demo-fg-items .demo-chip,.demo-sidebar .demo-dd-panel .demo-chip{align-items:center;min-height:30px;padding:5px 8px}.demo-sidebar .demo-dd-panel .demo-chip{padding-left:16px}.demo-sidebar .demo-fg-items .demo-chip.is-on,.demo-sidebar .demo-dd-panel .demo-chip.is-on{box-shadow:inset 2px 0 0 var(--color-brand)}.demo-sidebar-foot{padding:12px 12px 18px}.demo-sidebar-foot .demo-clear-btn{min-height:34px;font-weight:600}.demo-smart{margin-bottom:16px}.demo-smart-card{text-align:left;cursor:pointer;background:var(--color-state-success-subtle,#22c55e0f);border:1px solid var(--color-state-success-border,#22c55e47);border-radius:var(--radius-md,8px);align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .12s,border-color .12s;display:flex}.demo-smart-card:hover{background:var(--color-state-success-subtle,#22c55e1a)}.demo-smart-card.is-on{background:var(--color-state-success-subtle,#22c55e1f);border-color:var(--color-state-success-text,#22c55e)}.demo-smart-card:focus-visible{box-shadow:0 0 0 2px var(--color-state-success-subtle,#22c55e40);outline:none}.demo-smart-dot{background:var(--color-state-success-text,#22c55e);border-radius:50%;flex:none;width:8px;height:8px}.demo-smart-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.demo-smart-title{color:var(--color-text-primary);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.demo-smart-count{font-variant-numeric:tabular-nums;color:var(--color-state-success-text,#22c55e);font-weight:700}.demo-smart-desc{color:var(--color-text-muted);font-size:11px;line-height:1.3}.demo-smart-arrow{color:var(--color-brand);flex:none;font-weight:600}.demo-filters-label{font-size:var(--text-sm,13px);font-weight:var(--weight-medium,500);color:var(--color-text-muted);white-space:nowrap;flex:none}.demo-filter-chip{border:1px solid color-mix(in srgb, var(--color-brand) 35%, transparent);background:color-mix(in srgb, var(--color-brand) 12%, transparent);height:30px;color:var(--color-text-primary);font-size:var(--text-sm,13px);font-weight:var(--weight-medium,500);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 10px;transition:background .12s,border-color .12s;display:inline-flex}.demo-filter-chip:hover{background:color-mix(in srgb, var(--color-brand) 18%, transparent);border-color:color-mix(in srgb, var(--color-brand) 55%, transparent)}.demo-filter-chip:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.demo-filter-chip__label{white-space:nowrap}.demo-filter-chip__x{width:20px;height:20px;color:var(--color-text-muted);border-radius:999px;justify-content:center;align-items:center;font-size:11px;line-height:1;display:inline-flex}.demo-filter-chip:hover .demo-filter-chip__x{background:color-mix(in srgb, var(--color-text-primary) 14%, transparent);color:var(--color-text-primary)}.demo-filter-chip .country-flag{border-radius:2px;display:block}.demo-active-filters__clear{cursor:pointer;font-size:var(--text-xs,12px);color:var(--color-text-muted);background:0 0;border:none;margin-inline-start:2px;padding:4px 6px;font-weight:600;text-decoration:underline}.demo-active-filters__clear:hover{color:var(--color-text-primary)}.demo-clear-btn{justify-content:center;width:100%}.demo-clear-btn:disabled{opacity:.4;cursor:not-allowed}.demo-sidebar :focus:not(:focus-visible){outline:none}.demo-sidebar .demo-chip:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-brand-subtle);outline:none}@media (max-width:1023px){.demo-page{grid-template-columns:minmax(0,1fr);padding-left:16px;padding-right:16px}.demo-main{max-height:none}.demo-table-wrap{max-width:100%;overflow:auto visible}.demo-table thead th{position:static}.demo-sidebar{border:0;border-right:1px solid var(--color-border-default);z-index:90;border-radius:0;width:min(360px,88vw);height:auto;max-height:100dvh;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 24px #00000059}.demo-page.is-mobile-open .demo-sidebar{transform:translate(0)}.demo-page.is-collapsed .demo-sidebar-title,.demo-page.is-collapsed .demo-sidebar-body,.demo-page.is-collapsed .demo-sidebar-foot{display:block}.demo-page.is-collapsed .demo-sidebar-head{justify-content:space-between;padding:12px 14px}.demo-page.is-collapsed .demo-sidebar-rail{display:none}.demo-sidebar-head{padding:14px 16px}.demo-sidebar-collapse{width:36px;height:36px;font-size:16px}.demo-mobile-backdrop{background:var(--color-overlay-backdrop);z-index:80;animation:.15s demoFadeIn;display:block;position:fixed;inset:0}}@media (max-width:640px){.demo-page{padding-left:12px;padding-right:12px;padding-top:calc(var(--header-height,72px) + 8px);gap:8px}.demo-toolbar{gap:6px;padding:8px}.demo-btn{min-height:40px;padding:8px 10px}.demo-btn .demo-btn-label{display:none}.demo-matched-pill .demo-btn-label,.demo-select-wrap{display:inline-flex}.demo-toolbar-right{flex-shrink:1;min-width:0;max-width:100%}.demo-result-count{display:none}.demo-view-toggle .demo-view-btn{min-height:36px;padding:8px 12px}.demo-bottom-bar{text-align:center;justify-content:center;padding:10px}.demo-pager{flex-wrap:wrap;justify-content:center;margin:0}.demo-pager-btn{min-width:36px;height:36px}.demo-rows-per-page{justify-content:center;width:100%}.demo-rows-per-page .demo-select{min-height:36px}.demo-chip{min-height:36px;padding:8px 12px}.demo-table-wrap{background:0 0;border:0;border-radius:0}.demo-table{display:block}.demo-table thead{display:none}.demo-table tbody{flex-direction:column;gap:8px;display:flex}.demo-table tbody tr{background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm,6px);cursor:pointer;grid-template-columns:32px 1fr auto;grid-template-areas:"check title fit""check buyer fit""check msource mcountry""check mpublished mdeadline""check msector msector";align-items:start;gap:4px 8px;padding:12px;display:grid}.demo-table tbody tr:hover{background:var(--color-interactive-hover)}.demo-table tbody tr[data-selected]{background:var(--color-interactive-selected);border-color:var(--color-brand-border)}.demo-table tbody td{white-space:normal;border-bottom:0;padding:0}.demo-table tbody td.demo-col-check{grid-area:check;padding:4px 0!important}.demo-table tbody td.demo-col-star{display:none}.demo-table tbody td.demo-cell-title{grid-area:title;min-width:0;max-width:none}.demo-table tbody td.demo-cell-title .demo-title-line{white-space:normal;font-size:14px;font-weight:600}.demo-table tbody td.demo-cell-title .demo-buyer-line{grid-area:buyer}.demo-table tbody td:has(>.demo-source-badge){grid-area:msource;align-items:center;min-width:0;font-size:12px;display:inline-flex}.demo-table tbody td.demo-cell-country{grid-area:mcountry;justify-content:flex-end;align-items:center;min-width:0;font-size:12px;display:inline-flex}.demo-table tbody td.demo-cell-published{min-width:0;color:var(--color-text-faint);grid-area:mpublished;align-items:center;font-size:12px;display:inline-flex}.demo-table tbody td.demo-cell-deadline{grid-area:mdeadline;justify-content:flex-end;align-items:center;min-width:0;display:inline-flex}.demo-table tbody td:has(>.demo-sector-chip){flex-wrap:wrap;grid-area:msector;align-items:center;gap:6px;min-width:0;font-size:12px;display:inline-flex}.demo-table tbody td.demo-cell-fit{text-align:right;grid-area:fit;align-self:start;padding-top:2px;font-size:14px}.demo-table tbody td .demo-dash{display:none}}@keyframes demoFadeIn{0%{opacity:0}to{opacity:1}}.demo-degraded-banner{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary,#b45309);background:var(--color-warning-subtle,#f59e0b1a);border:1px solid var(--color-warning-border,#f59e0b4d);border-radius:var(--radius-sm,6px);overflow-wrap:anywhere;font-size:12px;line-height:1.45}