/* ── Design system ─────────────────────────────────────────────────────────── */
.chcpl-admin { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; }
.chcpl-card { background:#fff; border:1px solid #dedede; border-radius:4px; padding:25px 20px; box-sizing:border-box; margin-bottom:16px; }
.chcpl-card-title { font-size:13px; font-weight:700; color:#000; margin:0 0 17px; padding:0; border:none; }
.chcpl-body { font-size:13px; color:#535353; line-height:1.65; margin:0; }
.chcpl-divider { border:none; border-top:1px solid #dedede; margin:13px 0; }

/* ── Buttons ────────────────────────────────────────────────────────────────── */
.chcpl-btn { display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 9px 18px;
    border-radius: 3px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    line-height: 1.95; }
.chcpl-btn-green { background:#81c424; color:#fff; }
.chcpl-btn-green:hover { background:#73ae1f; color:#fff; }
.chcpl-btn-purple { background:#7c3aed; color:#fff; font-size:14px; padding:7px 18px; transition:background .3s ease; }
.chcpl-btn-purple:hover { background:#9155f5; color:#fff; }
.chcpl-btn-red { background:#dc2626; color:#fff; }
.chcpl-btn-red:hover { background:#b91c1c; color:#fff; }
.chcpl-btn-gray { background:#6b7280; color:#fff; }
.chcpl-btn-gray:hover { background:#4b5563; color:#fff; }

/* ── Plan badges ────────────────────────────────────────────────────────────── */
.chcpl-badge { font-size:11px; font-weight:700; padding:2px 8px; border-radius:999px; vertical-align:middle; }
.chcpl-badge-pro  { background:#7c3aed; color:#fff; }
.chcpl-badge-solo { background:#2563eb; color:#fff; }
.chcpl-badge-biz  { background:#059669; color:#fff; }

/* ── Dashboard stat cards ───────────────────────────────────────────────────── */
.chcpl-dash-stats { display:flex; gap:14px; margin:16px 0 20px; flex-wrap:wrap; }
.chcpl-stat-card { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; border:1px solid #dedede; border-radius:4px; padding:16px 24px; min-width:100px; }
.chcpl-stat-card--unread { border-top:3px solid #ef4444; }
.chcpl-stat-card--read { border-top:3px solid #22c55e; }
.chcpl-stat-number { font-size:28px; font-weight:700; line-height:1; color:#000; }
.chcpl-stat-label { font-size:12px; color:#535353; margin-top:4px; text-transform:uppercase; letter-spacing:.04em; }

/* ── Filter tabs ────────────────────────────────────────────────────────────── */
.chcpl-filter-tabs { margin:0 0 12px; padding:0; clear:both; }
.chcpl-filter-tabs a { text-decoration:none; }
.chcpl-filter-tabs a.current { font-weight:600; color:#000; }

/* ── Bulk bar ───────────────────────────────────────────────────────────────── */
.chcpl-bulk-bar { display:flex; align-items:center; gap:8px; padding:8px 0; margin-bottom:2px; }
.chcpl-bulk-bar--bottom { margin-top:8px; margin-bottom:0; padding-bottom:0; }
.chcpl-select-all-wrap { display:flex; align-items:center; gap:6px; font-size:13px; color:#535353; cursor:pointer; margin-right:6px; }
.chcpl-selected-count { font-size:13px; color:#535353; margin-left:4px; }

/* ── Table ──────────────────────────────────────────────────────────────────── */
.chcpl-table-wrap { background:#fff; border:1px solid #dedede; border-radius:4px; overflow:hidden; }
.chcpl-submissions-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.chcpl-submissions-table thead tr { background:#f6f7f7; border-bottom:1px solid #dedede; }
.chcpl-submissions-table th { padding:10px 12px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#535353; text-align:left; }
.chcpl-submissions-table td { padding:11px 12px; font-size:13px; color:#535353; vertical-align:middle; border-bottom:1px solid #f0f0f1; }
.chcpl-submissions-table tbody tr:last-child td { border-bottom:none; }
.chcpl-submissions-table tbody tr:hover { background:#f9f9f9; }

/* Unread row */
.chcpl-row--unread { border-left:3px solid #ef4444; }
.chcpl-row--unread td:first-child { padding-left:9px; }

/* Column widths */
.col-cb { width:32px; }
.col-contact { width:22%; position:relative; }
.col-siren { width:100px; }
.col-date { width:130px; }
.col-actions { width:80px; }
.col-message { max-width:180px; }

/* Cell helpers */
.chcpl-unread-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#ef4444; margin-right:5px; vertical-align:middle; flex-shrink:0; }
.chcpl-email-link { display:block; font-size:12px; color:#2271b1; text-decoration:none; margin-top:1px; }
.chcpl-email-link:hover { text-decoration:underline; }
.chcpl-time { display:block; font-size:11px; color:#8c8f94; margin-top:2px; }
.chcpl-message-preview { font-size:12px; color:#6b7280; font-style:italic; cursor:help; }
.chcpl-na { color:#9ca3af; }

/* Status badges */
.chcpl-status { display:inline-flex; align-items:center; padding:3px 9px; border-radius:999px; font-size:11px; font-weight:600; letter-spacing:.02em; }
.chcpl-status--unread { background:#fef2f2; color:#b91c1c; border:1px solid #fecaca; }
.chcpl-status--read { background:#f0fdf4; color:#166534; border:1px solid #bbf7d0; }
.chcpl-list-badge { display:inline-block; background:#eff6ff; color:#1e40af; border:1px solid #bfdbfe; border-radius:4px; padding:2px 8px; font-size:12px; }
.chcpl-service-badge { display:inline-block; background:#faf5ff; color:#6b21a8; border:1px solid #e9d5ff; border-radius:4px; padding:2px 8px; font-size:12px; }

/* Action buttons */
.chcpl-row-actions { display:flex; gap:4px; align-items:center; }
.chcpl-action-btn { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:5px; border:1px solid transparent; cursor:pointer; background:transparent; transition:background .15s ease,border-color .15s ease,color .15s ease; color:#535353; padding:0; }
.chcpl-action-btn--read:hover   { background:#f0fdf4; border-color:#bbf7d0; color:#166534; }
.chcpl-action-btn--unread:hover { background:#eff6ff; border-color:#bfdbfe; color:#1e40af; }
.chcpl-action-btn--delete:hover { background:#fef2f2; border-color:#fecaca; color:#b91c1c; }

/* Empty state */
.chcpl-empty-state { text-align:center; padding:48px 24px; color:#535353; }
.chcpl-empty-icon  { margin:0 auto 16px; color:#dedede; width:48px; height:48px; }
.chcpl-empty-title { font-size:15px; font-weight:700; color:#535353; margin:0 0 16px; }

/* Pagination */
.chcpl-pagination { display:flex; align-items:center; gap:6px; margin-top:16px; flex-wrap:wrap; }
.chcpl-pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:32px; padding:0 8px; border:1px solid #dedede; border-radius:4px; text-decoration:none; font-size:13px; color:#2271b1; background:#fff; }
.chcpl-pagination .page-numbers.current { background:#2271b1; color:#fff; border-color:#2271b1; }
.chcpl-pagination .page-numbers:hover:not(.current) { background:#f0f0f1; }
.chcpl-pagination-info { font-size:12px; color:#535353; margin-left:8px; }

/* WP badge */
.awaiting-mod { background:#d63638; color:#fff; }

/* ── Settings / Styling page ────────────────────────────────────────────────── */
.chcpl-styling-grid { display:flex; flex-direction:column; gap:0; margin-top:20px; max-width:900px; }
.chcpl-style-card-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.chcpl-style-card-body { padding:4px 0 0; }
.chcpl-style-field-row { display:flex; align-items:center; justify-content:space-between; padding:9px 0; border-bottom:1px solid #f0f0f1; gap:12px; }
.chcpl-style-field-row:last-child { border-bottom:none; }
.chcpl-style-field-label { font-size:13px; color:#535353; flex:1; min-width:0; }
.chcpl-style-field-control { flex-shrink:0; }


/* ── Toggle switch ──────────────────────────────────────────────────────────── */
.chcpl-toggle { position:relative; display:inline-flex; align-items:center; gap:10px; cursor:pointer; user-select:none; }
.chcpl-toggle input { position:absolute; opacity:0; width:0; height:0; }
.chcpl-toggle-track { position:relative; width:40px; height:22px; background:#d1d5db; border-radius:999px; transition:background .25s ease; flex-shrink:0; }
.chcpl-toggle input:checked + .chcpl-toggle-track { background:#7c3aed; }
.chcpl-toggle-thumb { position:absolute; top:3px; left:3px; width:16px; height:16px; background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:transform .25s ease; }
.chcpl-toggle input:checked + .chcpl-toggle-track .chcpl-toggle-thumb { transform:translateX(18px); }
.chcpl-toggle-label { font-size:13px; color:#535353; }

/* ── About page layout */
.chcpl-about-wrap { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; }
.chcpl-about-cols { display:flex; gap:16px; align-items:stretch; }
.chcpl-about-col-left { flex:0 0 425px; display:flex; flex-direction:column; gap:16px; }
.chcpl-about-col-right { flex:1; display:flex; flex-direction:column; }
.chcpl-about-col-right > div { flex:1; }
@media (max-width:900px) {
	.chcpl-about-cols { flex-direction:column; }
	.chcpl-about-col-left,
	.chcpl-about-col-right { flex:none; width:100%; max-width:100%; }
	.chcpl-about-plan-grid { grid-template-columns:1fr !important; }
}
