.data-section-title{font-size:14px;font-weight:600;line-height:1.5}.data-workspace{min-width:0;overflow:visible;& .input,& .select{border-radius:8px;height:36px;min-height:36px;padding:0 12px;font-size:13px}& .input:focus-within{outline:2px solid color-mix(in srgb, var(--color-primary) 25%, transparent);outline-offset:1px}}.data-workspace-control-stack{flex-direction:column;gap:10px;display:flex}.data-workspace-controls{border-bottom:1px solid var(--color-base-300);flex-direction:column;gap:10px;padding:14px 16px 12px;display:flex}.data-workspace-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.data-workspace-search{flex:1;min-width:240px;&>.input{width:100%}}.data-segmented{background:var(--color-surface-raised);border-radius:10px;flex-wrap:wrap;flex:none;gap:2px;max-width:100%;padding:3px;display:inline-flex;&>*{height:30px;color:color-mix(in srgb, var(--color-base-content) 60%, transparent);white-space:nowrap;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}& [aria-selected=true]{background:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px 3px #0000000d}& .tool-tab-badge{color:color-mix(in srgb, var(--color-base-content) 42%, transparent);background:0 0;border:0;padding:0;font-size:11px;font-weight:600}}.data-filter-trigger{border:1px solid var(--color-base-300);background:var(--color-base-100);height:34px;min-height:34px;box-shadow:none;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;&[aria-expanded=true]{border-color:var(--color-primary);color:var(--color-primary)}}.data-filter-count{background:var(--color-primary);min-width:16px;height:16px;color:var(--color-primary-content);border-radius:50%;place-items:center;font-size:10px;display:inline-grid}.data-filter-panel{inset:var(--filter-top,16px) auto auto var(--filter-left,16px);width:320px;max-width:var(--filter-max-width,calc(100vw - 32px));max-height:var(--filter-max-height,calc(100dvh - 32px));border:1px solid var(--color-base-300);background:var(--color-base-100);color:var(--color-base-content);border-radius:10px;margin:0;padding:14px 16px;position:fixed;overflow:auto;box-shadow:0 8px 28px #00000014}.data-filter-heading{display:none}.data-filter-fields{flex-direction:column;gap:14px;display:flex;& label{min-height:22px;color:var(--color-base-content);white-space:normal;align-items:center;gap:8px;padding:0;font-size:13px;display:flex}& .select{width:100%}}.data-filter-group{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.data-filter-group legend,.data-filter-title{color:color-mix(in srgb, var(--color-base-content) 48%, transparent);align-items:center;gap:4px;padding:0 0 8px;font-size:12px;font-weight:650;display:flex}.data-filter-price{align-items:center;gap:6px;display:flex;& input{flex:1;width:0;min-width:0}}.data-filter-footer{border-top:1px solid var(--color-base-300);justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:10px;display:flex;& .btn{height:28px;min-height:28px;padding:0 10px;font-size:12px}}.data-active-filters{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.data-filter-chip{border:1px solid var(--color-brand-line);background:var(--color-brand-soft);max-width:100%;min-height:26px;color:var(--color-primary);text-align:left;overflow-wrap:anywhere;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.data-filter-clear{color:color-mix(in srgb, var(--color-base-content) 60%, transparent);cursor:pointer;padding:3px 6px}.data-workspace :focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.data-workspace-guide{color:color-mix(in srgb, var(--color-base-content) 60%, transparent);font-size:12px}.data-page-statline{color:color-mix(in srgb, var(--color-base-content) 55%, transparent);flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-top:10px;font-size:12px;display:flex;&>span{white-space:nowrap}& strong{color:var(--color-base-content);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:650}}.data-page-actions{flex-wrap:wrap;flex-shrink:0;align-self:flex-start;align-items:center;gap:8px;max-width:100%;display:flex;& .btn{white-space:normal;height:auto;min-height:34px;padding:7px 12px;font-size:12px}}.data-workspace [hidden],.data-filter [hidden]{display:none!important}@media (width<=720px){.data-workspace-controls{padding:12px}.data-workspace-toolbar{gap:8px}.data-workspace-toolbar:has(>.data-workspace-search){grid-template-columns:minmax(0,1fr) auto;display:grid}.data-workspace-toolbar>.data-segmented{grid-column:1/-1;justify-self:start}.data-workspace-search{width:100%;min-width:0}.data-filter-panel{width:auto;max-width:none;max-height:78dvh;padding:16px 16px max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;inset:auto 0 0;&::backdrop{background:#0005}}.data-filter-heading{margin-bottom:16px;font-size:14px;font-weight:650;display:block}.data-filter-fields label{min-height:30px}.data-page-actions{width:100%}}.data-filter-price .input{height:30px;min-height:30px}.data-crosslink{border:1px solid var(--color-brand-line);background:var(--color-brand-soft);width:fit-content;min-height:30px;color:var(--color-primary);border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:550;line-height:1.5;text-decoration:none;&:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-base-100))}}.data-workspace-related{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-workspace-related:not(:has(a:not([hidden]):not(.hidden))),.data-workspace-summary:not(:has([data-filter-summary]:not([hidden]))){display:none}.data-workspace-controls>*{margin-block:0}.data-filter-chip>img{object-fit:contain;flex:0 0 16px;width:16px;height:16px}
