:root{--header-bg: #1b1f24;--header-text: #f5f7fa;--board-bg: #efeaf7;--card-bg: #ffffff;--text: #1f2430;--muted: #6b7280;--warning: #f6e05e;--pending: #9b87c9;--approved: #2f9e6b;--changes: #d64545;--radius: 12px;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--board-bg)}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.top-header{background:var(--header-bg);color:var(--header-text);padding:1rem 1.25rem 1.1rem;display:flex;flex-direction:column;gap:.85rem}.top-header__row{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.top-header__brand{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#9aa3b2}.top-header__instructions{margin:0;max-width:58rem;line-height:1.45;font-size:.92rem;color:#e8edf5}.download-btn{appearance:none;border:1px solid #c5cedb;background:transparent;color:var(--header-text);border-radius:999px;padding:.55rem 1rem;font:inherit;font-size:.88rem;cursor:pointer;white-space:nowrap}.download-btn:hover{background:#ffffff0f}.warning-banner{background:var(--warning);color:#1a1a1a;border-radius:8px;padding:.65rem .85rem;font-size:.9rem;font-weight:600}.legend-row{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;align-items:center;font-size:.85rem;color:#d7dde8}.legend-item{display:inline-flex;align-items:center;gap:.4rem}.status-dot{width:.65rem;height:.65rem;border-radius:50%;display:inline-block}.status-dot--pending{background:var(--pending)}.status-dot--approved{background:var(--approved)}.status-dot--changes_requested{background:var(--changes)}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-label{font-size:.75rem;letter-spacing:.08em;color:#9aa3b2;margin-right:.25rem}.filter-pill{appearance:none;border:1px solid #3a4352;background:transparent;color:#d7dde8;border-radius:999px;padding:.4rem .8rem;font:inherit;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.filter-pill--active{background:#ffffff14;border-color:#8b95a8;color:#fff}.filter-dot{width:.55rem;height:.55rem;border-radius:50%}.stage-nav{background:#fff;border-bottom:1px solid #ddd5ea;padding:.65rem 1rem;display:flex;gap:.35rem;overflow-x:auto}.stage-nav__item{appearance:none;border:0;background:transparent;color:#4b5563;font:inherit;font-size:.8rem;padding:.35rem .55rem;border-radius:999px;cursor:pointer;white-space:nowrap}.stage-nav__item:hover,.stage-nav__item--active{background:#efe8fb;color:#2d2140;font-weight:600}.board{flex:1;overflow-x:auto;padding:1rem}.board__columns{display:flex;gap:.85rem;align-items:flex-start;min-height:calc(100vh - 16rem)}.column{flex:0 0 280px;width:280px;background:#ffffff59;border-radius:14px;overflow:hidden;border:1px solid rgba(80,60,120,.08)}.column__header{color:#fff;padding:.7rem .85rem;font-weight:700;font-size:.9rem;display:flex;justify-content:space-between;gap:.5rem}.column__count{background:#0000002e;border-radius:999px;min-width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;padding:0 .35rem}.column__cards{padding:.7rem;display:flex;flex-direction:column;gap:.65rem;max-height:calc(100vh - 20rem);overflow-y:auto}.column__empty{margin:.75rem .25rem;color:var(--muted);font-size:.85rem;text-align:center}.comm-card{appearance:none;border:1px solid #e6e0f0;background:var(--card-bg);border-radius:12px;padding:.8rem .85rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.55rem;font:inherit;color:inherit;box-shadow:0 1px 2px #2814460a}.comm-card:hover{border-color:#cbbfe4}.comm-card--selected{background:#fff7cc;border-color:#e6d27a}.comm-card__top{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}.comm-card__title{margin:0;font-size:.92rem;font-weight:700;line-height:1.35}.comm-card__tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:600;background:#eef1f5;color:#374151}.tag--channel{background:#fff3cd;color:#6b5400}.tag--partner{background:#efe7ff;color:#5b3f9a}.tag--internal{background:#e8f5ef;color:#216649}.modal-backdrop{position:fixed;inset:0;background:#0f121873;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40}.modal{width:min(560px,100%);background:#fff;border-radius:16px;padding:1.1rem 1.2rem 1.2rem;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;gap:.85rem;max-height:min(90vh,720px);overflow:auto}.modal__title{margin:0;font-size:1.15rem}.modal__body{margin:0;color:#374151;line-height:1.5;white-space:pre-wrap}.modal__notes{width:100%;min-height:5.5rem;border:1px solid #d1d5db;border-radius:10px;padding:.65rem .75rem;font:inherit;resize:vertical}.modal__actions{display:flex;flex-wrap:wrap;gap:.5rem}.modal__actions button{appearance:none;border:1px solid #d1d5db;background:#fff;border-radius:999px;padding:.45rem .9rem;font:inherit;cursor:pointer}.modal__actions .btn-approved{background:#e8f8f0;border-color:#2f9e6b;color:#14663f}.modal__actions .btn-changes{background:#fdecec;border-color:#d64545;color:#9b1c1c}.modal__actions .btn-pending{background:#f3eefc;border-color:#9b87c9;color:#5b458f}.progress{font-size:.82rem;color:#c5cedb}@media(max-width:720px){.column{flex-basis:250px;width:250px}}
