.feedback-count:not(:empty){display:inline-flex;align-items:center;justify-content:center;background:#d94b55;color:white;border-radius:20px;min-width:18px;padding:0 5px;font-size:11px;margin-left:5px}
#feedback-launch{border-color:#b5cee9;color:#2857a4;background:#f4f9ff;white-space:nowrap}
dialog.feedback-dialog{width:min(960px,94vw);max-height:90vh;padding:20px;background:linear-gradient(145deg,#f6fbff,#eef1fc);border:1px solid #c7d9ee;border-radius:16px;box-shadow:0 18px 50px #244a7520;overflow:auto}
dialog.feedback-dialog[open]{display:flex;flex-direction:column;height:90dvh;max-height:90dvh;overflow:hidden;box-sizing:border-box}
.feedback-dialog>.dialog-head,.feedback-dialog>.feedback-tabs{flex:0 0 auto}
.feedback-dialog>.feedback-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.feedback-dialog .feedback-own-layout{height:100%;min-height:0}
.feedback-dialog .feedback-list{max-height:none;min-height:0;overflow:auto}
.feedback-dialog .feedback-own-layout>.feedback-detail{max-height:none;min-height:0;overflow:auto}
.feedback-dialog>.feedback-body:has(.feedback-own-layout){display:flex;flex-direction:column;overflow:hidden;scrollbar-gutter:auto}
.feedback-dialog .feedback-mine-filters{flex:0 0 auto}
.feedback-dialog .feedback-body>.feedback-own-layout{flex:1 1 0;height:auto;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
.feedback-dialog .feedback-own-layout>.feedback-list,.feedback-dialog .feedback-own-layout>.feedback-detail{height:100%;min-height:0;box-sizing:border-box;overscroll-behavior:contain}
@media(max-width:650px){.feedback-dialog .feedback-body>.feedback-own-layout{grid-template-rows:minmax(0,1fr) minmax(0,1.4fr)}.feedback-dialog .feedback-own-layout>.feedback-list{max-height:none}}
.feedback-dialog::backdrop{background:#142d4d66}
:root[data-theme="light"] body dialog.feedback-dialog{background:linear-gradient(145deg,#f6fbff,#eef1fc);border:1px solid #c7d9ee;border-radius:16px;box-shadow:0 18px 50px #244a7520}
:root[data-theme="light"] body dialog.feedback-dialog>.dialog-head{background:linear-gradient(110deg,#198ee6,#393bad)!important;color:white!important}
:root[data-theme="light"] body dialog.feedback-dialog>.dialog-head h2{color:white!important;-webkit-text-fill-color:white!important;font-size:21px;font-weight:400}
:root[data-theme="light"] body dialog.feedback-dialog>.dialog-head button{background:#ffffff18!important;color:white!important;border:1px solid #ffffff55!important}
:root[data-theme="light"] body dialog.feedback-dialog .primary,:root[data-theme="light"] body .feedback-detail form .primary{background:linear-gradient(110deg,#248ee6,#3b45ad)!important;color:white!important;border-color:transparent!important;box-shadow:0 4px 9px #2058bd33}
body .feedback-dialog .dialog-head{background:linear-gradient(110deg,#198ee6,#393bad);border:1px solid #ffffff40;border-radius:10px;padding:12px 18px;box-shadow:0 5px 12px #2453a530;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between}
body .feedback-dialog .dialog-head h2{color:#fff;font-size:21px;font-weight:400;margin:0}
body .feedback-dialog .dialog-head button{background:#ffffff18;color:#fff;border:1px solid #ffffff55;border-radius:7px}
body .feedback-dialog .dialog-head button:hover{background:#ffffff30;border-color:#ffffff90}
.feedback-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid #c9d9ee;padding-bottom:12px}
.feedback-tabs button{background:white;color:#2857a4;border:1px solid #c9d9ee;border-radius:8px}
.feedback-tabs [aria-selected=true]{background:#e3efff;border-color:#2985dd;box-shadow:inset 0 -2px #2985dd}
.feedback-body label,.feedback-detail form label,.feedback-admin-toolbar label{display:block;font-size:14px;color:#2857a4;font-weight:500;margin-bottom:12px}
.feedback-body input,.feedback-body select,.feedback-body textarea,.feedback-detail form select,.feedback-detail form textarea{display:block;width:100%;margin-top:6px;background:white;border:1px solid #c9d9ee;box-shadow:inset 0 1px 3px #345c7910;border-radius:8px;padding:10px;font:inherit;color:#243a53}
.feedback-body textarea,.feedback-detail form textarea{resize:vertical;min-height:90px}
.feedback-new-form{max-width:700px;margin:0 auto}
.feedback-new-form textarea{min-height:70px;height:70px}
body .feedback-dialog .primary,.feedback-detail form .primary{background:linear-gradient(110deg,#248ee6,#3b45ad);color:white;border-color:transparent;box-shadow:0 4px 9px #2058bd33}
.feedback-own-layout{display:grid;grid-template-columns:290px 1fr;gap:16px;min-height:400px}
.feedback-list{max-height:65vh;overflow:auto;display:flex;flex-direction:column;gap:8px}
.feedback-list button{text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start;justify-items:start;justify-content:normal;gap:6px 10px;flex:0 0 auto;height:auto;min-width:0;white-space:normal;background:white;border:1px solid #c9d9ee;border-radius:10px;padding:14px}
.feedback-list button strong{grid-column:1;grid-row:1;min-width:0;font-size:16px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.feedback-list button small{grid-column:1;grid-row:2;min-width:0;color:#6b7e92;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.feedback-list button>.feedback-status{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:end}.feedback-list .active{border-color:#2985dd;background:#eef6ff}
.feedback-status{display:inline-block;white-space:nowrap;border-radius:20px;padding:4px 9px;font-size:11px;background:#edf0f5;color:#53657b;line-height:1.4}
.feedback-events .feedback-event-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.feedback-events .feedback-event-status-row .feedback-status{margin-top:0}.feedback-events li>div>small{white-space:nowrap;flex:0 0 auto}.feedback-events li>div>strong{min-width:0;overflow-wrap:anywhere}
.feedback-events button.feedback-delete-event{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;margin:0;padding:6px;color:#a93449;background:#fff5f6;border:1px solid #edc9d0;border-radius:6px}.feedback-delete-event svg{width:18px;height:18px}
@media(pointer:coarse){.feedback-events button.feedback-delete-event{width:44px;height:44px}}
.feedback-checking{background:#e3efff;color:#2857a4}.feedback-working{background:#fff0d5;color:#a86818}.feedback-done{background:#dcf6e4;color:#22763b}
.feedback-detail{background:white;border:1px solid #d7e3ef;border-radius:12px;padding:18px;min-width:0;max-height:70vh;overflow:auto}
.feedback-detail-head{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#edf5ff;border:1px solid #c9dff7;border-left:4px solid #2985dd;border-radius:10px;padding:14px 16px;margin-bottom:14px}.feedback-detail-head h3{min-width:0;font-size:22px;font-weight:600;line-height:1.5;color:#244e86;margin:0;overflow-wrap:anywhere}.feedback-detail-head>.feedback-status{flex:0 0 auto}.feedback-detail h4{color:#2857a4;font-size:14px;margin:16px 0 6px}
.feedback-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;font-size:14px;line-height:1.7}
.feedback-images{display:flex;gap:10px;flex-wrap:wrap}.feedback-images a{display:block;max-width:150px;font-size:11px;overflow-wrap:anywhere}.feedback-images img{display:block;width:140px;height:95px;object-fit:contain;background:#f5f8fc;border:1px solid #d7e3ef;border-radius:8px}
.feedback-events{padding-left:20px;margin:12px 0}.feedback-events li{border-left:2px solid #d7e3ef;padding:6px 0 12px 12px;margin-bottom:8px;list-style:none}.feedback-events li>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.feedback-events small{color:#7b8ca0;font-size:10px}.feedback-events .feedback-status{margin-top:6px}
.feedback-admin-toolbar{display:flex;gap:16px;align-items:end;padding:16px 0;flex-wrap:wrap}.feedback-admin-toolbar label{margin:0;min-width:190px}.feedback-admin-toolbar input,.feedback-admin-toolbar select{display:block;width:100%;margin-top:6px}
.feedback-admin-layout{display:grid;grid-template-columns:minmax(400px,1.1fr) minmax(340px,1fr);gap:18px;min-height:480px}
.feedback-admin-list{min-width:0;overflow:auto}.feedback-row-button{border:0;background:transparent;text-align:left;color:#2857a4;padding:4px 0;white-space:normal;overflow-wrap:anywhere;font:inherit}.feedback-date{display:block;color:#71849a;font-size:11px}.feedback-selected{background:#edf5ff}
.feedback-click-row{cursor:pointer}.feedback-click-row:focus-visible{outline:2px solid #2985dd;outline-offset:-2px}.feedback-click-row:hover td{background:#edf5ff}
.feedback-row-title{display:block;padding:4px 0;color:#2857a4;overflow-wrap:anywhere}
:root[data-theme="light"] .feedback-admin-list .feedback-click-row td{background:#edf5ff}
:root[data-theme="light"] .feedback-admin-list .feedback-click-row:hover td{background:#e5f0ff}
:root[data-theme="light"] .feedback-admin-list .feedback-click-row.feedback-selected td{background:#dcecff}
.main:has(.feedback-admin-layout)>.page-scroll{display:flex;flex-direction:column;overflow:hidden!important;scrollbar-gutter:auto;padding-bottom:0}
.main:has(.feedback-admin-layout) .feedback-admin-toolbar{flex:0 0 auto}
.main:has(.feedback-admin-layout) .feedback-admin-layout{flex:1;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr);padding-bottom:10px}
.main:has(.feedback-admin-layout) .feedback-admin-layout>.card{min-height:0;height:100%;margin:0}
.main:has(.feedback-admin-layout) .feedback-detail{max-height:none;overflow:auto;overscroll-behavior:contain}
.main:has(.feedback-admin-layout) .feedback-admin-list{display:flex;flex-direction:column;overflow:hidden}
.feedback-admin-list>.table-wrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.main:has(.feedback-admin-layout) .footer-note{display:none}
.feedback-pagination{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;margin-top:10px;border-top:1px solid #d7e3ef;font-size:12px}
.feedback-pagination label{display:flex;align-items:center;gap:5px;margin:0;color:#536b88;font-size:12px}.feedback-pagination select{width:60px;padding:4px;min-height:28px;font-size:12px}
.feedback-pagination small{color:#71849a}.feedback-page-buttons{display:flex;gap:4px;flex-wrap:wrap}.feedback-page-buttons button{min-width:28px;padding:4px 7px;font-size:12px}
.feedback-pagination{display:grid;grid-template-columns:1fr auto 1fr;justify-content:normal}
.feedback-pagination>label{grid-column:1;justify-self:start}
.feedback-pagination>.feedback-page-buttons{grid-column:2;justify-content:center}
:root[data-theme="light"] .feedback-page-buttons button[aria-current="page"]{background:#2857a4;color:white;border-color:#2857a4}
@media(max-width:900px){.main:has(.feedback-admin-layout) .feedback-admin-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feedback-admin-toolbar{gap:8px}.feedback-admin-toolbar label{min-width:140px}.feedback-pagination{justify-content:center}}
@media(max-width:900px){.feedback-admin-layout{grid-template-columns:1fr}.feedback-own-layout{grid-template-columns:230px 1fr}.feedback-admin-layout .feedback-detail{max-height:none}}
@media(max-width:650px){.feedback-own-layout{grid-template-columns:1fr}.feedback-list{max-height:220px}.feedback-detail{max-height:none}.feedback-dialog .feedback-tabs button{font-size:13px}.feedback-detail-head{flex-wrap:wrap}.topbar #feedback-launch{font-size:11px;padding:6px}}

.feedback-reply-form[hidden]{display:none!important}
.feedback-mine-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.feedback-mine-filters button{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;min-height:36px;border:1px solid #cad9ed;background:#fff;color:#315578;border-radius:8px;font-size:13px}.feedback-mine-filters button span{border-radius:12px;padding:1px 7px;background:#e8eef7;font-weight:600}.feedback-mine-filters [data-mine-filter="unread"]{color:#ac3048}.feedback-mine-filters [data-mine-filter="unread"] span{background:#ffe6eb;color:#ac3048}.feedback-mine-filters [data-mine-filter="pending"]{color:#986213}.feedback-mine-filters [data-mine-filter="pending"] span{background:#fff0d3;color:#986213}.feedback-mine-filters button[aria-pressed="true"]{border-color:currentColor;box-shadow:inset 0 -2px currentColor}.feedback-mine-filters button:focus-visible{outline:2px solid #2985dd;outline-offset:2px}

.feedback-images button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:6px;background:#f5f9ff;border:1px solid #d7e3ef;border-radius:8px;white-space:normal;text-align:left}.feedback-images button span{font-size:12px;overflow-wrap:anywhere}.feedback-attach{margin-top:8px;font-size:12px}.feedback-attach summary{cursor:pointer;color:#315f94}.feedback-attach form{display:grid;gap:8px;margin-top:8px}.feedback-attach input{max-width:100%}

.feedback-image-picker{display:grid;gap:8px}.feedback-image-picker [hidden]{display:none!important}.feedback-image-picker [data-compare-fields]{display:grid;gap:8px}.feedback-image-picker input{max-width:100%}