style(fe): refine PageLayout filters container to inline toolbar without heavy card borders

frontend/src/shared/ui/layouts/PageLayout.vue

@@ -20,7 +20,7 @@ const showHelp = ref(false)
       <div class="ks-page__actions"><slot name="actions" /></div>
     </header>
     <div v-if="$slots.summary" class="ks-page__summary"><slot name="summary" /></div>
-    <div v-if="$slots.filters" class="ks-page__filters ks-card"><slot name="filters" /></div>
+    <div v-if="$slots.filters" class="ks-page__filters"><slot name="filters" /></div>
     <div class="ks-page__workspace" :class="{ 'has-aside': $slots.aside }">
       <div class="ks-page__content"><slot /></div>
       <aside v-if="$slots.aside" class="ks-page__aside"><slot name="aside" /></aside>
@@ -59,7 +59,7 @@ h1 { margin: 0; font-size: var(--ks-font-page); line-height: var(--ks-line-page)
 .ks-page__meta { display: flex; gap: var(--ks-space-3); flex-wrap: wrap; margin-top: 2px; color: var(--ks-color-neutral-600); font-size: var(--ks-font-caption); }
 .ks-page__actions { display: flex; align-items: center; gap: var(--ks-space-2); flex-shrink: 0; }
 .ks-page__summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--ks-space-3); flex-shrink: 0; }
-.ks-page__filters { padding: var(--ks-space-2) var(--ks-space-3); flex-shrink: 0; }
+.ks-page__filters { padding: var(--ks-space-2) var(--ks-space-3); flex-shrink: 0; background: var(--ks-color-surface); border: 1px solid var(--ks-color-border); border-radius: var(--ks-radius-sm); }
 .ks-page__workspace { min-width: 0; flex: 1; display: grid; min-height: 0; gap: var(--ks-space-4); }
 .ks-page__workspace.has-aside { grid-template-columns: minmax(0, 1fr) var(--ks-aside-width); }
 .ks-page__content, .ks-page__aside { min-width: 0; min-height: 0; height: 100%; display: flex; flex-direction: column; }