.communication-idea-board {
    --cidea-purple: #5745e8;
    --cidea-ink: #182135;
    --cidea-muted: #8e9bb0;
    --cidea-line: #dfe5ee;
    min-height: calc(100vh - 110px);
    color: var(--cidea-ink);
    background: #f8fafc;
    font-size: 13px;
}

.communication-idea-board * { box-sizing: border-box; }
.communication-idea-board [hidden] { display: none !important; }
.communication-idea-board a { color: inherit; text-decoration: none; }
.cidea-toolbar { min-height: 78px; padding: 12px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #fff; border-bottom: 1px solid var(--cidea-line); }
.cidea-toolbar h1 { margin: 0; font-size: 21px; font-weight: 770; letter-spacing: -.03em; }
.cidea-toolbar p { margin: 4px 0 0; color: #97a5bb; font-size: 11px; }
.cidea-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.cidea-search { width: 196px; min-height: 40px; padding: 0 12px; display: flex; align-items: center; gap: 7px; color: #8d9bb0; background: #f2f5f9; border: 1px solid transparent; border-radius: 11px; }
.cidea-search:focus-within { border-color: #bfc6f8; background: #fff; }
.cidea-search input { width: 100%; color: #344156; background: transparent; border: 0; outline: 0; font: inherit; font-size: 11px; }
.cidea-search input::placeholder { color: #97a5b9; }
.cidea-filter-button, .cidea-button { min-height: 40px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: #455268; background: #fff; border: 1px solid #dce2eb; border-radius: 10px; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.cidea-button.is-ai { color: #fff; background: linear-gradient(135deg, #933eed, #6842df); border-color: transparent; box-shadow: 0 6px 15px rgba(125, 61, 224, .23); }
.cidea-button.is-primary { color: #fff; background: linear-gradient(135deg, #6557ed, #4e3cdb); border-color: transparent; box-shadow: 0 6px 15px rgba(79, 61, 218, .2); }
.cidea-filter-panel { padding: 12px 24px; display: flex; align-items: flex-end; gap: 12px; background: #fff; border-bottom: 1px solid var(--cidea-line); }
.cidea-filter-panel label { min-width: 170px; display: flex; flex-direction: column; gap: 5px; color: #758197; font-size: 10px; font-weight: 700; }
.cidea-filter-panel select { min-height: 36px; padding: 0 10px; color: #425066; background: #f8fafc; border: 1px solid #dfe5ee; border-radius: 8px; font: inherit; font-size: 11px; }
.cidea-filter-panel button { min-height: 36px; padding: 0 12px; color: #6557df; background: #f0efff; border: 0; border-radius: 8px; font-size: 10px; font-weight: 700; }
.cidea-statusbar { min-height: 47px; padding: 8px 24px; display: flex; align-items: center; justify-content: space-between; gap: 15px; background: #fff; border-bottom: 1px solid var(--cidea-line); }
.cidea-status-list { display: flex; align-items: center; gap: 18px; }
.cidea-status-list button { padding: 0; display: inline-flex; align-items: center; gap: 7px; color: #647187; background: none; border: 0; font: inherit; cursor: pointer; }
.cidea-status-list i, .cidea-column > header i { width: 8px; height: 8px; border-radius: 50%; background: #9aa8bb; }
.cidea-status-list i.is-to_review, .cidea-column.is-to_review > header i { background: #f3b514; }
.cidea-status-list i.is-selected, .cidea-column.is-selected > header i { background: #6658ea; }
.cidea-status-list i.is-converted, .cidea-column.is-converted > header i { background: #27b987; }
.cidea-status-list i.is-rejected, .cidea-column.is-rejected > header i { background: #f0646b; }
.cidea-status-list b, .cidea-column > header b { min-width: 21px; height: 21px; display: inline-grid; place-items: center; color: #68758a; background: #edf1f6; border-radius: 99px; font-size: 10px; }
.cidea-status-list button:nth-child(2) b, .cidea-column.is-to_review > header b { color: #ad7600; background: #fff1be; }
.cidea-status-list button:nth-child(3) b, .cidea-column.is-selected > header b { color: #5547db; background: #eae8ff; }
.cidea-status-list button:nth-child(4) b, .cidea-column.is-converted > header b { color: #16845f; background: #ddf8eb; }
.cidea-status-list button:nth-child(5) b, .cidea-column.is-rejected > header b { color: #d84c55; background: #ffe4e6; }
.cidea-statusbar > p { margin: 0; display: flex; align-items: center; gap: 5px; color: #95a2b6; font-size: 10px; }
.cidea-statusbar > p strong { font-weight: 500; }

.cidea-columns { padding: 20px 22px 28px; display: grid; grid-template-columns: repeat(5, minmax(245px, 1fr)); gap: 18px; align-items: start; overflow-x: auto; }
.cidea-column { min-width: 245px; }
.cidea-column > header { min-height: 40px; padding: 0 5px 9px; display: flex; align-items: center; justify-content: space-between; border-bottom: 3px solid #d8dee8; }
.cidea-column.is-to_review > header { border-bottom-color: #efb915; }
.cidea-column.is-selected > header { border-bottom-color: #6a5bea; }
.cidea-column.is-converted > header { border-bottom-color: #2aba8a; }
.cidea-column.is-rejected > header { border-bottom-color: #f28c91; }
.cidea-column > header > span { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 750; }
.cidea-column > header > a { color: #8c99ad; font-size: 16px; }
.cidea-dropzone { min-height: 78px; padding-top: 12px; border-radius: 10px; transition: background .15s ease, outline-color .15s ease; }
.cidea-dropzone.is-drag-over { background: rgba(99, 87, 235, .06); outline: 2px dashed #8a7ff0; outline-offset: 4px; }
.cidea-card { margin-bottom: 12px; padding: 13px; background: #fff; border: 1px solid #dce3ec; border-radius: 13px; box-shadow: 0 2px 5px rgba(27, 37, 54, .05); cursor: grab; }
.cidea-card:hover { border-color: #c8d0df; box-shadow: 0 6px 14px rgba(27, 37, 54, .07); }
.cidea-card.is-dragging { opacity: .45; cursor: grabbing; transform: rotate(1deg); }
.cidea-card.is-ai { border-color: #e2c4fc; background: linear-gradient(150deg, #fff 65%, #fbf5ff); }
.cidea-card.is-converted { border-color: #ccefdc; background: #fbfffd; cursor: default; }
.cidea-card.is-rejected { color: #8e9aab; background: #f8fafc; cursor: grab; }
.cidea-card.is-rejected .cidea-card-title { color: #8e9aaa; text-decoration: line-through; }
.cidea-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cidea-category { max-width: 68%; padding: 5px 9px; overflow: hidden; color: color-mix(in srgb, var(--category-color) 82%, #101727); background: color-mix(in srgb, var(--category-color) 13%, #fff); border-radius: 99px; font-size: 9px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.cidea-priority, .cidea-state { padding: 4px 7px; display: inline-flex; align-items: center; gap: 3px; color: #748196; background: #eef2f7; border-radius: 99px; font-size: 9px; white-space: nowrap; }
.cidea-priority.is-high, .cidea-priority.is-urgent { color: #e44851; background: #fff0f1; }
.cidea-priority.is-normal { color: #d88800; background: #fff8e6; }
.cidea-priority.is-ai { color: #9140e6; background: #faf0ff; border: 1px solid #e9ccfb; }
.cidea-state { color: #16976d; background: #e3f9ee; font-weight: 700; }
.cidea-state.is-rejected { color: #e65e65; background: #fff0f1; }
.cidea-card-title { display: block; margin-top: 12px; color: #293449 !important; font-size: 12px; font-weight: 750; line-height: 1.35; }
.cidea-card > p { margin: 6px 0 0; color: #8d9bb0; font-size: 10px; line-height: 1.5; }
.cidea-card-source { margin-top: 11px; padding-bottom: 10px; display: flex; flex-wrap: wrap; gap: 8px; color: #91a0b5; border-bottom: 1px solid #ebeff4; font-size: 9px; }
.cidea-card-source span { display: inline-flex; align-items: center; gap: 3px; }
.cidea-card-source iconify-icon.is-linkedin { color: #1775d1; }
.cidea-card-source iconify-icon.is-twitter { color: #1ca5df; }
.cidea-card-source iconify-icon.is-instagram { color: #ec4e88; }
.cidea-ai-note { padding-top: 10px; display: flex; align-items: center; gap: 4px; color: #a147e8; font-size: 9px; }
.cidea-card footer { min-height: 31px; padding-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cidea-author { min-width: 0; display: flex; align-items: center; gap: 6px; overflow: hidden; color: #748198; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.cidea-author i { width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #2799ae, #205d80); border-radius: 50%; font-style: normal; font-weight: 800; }
.cidea-card-actions, .cidea-card-actions form { display: flex; align-items: center; gap: 5px; margin: 0; }
.cidea-card-actions button { border: 0; font: inherit; cursor: pointer; }
.cidea-convert { min-height: 29px; padding: 0 8px; display: inline-flex; align-items: center; gap: 4px; color: #fff; background: #5845df; border-radius: 7px; font-size: 9px !important; font-weight: 700 !important; }
.cidea-archive { width: 29px; height: 29px; display: grid; place-items: center; color: #718095; background: #edf1f6; border-radius: 7px; }
.cidea-open-post { display: inline-flex; align-items: center; gap: 3px; color: #15966d !important; font-size: 9px; font-weight: 700; }
.cidea-add { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #8b99ad !important; border: 1px dashed #d2dae6; border-radius: 11px; font-size: 10px; }
.cidea-no-results { min-height: 360px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #9aa7b9; }
.cidea-no-results iconify-icon { margin-bottom: 10px; font-size: 38px; }
.cidea-no-results strong { color: #536076; }
.cidea-no-results span { margin-top: 4px; font-size: 11px; }
.cidea-toast { position: fixed; z-index: 1100; right: 24px; bottom: 24px; max-width: 360px; padding: 12px 16px; color: #fff; background: #1d293a; border-radius: 9px; box-shadow: 0 10px 30px rgba(22, 31, 45, .25); font-size: 11px; }
.cidea-toast.is-success { background: #15966d; }
.cidea-toast.is-error { background: #d84d57; }

@media (max-width: 1200px) {
    .cidea-toolbar { align-items: flex-start; }
    .cidea-toolbar-actions { flex-wrap: wrap; }
    .cidea-statusbar { align-items: flex-start; flex-direction: column; }
    .cidea-columns { grid-template-columns: repeat(5, 265px); }
}

@media (max-width: 720px) {
    .cidea-toolbar { flex-direction: column; }
    .cidea-toolbar-actions { width: 100%; justify-content: flex-start; }
    .cidea-search { width: 100%; }
    .cidea-button.is-ai { display: none; }
    .cidea-filter-panel { align-items: stretch; flex-direction: column; }
    .cidea-filter-panel label { min-width: 0; }
    .cidea-status-list { max-width: 100%; overflow-x: auto; padding-bottom: 4px; }
    .cidea-status-list button { white-space: nowrap; }
    .cidea-statusbar > p { display: none; }
}