<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: minmax(18rem, 28rem) minmax(24rem, 1fr) minmax(18rem, 24rem); gap: var(--ks-space-3); align-items: start; }
.ks-review-workbench > * { min-height: 30rem; padding: var(--ks-space-4); }
@media (max-width: 1200px) { .ks-review-workbench { grid-template-columns: 1fr; } }
</style>
