<template>
  <div class="ks-review-workbench">
    <section class="ks-review-workbench__queue ks-card" aria-label="검토 대기열"><slot name="queue" /></section>
    <section class="ks-review-workbench__detail ks-card" aria-label="결정 상세"><slot name="detail" /></section>
    <aside class="ks-review-workbench__decision ks-card" aria-label="검토 결정"><slot name="decision" /></aside>
  </div>
</template>
<style scoped>
.ks-review-workbench { display: grid; grid-template-columns: var(--ks-detail-width) minmax(0, 1fr) var(--ks-aside-width); gap: var(--ks-space-3); align-items: start; height: 100%; min-height: 0; }
.ks-review-workbench > * { height: 100%; min-height: 0; padding: var(--ks-space-3); overflow-y: auto; }
@media (max-width: 1100px) { .ks-review-workbench { grid-template-columns: 1fr; } }
</style>
