.demoFeedbackPage{color:#0b304c;background:#f4f7fa;min-height:100vh}.demoFeedbackIntro,.demoFeedbackPage>p{margin:20px 28px}.demoFeedbackCockpit{grid-template-columns:minmax(280px,.95fr) minmax(380px,1.35fr) minmax(180px,.6fr);gap:18px;padding:0 28px 28px;display:grid}.demoFeedbackCockpit>section,.demoFeedbackSignals,.demoFeedbackCreate{background:#fff;border:1px solid #d4e1ea;border-radius:10px;padding:22px}.demoFeedbackPage h2,.demoFeedbackPage h3{font-family:Georgia,serif}.demoFeedbackInbox nav{flex-wrap:wrap;gap:6px;display:flex}.demoFeedbackPage button,.demoFeedbackPage a{cursor:pointer}.demoFeedbackInbox nav button{color:#153b55;background:#fff;border:1px solid #c7d8e4;border-radius:20px;padding:7px 12px}.demoFeedbackInbox nav button[aria-pressed=true]{color:#fff;background:#0b304c}.demoFeedbackPage label{gap:6px;margin:12px 0;font-size:14px;font-weight:600;display:grid}.demoFeedbackPage input,.demoFeedbackPage textarea,.demoFeedbackPage select{box-sizing:border-box;color:#183e54;width:100%;font:inherit;background:#fff;border:1px solid #b9ccd9;border-radius:4px;padding:10px}.demoFeedbackPage textarea{min-height:100px}.demoFeedbackFilters{grid-template-columns:1fr 1fr;gap:0 10px;margin:18px 0;display:grid}.demoFeedbackFilters>input{grid-column:1/-1}.demoFeedbackRows{max-height:70vh;overflow-y:auto}.demoFeedbackRows>button{text-align:left;color:#0b304c;background:#fff;border:1px solid #d4e1ea;border-radius:5px;gap:6px;width:100%;margin-bottom:8px;padding:16px;display:grid}.demoFeedbackRows>button.selected{background:#fff9e3;border-color:#bc9c40}.demoFeedbackRows p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.demoFeedbackRows small,.demoFeedbackRows span{color:#657e91;font-size:12px}.demoFeedbackDetail{overflow-wrap:anywhere}.demoFeedbackDetail dl{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demoFeedbackDetail dl div{background:#f4f7fa;padding:10px}.demoFeedbackDetail dt{color:#668195;font-size:12px}.demoFeedbackDetail dd{margin:4px 0;font-weight:600}.demoFeedbackComment{white-space:pre-wrap;background:#fff9e3;padding:16px}.demoFeedbackActions{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.demoFeedbackDetail>button,.demoFeedbackActions button,.demoFeedbackCreate button{color:#fff;background:#0b304c;border:0;border-radius:4px;padding:10px 14px}.demoFeedbackPage button:disabled{opacity:.55;cursor:default}.demoFeedbackSignals p{border-bottom:1px solid #e1e8ee;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.demoFeedbackOrigin{color:#678194;margin-top:20px;font-size:12px}.demoFeedbackCreate{grid-template-columns:1fr 1fr;gap:8px 18px;margin:20px 28px;display:grid}.demoFeedbackCreate h2{grid-column:1/-1}.demoFeedbackError{color:#942632}@media (width<=1100px){.demoFeedbackCockpit{grid-template-columns:1fr 1.25fr}.demoFeedbackSignals{grid-column:1/-1}}@media (width<=700px){.demoFeedbackCockpit{grid-template-columns:1fr;padding:12px}.demoFeedbackCreate{grid-template-columns:1fr;margin:12px}.demoFeedbackRows{max-height:45vh}.demoFeedbackDetail dl{grid-template-columns:1fr}}.demoFeedbackReply{background:#f4f9fc;border:1px solid #cbdce7;border-radius:8px;margin:16px 0;padding:16px}.demoFeedbackReplyChoice{align-items:center;gap:8px;margin:14px 0;font-weight:400;display:flex!important}.demoFeedbackReplyChoice input{width:18px;height:18px}.demoFeedbackReply .emailComposerPanel{max-width:100%}.demoFeedbackEmbedded>header,.demoFeedbackEmbedded>.demoFeedbackIntro,.demoFeedbackEmbedded .demoFeedbackInbox,.demoFeedbackEmbedded .demoFeedbackSignals{display:none!important}.demoFeedbackEmbedded{background:#fffdf7;min-height:0;padding:0!important}.demoFeedbackEmbedded .demoFeedbackCockpit{padding:0;display:block}.feedbackCaseDialog{color:#0c304c;background:#fffdf7;width:min(1000px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0}.feedbackCaseDialogHead{border-bottom:1px solid #d4b76b;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.feedbackCaseDialogBody{max-height:calc(100dvh - 100px);padding:16px;overflow:auto}.feedbackCaseDialog{border:1px solid #c8b36e;border-radius:10px;box-shadow:0 20px 70px #061e3555}.feedbackCaseDialog::backdrop{background:#061e3577}.feedbackCaseDialogHead h2{margin:0;font-size:21px}.feedbackCaseDialogHead button{color:#efd384;cursor:pointer;background:#0c304c;border:1px solid #c8b36e;border-radius:5px;padding:9px 12px}.demoFeedbackEmbedded .demoFeedbackDetail{background:#fffdf7}