.channel-project-trigger[hidden], .channel-project-overlay[hidden] { display: none !important; }
.channel-project-overlay { position: fixed; inset: 0; z-index: 310; display: grid; place-items: center; padding: 20px; background: rgba(5, 21, 39, .7); }
.channel-project-card { position: relative; width: min(620px, 100%); max-height: calc(100dvh - 40px); overflow-y: auto; box-sizing: border-box; padding: 30px; border-radius: 20px; background: #fff; color: #17334a; box-shadow: 0 24px 80px rgba(0, 0, 0, .3); }
.channel-project-card h2 { margin: 8px 0; color: #082743; }
.channel-project-card h3 { margin: 24px 0 10px; font-size: 17px; }
.channel-project-card p { line-height: 1.7; color: #607287; font-size: 13px; }
.channel-project-close { position: absolute; top: 12px; right: 16px; border: 0; background: transparent; color: #53697c; font-size: 28px; cursor: pointer; }
.channel-project-form { display: grid; gap: 14px; margin-top: 18px; }
.channel-project-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; }
.channel-project-form input,.channel-project-form select { box-sizing: border-box; width: 100%; min-width:0; padding: 11px 12px; border: 1px solid #c8d4dc; border-radius: 9px; font: inherit; }
.channel-project-form input[type=checkbox] { width: auto; margin-right: 6px; padding: 0; }
.channel-project-form input:focus-visible { outline: 2px solid #167e70; outline-offset: 1px; }
.channel-project-message { min-height: 20px; margin: 12px 0; }
.channel-project-list { display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; }
.channel-project-list li { padding: 13px 15px; border: 1px solid #d7e2e7; border-radius: 10px; background: #f7fafb; }
.channel-project-list strong, .channel-project-list span { display: block; }
.channel-project-list span { margin-top: 4px; color: #607287; font-size: 12px; }
@media (max-width: 640px) { .channel-project-card { padding: 26px 20px; } .channel-project-trigger { padding: 8px 10px; font-size: 12px; } }