/* Weapon Style (Log Fix) */
.wp-wrap { display: grid; grid-template-columns: 360px 1fr; gap: 16px; align-items: start; }
@media (max-width: 900px){ .wp-wrap{ grid-template-columns: 1fr; } }

.wp-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 16px; }
.wp-title { font-size: 18px; font-weight: 800; margin: 0 0 12px 0; color: #1e293b; }
.wp-sub-title { font-size: 14px; font-weight: 700; color: #64748b; margin-bottom: 8px; }

.wp-right-col { display: flex; flex-direction: column; height: 100%; }

.wp-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
.wp-tab { flex: 1; padding: 10px; border-radius: 10px; border: 1px solid #cbd5e1; background: #fff; font-weight: 700; cursor: pointer; color: #64748b; }
.wp-tab.is-active { background: #ff7811; color: #fff; border-color: transparent; }

.wp-field { margin-bottom: 12px; }
.wp-label { font-size: 13px; font-weight: 700; color: #475569; margin-bottom: 6px; }
.wp-input, .wp-select { width: 100%; height: 42px; padding: 0 12px; border: 1px solid #cbd5e1; border-radius: 10px; box-sizing: border-box; font-size: 14px; }
.wp-small { font-size: 12px; color: #94a3b8; margin-top: 4px; }

.wp-btn { width: 100%; padding: 12px; border-radius: 12px; font-weight: 800; border: none; cursor: pointer; font-size: 15px; transition: opacity 0.2s; }
.wp-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.wp-btn.primary { background: #ff7811; color: #fff; }
.wp-btn.primary:hover { background: #f97316; }
.wp-btn.warn { background: #fee2e2; color: #ef4444; }
.wp-btn.warn:hover { background: #fecaca; }

.wp-msg { margin-top: 10px; padding: 10px; border-radius: 8px; background: #f1f5f9; font-size: 13px; color: #64748b; text-align: center; }

.wp-stats { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.stat-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #f1f5f9; }
.stat-row .l { color: #64748b; font-weight: 600; }
.stat-row .v { color: #0f172a; font-weight: 800; }

.wp-highlight-box { background: #fff7ed; border: 1px solid #ffedd5; border-radius: 12px; padding: 12px; min-height: 100px; }
.wp-item-list { list-style: none; padding: 0; margin: 0; font-size: 13px; }
.wp-item-list li { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px dashed #fed7aa; }
.wp-item-list li:last-child { border-bottom: none; }
.wp-item-name { font-weight: 700; color: #c2410c; }
.wp-item-count { font-weight: 600; color: #9a3412; }

/* [수정] 로그 박스 스타일 개선 */
.wp-log-box { flex: 1; display: flex; flex-direction: column; min-height: 200px; }
.wp-log { 
    flex: 1; 
    overflow-y: auto; /* 세로 스크롤 */
    background: #f8fafc; 
    border-radius: 10px; 
    padding: 12px; 
    font-size: 12px; 
    line-height: 1.6; 
    max-height: 400px; 
    border: 1px solid #e2e8f0; 
    color: #64748b;
    white-space: pre-wrap; /* 자동 줄바꿈 + 엔터 인식 */
    word-break: break-all; /* 긴 단어 강제 줄바꿈 */
}