.feedback-board-shell { min-width: 0; color: #201c29; }
body[data-active-section="feedback"] .guide-section { padding: 0; background: transparent; border: 0; box-shadow: none; }
.feedback-gate, .feedback-board { min-width: 0; background: #fbfbf8; border: 1px solid #deded7; border-radius: 16px; box-shadow: 0 12px 32px rgba(13, 10, 24, .1); }
.feedback-gate { display: grid; grid-template-columns: 1fr minmax(270px, .72fr); gap: 30px; max-width: 780px; margin: 28px auto; padding: 28px; align-items: center; }
.feedback-gate-intro { position: relative; padding-left: 46px; }
.feedback-lock { position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 32px; height: 32px; color: #fff; font-weight: 900; background: #176451; border-radius: 50%; }
.feedback-kicker { margin: 0 0 5px; color: #176451; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.feedback-gate h3, .feedback-toolbar h3 { margin: 0; font-size: 25px; line-height: 1.25; letter-spacing: -.03em; word-break: keep-all; }
.feedback-gate p, .feedback-toolbar p, .feedback-project-head p, .feedback-note, .feedback-status { line-height: 1.6; overflow-wrap: anywhere; }
.feedback-auth-form, .feedback-form, .feedback-reply-form { display: grid; gap: 12px; min-width: 0; }
.feedback-auth-form label, .feedback-form label, .feedback-reply-form label, .feedback-search, .feedback-mobile-select { display: grid; gap: 6px; min-width: 0; color: #312b36; font-size: 13px; font-weight: 800; }
.feedback-auth-form input, .feedback-form input, .feedback-form select, .feedback-form textarea, .feedback-reply-form input, .feedback-reply-form textarea, .feedback-search input, .feedback-mobile-select select { width: 100%; min-width: 0; min-height: 42px; padding: 9px 11px; color: #201c29; background: #fff; border: 1px solid #cbc9cf; border-radius: 7px; font-size: 14px; line-height: 1.45; }
.feedback-form textarea, .feedback-reply-form textarea { resize: vertical; }
.feedback-board { padding: 24px; }
.feedback-board .secondary-cta { min-height: 42px; padding: 9px 13px; color: #312b36; background: #fff; border: 1px solid #bdb8c1; box-shadow: none; }
.feedback-board .secondary-cta:hover { background: #f1eff2; }
.feedback-board .primary-cta { min-height: 44px; }
.feedback-toolbar { display: flex; gap: 16px; align-items: start; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid #e3e1df; }
.feedback-toolbar > .secondary-cta, .feedback-list-head > .secondary-cta { flex: 0 0 auto; width: auto; }
.feedback-toolbar p:last-child { margin: 6px 0 0; color: #625d68; font-size: 13px; }
.feedback-grid { display: grid; grid-template-columns: 248px minmax(0, 1fr); gap: 28px; margin-top: 22px; align-items: start; }
.feedback-filter { display: grid; gap: 14px; position: sticky; top: 96px; min-width: 0; }
.feedback-project-group { display: grid; gap: 7px; min-width: 0; }
.feedback-project-group h4, .feedback-project-group summary { margin: 0; color: #176451; font-size: 13px; font-weight: 900; }
.feedback-project-group h4 span, .feedback-project-group summary span { color: #7e7883; }
.feedback-filter button { display: grid; gap: 3px; width: 100%; min-width: 0; padding: 10px 11px; color: #322d37; text-align: left; background: transparent; border: 1px solid #e0dedf; border-radius: 8px; }
.feedback-filter button strong, .feedback-filter button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.feedback-filter button span { color: #756f79; font-size: 12px; }
.feedback-filter button.is-active { color: #0e5746; background: #e7f3ec; border-color: #8cbda9; }
.feedback-filter button.is-active span { color: #376e5e; }
.feedback-project-group.is-unavailable { padding-top: 2px; }
.feedback-project-group.is-unavailable summary { color: #77717b; cursor: pointer; }
.feedback-project-group.is-unavailable[open] { gap: 7px; }
.feedback-project-group.is-unavailable button { color: #77717b; background: #f5f4f3; }
.feedback-no-match { margin: 0; color: #77717b; font-size: 13px; }
.feedback-mobile-select { display: none; }
.feedback-main { display: grid; gap: 16px; min-width: 0; }
.feedback-project-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: start; padding-bottom: 16px; border-bottom: 1px solid #e3e1df; }
.feedback-project-head h4 { margin: 0; font-size: 22px; line-height: 1.3; letter-spacing: -.025em; }
.feedback-project-head p:last-child { margin: 4px 0 0; color: #716b74; font-size: 13px; }
.feedback-project-info { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(320px, 42%) minmax(0, 1fr); grid-template-rows: max-content max-content 1fr; gap: 18px; align-items: start; min-width: 0; }
.feedback-project-info img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #f4f3f5; border: 1px solid #e0dde3; border-radius: 10px; }
.feedback-project-info > img { grid-row: 1 / span 3; }
.feedback-project-title, .feedback-project-description, .feedback-project-links { grid-column: 2; }
.feedback-project-description { margin: 0; color: #716b74; font-size: 13px; line-height: 1.55; }
.feedback-project-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 0; }
.feedback-project-links a { color: #176451; font-size: 13px; font-weight: 800; }
.feedback-compose, .feedback-reply-details { min-width: 0; }
.feedback-compose summary, .feedback-reply-details summary { cursor: pointer; color: #176451; font-size: 13px; font-weight: 850; }
.feedback-compose summary { padding: 10px 13px; color: #fff; background: #176451; border-radius: 8px; white-space: nowrap; }
.feedback-compose[open] { width: min(100%, 460px); }
.feedback-compose[open] { grid-column: 1 / -1; width: 100%; }
.feedback-compose { justify-self: start; }
.feedback-compose[open] summary { margin-bottom: 12px; }
.feedback-form { padding: 16px; background: #f5faf7; border: 1px solid #cbe1d7; border-radius: 10px; }
.feedback-form-row { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 12px; }
.feedback-note { margin: 0; color: #756e76; font-size: 12px; }
.feedback-status { min-height: 1.4em; margin: 0; color: #176451; font-size: 13px; font-weight: 750; }
.feedback-status:empty { display: none; }
.feedback-list-head { display: flex; gap: 12px; align-items: center; justify-content: space-between; }
.feedback-list-head h4 { margin: 0; font-size: 17px; }
.feedback-list { display: grid; gap: 12px; min-width: 0; }
.feedback-empty, .feedback-item { min-width: 0; padding: 16px; background: #fff; border: 1px solid #dfdde0; border-radius: 10px; }
.feedback-item header { display: flex; gap: 12px; align-items: start; justify-content: space-between; margin-bottom: 12px; }
.feedback-item header div { display: grid; gap: 3px; min-width: 0; }
.feedback-item strong, .feedback-reply strong { color: #26202b; overflow-wrap: anywhere; }
.feedback-item header span, .feedback-item time, .feedback-reply time { color: #77717a; font-size: 12px; }
.feedback-fields { display: grid; gap: 10px; }
.feedback-fields section { min-width: 0; padding: 0; }
.feedback-fields h5 { margin: 0 0 4px; color: #176451; font-size: 12px; }
.feedback-fields p, .feedback-reply p { margin: 0; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.feedback-replies { display: grid; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #eceaec; }
.feedback-reply { display: grid; gap: 4px; padding-left: 12px; border-left: 3px solid #9bc9b9; }
.feedback-reply-details { margin-top: 14px; }
.feedback-reply-form { margin-top: 10px; padding-top: 12px; border-top: 1px dashed #d5d1d5; }
.poc-feedback-button { border-radius: 999px; }
.poc-feedback-button:disabled, .poc-feedback-button:disabled:hover { background: #e5e7eb; color: #6b7280; border-color: #d1d5db; cursor: not-allowed; box-shadow: none; transform: none; }
body[data-active-section="feedback"] .mobile-ax-note { display: none; }
@media (max-width: 1060px) and (min-width: 761px) { .feedback-project-info { grid-template-columns: 1fr; grid-template-rows: auto; } .feedback-project-info > img { grid-row: auto; width: min(100%, 420px); } .feedback-project-title, .feedback-project-description, .feedback-project-links { grid-column: 1; } }
@media (max-width: 760px) { .feedback-gate, .feedback-board { padding: 16px; } .feedback-gate, .feedback-grid, .feedback-form-row { grid-template-columns: 1fr; } .feedback-gate { margin: 14px auto; } .feedback-toolbar, .feedback-list-head, .feedback-item header { flex-direction: row; align-items: center; } .feedback-toolbar h3 { font-size: 20px; } .feedback-toolbar p:last-child { display: none; } .feedback-gate h3 { font-size: 22px; } .feedback-filter { position: static; } .feedback-filter > .feedback-project-group, .feedback-filter > details, .feedback-search { display: none; } .feedback-mobile-select { display: grid; } .feedback-project-head { grid-template-columns: 1fr; gap: 12px; } .feedback-project-head h4 { font-size: 19px; } .feedback-project-info { grid-template-columns: 1fr; grid-template-rows: auto; gap: 12px; } .feedback-project-info img { width: 100%; height: auto; grid-row: auto; } .feedback-project-title, .feedback-project-description, .feedback-project-links { grid-column: 1; } .feedback-compose summary { display: grid; place-items: center; min-height: 44px; padding: 8px 10px; } .feedback-list-head { align-items: center; } .feedback-board .secondary-cta { min-height: 40px; padding: 8px 10px; font-size: 13px; } }