.viw-root { max-width: 880px; margin: 1rem auto; padding: 0 1rem; }
.viw-card { border: 1px solid #e5e7eb; border-radius: 16px; padding: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.04); background: #fff; }
.viw-title { font-size: 1.25rem; font-weight: 600; margin: 0 0 12px; }

.viw-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 720px){ .viw-grid { grid-template-columns: repeat(3, 1fr); } }

.viw-field { display: flex; flex-direction: column; }
.viw-label { font-size: .9rem; margin-bottom: 6px; color: #111827; }
.viw-select { padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 10px; font-size: .95rem; background: #fff; }

.viw-results { margin-top: 18px; }
.viw-subtitle { font-size: 1.05rem; font-weight: 600; margin: 0 0 8px; }
.viw-status { font-size: .9rem; color: #6b7280; margin-bottom: 8px; }

.viw-cats { list-style: decimal; margin: 0 0 8px 1.25rem; padding: 0; }
.viw-cat { display: flex; justify-content: space-between; padding: 6px 8px; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 6px; background: #fafafa; }
.viw-cat-name { font-weight: 600; }
.viw-cat-count { color: #374151; }

.viw-list { list-style: none; padding: 0; margin: 0; max-height: 420px; overflow: auto; }
.viw-item { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; margin: 10px 0; }
.viw-item-comp { font-weight: 600; font-size: .95rem; }
.viw-item-meta { font-size: .8rem; color: #6b7280; margin-top: 2px; }
.viw-item-text { font-size: .9rem; margin-top: 6px; line-height: 1.35; }

.viw-cc { margin-top: 18px; }
.viw-link { color: #2563eb; text-decoration: underline; }