/* guestbook.css */

/* ── 방명록 메인 컨테이너 ── */
.container--guestbook {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
    margin-left: 200px;
}

/* ── 채팅 입력 폼 ── */
.chat-input {
    margin-top: 5px;
}

.chat-input textarea {
    height: 150px;
}

.chat-input input,
.chat-input textarea {
    width: 100%;
    box-sizing: border-box;
    margin: 3px 0;
    color: white;
    background: rgba(0, 0, 0, 0);
    border: solid #c5c5c5;
    border-width: 1px 0;
    padding: 5px;
}

.chat-input input::placeholder,
.chat-input textarea::placeholder {
    color: white;
}

.chat-input button {
    width: 100%;
    padding: 5px;
    background: #444;
    color: #fff;
    border: none;
    cursor: pointer;
}

.chat-input button:hover:enabled {
    background: #666;
}

.chat-input button:disabled {
    background: #222;
    cursor: not-allowed;
    color: #777;
}

/* ── 방명록 그리드 ── */
.guestbook {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    align-items: start;
}

.guestbook .chat-box {
    width: auto;
}

.loading {
    grid-column: span 4;
    text-align: center;
    color: #aaa;
    font-style: italic;
    padding: 20px;
}