.feedback-editor,.feedback-upload{margin:20px 0;padding:18px;background:#f7f8fc;border:1px solid #d5dbea;border-radius:10px}.feedback-editor fieldset{border:0;padding:0;margin:0 0 18px}.feedback-editor legend{margin-bottom:12px;font-weight:600}.feedback-grades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.feedback-grade{display:inline-flex;gap:8px;align-items:center;padding:10px 12px;border-radius:8px;color:#161a12;font-size:14px}.grade-0{background:#ff7474}.grade-1{background:#ff9b62}.grade-2{background:#ffbf50}.grade-3{background:#d0df48}.grade-4{background:#a0ee49}.grade-5{background:#6cf343}.feedback-grades label:has(input:checked){outline:3px solid #163db8;outline-offset:2px}.feedback-editor textarea{display:block;width:100%;box-sizing:border-box;margin:8px 0 14px;padding:12px;border:1px solid #b9c5df;font:inherit}.feedback-message{white-space:pre-wrap}.feedback-answer{margin:16px 0}.feedback-upload input{display:block;margin:10px 0;max-width:100%}.feedback-upload button{margin:5px 5px 5px 0}.feedback-upload progress{display:block;width:100%;margin-top:12px}.feedback-upload progress[hidden]{display:none}.feedback-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px}.feedback-editor [role=status],.feedback-upload [role=status]{line-height:1.5}.feedback-editor [role=status]{color:#216323}@media(max-width:480px){.feedback-grades{grid-template-columns:1fr}}
.feedback-editor button,.feedback-upload button{padding:12px 16px;border:1px solid #bcc7dd;border-radius:6px;cursor:pointer;font:600 14px system-ui}.feedback-editor button{background:#123bb4;color:white;border-color:#123bb4}.feedback-upload button{background:white;color:#173474}.feedback-editor button:disabled,.feedback-upload button:disabled{opacity:.55;cursor:default}
.feedback-editor,.feedback-upload{margin:10px 0;padding:12px}.feedback-editor h4{margin:0 0 10px}.feedback-editor fieldset{margin-bottom:10px}.feedback-editor legend{font-size:13px;margin-bottom:8px}.feedback-grades{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.feedback-grades .feedback-grade{padding:7px 6px;font-size:12px;gap:4px;min-width:0}.feedback-grades input{margin:0;flex-shrink:0}.feedback-editor textarea{min-height:64px;resize:vertical;padding:8px;margin:6px 0 10px}.feedback-editor button,.feedback-upload button{padding:8px 12px}.feedback-upload summary{cursor:pointer;font-weight:600}.feedback-upload summary small{font-weight:400;color:#526483}.feedback-upload p{font-size:13px;margin:8px 0}.feedback-editor [role=status]:empty{display:none}.feedback-file-list{padding-left:18px;margin:8px 0}.feedback-file-list:empty{display:none}.feedback-file-list small{display:block;color:#586779;font-size:12px}.feedback-file-list a{overflow-wrap:anywhere}.inbox-delivery .delivery-receipt{margin:8px 0;padding:0;background:transparent;border:0}.inbox-delivery .delivery-receipt p{margin:6px 0;font-size:13px}.inbox-delivery .delivery-receipt ul{margin:6px 0;padding-left:18px}.feedback-upload .delivery-sent{background:#ddf5e6;color:#16643b}@media(max-width:420px){.feedback-grades{grid-template-columns:repeat(2,minmax(0,1fr))}}
.feedback-received{margin:16px 0;padding:16px;background:#eef3ff;border:1px solid #b5c7f2;border-left:4px solid #1742bb;border-radius:10px}.feedback-received h5{margin:0 0 12px;font-size:16px;color:#153475}.feedback-received h5 span{display:inline-block;padding:2px 8px;border-radius:20px;background:#dbe6ff;font-size:12px}.feedback-received ul{list-style:none;margin:0;padding:0}.feedback-received li{display:flex;align-items:center;gap:12px;padding:12px;background:white;border:1px solid #d6dff0;border-radius:8px}.feedback-received li+li{margin-top:8px}.feedback-file-icon{font-size:25px;flex-shrink:0}.feedback-file-info{flex:1;min-width:0}.feedback-file-info strong{display:block;overflow-wrap:anywhere;font-size:14px;color:#142440}.feedback-file-info small{display:block;margin-top:5px;font-size:12px;color:#52617a}.feedback-received .feedback-download{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;background:#153fba;color:white;border-radius:6px;text-decoration:none;font-weight:600;font-size:13px;flex-shrink:0}.feedback-download:hover{background:#0d2c88}.feedback-download:focus-visible{outline:3px solid #142440;outline-offset:3px}.feedback-file-expired{font-size:12px;color:#657084}.feedback-author{margin:12px 0 8px}.feedback-author strong{display:block;font-size:14px;color:#183667}.feedback-author small{display:block;margin-top:4px;color:#637087;font-size:12px}@media(max-width:480px){.feedback-received li{flex-wrap:wrap}.feedback-received .feedback-download{width:100%;box-sizing:border-box}.feedback-received{padding:12px}}