/* message-approval.css */
/* メッセージ承認ページのスタイル（creator-profile-container と併用・所属クリエーター一覧と同様の角丸ボックス） */

/* ページ全体ラッパー */
.message-approval-page-wrap {
    max-width: 700px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* アクセス拒否・権限なしメッセージ（欄外またはボックス内） */
.message-approval-access-message {
    text-align: center;
    padding: 2em;
}

.message-approval-access-message h2 {
    margin-bottom: 0.5em;
}

/* 角丸ボックス内：見出し・説明 */
.message-approval-wrap .message-approval-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #1f2937;
    margin: 0 0 0.5rem 0;
}

.message-approval-wrap .message-approval-info {
    margin: 0.5rem 0 1rem 0;
    color: #4b5563;
}

.message-approval-wrap .message-approval-notice {
    margin-bottom: 1rem;
}

/* 空状態 */
.message-approval-wrap .message-approval-empty {
    padding: 2em;
    background: #f9fafb;
    border-radius: 8px;
    text-align: center;
    margin-top: 1rem;
}

.message-approval-wrap .message-approval-empty p {
    margin: 0;
    color: #6b7280;
}

.message-approval-wrap .message-approval-empty .icon {
    margin-right: 8px;
    color: #10b981;
}

/* テーブル（所属クリエーター一覧と同系） */
.message-approval-wrap .message-approval-table-wrapper.table-wrapper {
    overflow-x: auto;
    margin-top: 1rem;
}

.message-approval-wrap .message-approval-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e5e7eb;
}

.message-approval-wrap .message-approval-table thead tr {
    background: #f9fafb;
}

.message-approval-wrap .message-approval-table th,
.message-approval-wrap .message-approval-table td {
    padding: 0.875rem 1rem;
    border: 1px solid #e5e7eb;
    text-align: left;
}

.message-approval-wrap .message-approval-table th {
    font-weight: bold;
    color: #1f2937;
}

.message-approval-wrap .message-approval-table th.center,
.message-approval-wrap .message-approval-table td.center {
    text-align: center;
}

.message-approval-wrap .message-content-wrapper {
    max-width: 280px;
    overflow: hidden;
}

.message-approval-wrap .message-preview {
    cursor: pointer;
    color: #ec4899;
}

.message-approval-wrap .message-full {
    display: none;
    margin-top: 8px;
    padding: 8px;
    background: #f9fafb;
    border-radius: 4px;
}

.message-approval-wrap .message-approval-form {
    display: inline;
}

.message-approval-wrap .message-approval-button {
    background-color: #10b981;
    border-color: #10b981;
}

.message-approval-wrap .message-approval-button .icon {
    margin-right: 5px;
}

/* メッセージ状態バッジ */
.message-approval-wrap .message-status {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
}

.message-approval-wrap .message-status-pending {
    background: #fef3c7;
    color: #b45309;
}

.message-approval-wrap .message-status-approved {
    background: #d1fae5;
    color: #047857;
}