/* ── 설문지 카드 그리드, 카드 내부, 빈 상태 ── */

.survey-list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
@media (max-width: 900px) { .survey-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .survey-list { grid-template-columns: 1fr; } }

.survey-item {
    background: white; border-radius: 10px; padding: 18px;
    border: 1px solid #eef0f4;
    position: relative; display: flex; flex-direction: column; gap: 10px;
    transition: box-shadow 0.2s, transform 0.2s;
}
.survey-item:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.07);
    transform: translateY(-2px);
}
.survey-item.converting .survey-actions { display: none; }

.survey-info { min-width: 0; }
.survey-name {
    font-weight: bold; color: #333; margin-bottom: 4px;
    font-size: 13px; line-height: 1.4;
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.survey-date { font-size: 11px; color: #999; }
.survey-actions { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.card-row { display: flex; align-items: center; gap: 6px; }
.card-label { font-size: 11px; color: #999; min-width: 42px; flex-shrink: 0; }
.card-buttons { display: flex; gap: 4px; flex-wrap: wrap; }
.card-divider { border-top: 1px solid #f0f0f0; margin: 2px 0; }

/* Delete button */
.delete-btn {
    position: absolute; top: 8px; right: 8px;
    background: none; border: none; cursor: pointer;
    color: #cbd5e1; padding: 4px; border-radius: 4px;
    display: flex; align-items: center; transition: all 0.2s;
}
.delete-btn:hover { color: #e74c3c; background: #fde8e8; }
.delete-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.delete-btn svg { width: 14px; height: 14px; }

/* Locked state */
.survey-item-locked { position: relative; }
.survey-item-locked .survey-info,
.survey-item-locked .survey-actions { opacity: 0.35; pointer-events: none; }
.lock-overlay {
    position: absolute; inset: 0; display: flex;
    align-items: center; justify-content: center;
    z-index: 2; pointer-events: none;
}
.lock-overlay svg { width: 36px; height: 36px; color: #94a3b8; }

/* Empty state */
.empty-state {
    text-align: center; color: #94a3b8; padding: 48px 20px; grid-column: 1 / -1;
    display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.empty-state svg { width: 40px; height: 40px; stroke: #cbd5e1; }
.empty-state .empty-text { font-size: 14px; font-weight: 500; }
.empty-state .empty-cta { font-size: 12px; color: #94a3b8; }