.viewer-complaint-panel-entry{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #dfe8e1;border-radius:10px;background:#f7faf7;color:#587360;font:13px system-ui;cursor:pointer;flex:none}.viewer-complaint-panel-entry svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.viewer-complaint-panel-entry:active{background:#dfece2;transform:scale(.97)}.portal-live-card:has(.viewer-complaint-panel-entry:not([hidden])){flex-wrap:wrap}.viewer-complaint-panel-entry[hidden]{display:none}.complaint-room-entry{margin:12px 16px}#viewerComplaintDialog{width:min(92vw,370px);box-sizing:border-box;padding:20px;border:0;border-radius:16px;background:white;color:#2f3e35;max-height:82dvh;overflow:auto;font:14px/1.6 system-ui;box-shadow:0 15px 65px #0003}#viewerComplaintDialog::backdrop{background:#0006}#viewerComplaintDialog header{position:static;display:flex;justify-content:space-between;align-items:center;gap:12px}#viewerComplaintDialog h2{margin:0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}#viewerComplaintDialog header small{font-size:11px;color:#819086}#viewerComplaintDialog button{border:1px solid #dfe6df;border-radius:9px;min-height:44px;padding:8px 12px;background:#f5f8f5;color:#42614a;font:inherit;cursor:pointer;transition:transform .12s,background .12s}#viewerComplaintDialog button:active{background:#dfece2;transform:scale(.97)}#viewerComplaintDialog button:disabled{opacity:.55;cursor:default}#viewerComplaintDialog [data-complaint-submit]{background:#426b51;color:white;border-color:#426b51}#viewerComplaintDialog label{display:block;margin:12px 0 6px;font-weight:600}#viewerComplaintDialog select,#viewerComplaintDialog textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #d4ded5;border-radius:8px;background:white;padding:10px;color:#293b31;font:14px/1.6 system-ui;margin-top:6px}#viewerComplaintDialog textarea{resize:vertical;min-height:95px}#viewerComplaintDialog :focus-visible{outline:2px solid #608469;outline-offset:2px}.complaint-explain,.complaint-record-note{color:#7a887e;font-size:12px;line-height:1.7}.complaint-limit{font-size:11px;color:#89958b;margin:5px 0}#viewerComplaintDialog [data-complaint-feedback]{font-size:12px;color:#5c7763}#viewerComplaintDialog [data-complaint-feedback].error{color:#a34639;background:#fff3ef;padding:8px;border-radius:7px}#viewerComplaintDialog footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;background:white;padding-top:8px}.complaint-receipt strong{display:block;overflow-wrap:anywhere}.complaint-record-link{display:inline-block;background:#ecf4ee;color:#426b51;padding:10px 15px;border-radius:8px}.complaint-record-note{margin:14px 16px}.complaint-record{margin:12px 15px;padding:16px;background:white;border:1px solid #edf1ed;border-radius:12px;overflow-wrap:anywhere}.complaint-record>div:first-child{display:flex;gap:10px;align-items:center;justify-content:space-between}.complaint-record strong{font-size:14px}.complaint-record span{font-size:11px;color:#68866e}.complaint-record small,.complaint-record time{font-size:11px;color:#93a095}.complaint-record p{white-space:pre-wrap;font-size:13px;line-height:1.8}.complaint-reply{background:#f3f8f3;padding:10px;border-radius:7px;font-size:12px}.complaint-load-more{display:block;margin:15px auto;padding:10px 20px;border:1px solid #dce8df;border-radius:8px;background:white;color:#52725c}@media(max-width:350px){#viewerComplaintDialog{padding:16px}.viewer-complaint-panel-entry{width:100%;margin-top:8px}}

.complaint-pending{margin:12px 16px;padding:12px;border:1px solid #e7dfc6;background:#fbf8ed;border-radius:10px;font-size:12px;color:#7a6b42;display:flex;gap:10px;align-items:center;justify-content:space-between}.complaint-pending button{flex:none;min-height:40px;padding:8px;border:1px solid #d9d0b2;border-radius:8px;background:white;color:inherit}

.complaint-pending>span{min-width:0;overflow-wrap:anywhere}.complaint-decision{font-size:12px;color:#6c7d70}

@media(max-width:480px){#viewerComplaintDialog select,#viewerComplaintDialog textarea{font-size:16px}}

.complaint-history-link{display:block;margin:12px 16px;font-size:12px;color:#68816c}
/* In the existing member half-sheet this is a page, not a second modal/backdrop. */
#viewerComplaintDialog[data-inline=true]{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100%;max-height:none;box-sizing:border-box;border-radius:0;box-shadow:none;padding:16px;overflow:auto}
#viewerComplaintDialog[data-inline=true]::backdrop{background:transparent}
#viewerComplaintDialog .complaint-room-name{margin:8px 0;font-size:13px;overflow-wrap:anywhere}
#viewerComplaintDialog[data-inline=true] header{flex-wrap:nowrap;min-height:44px}
#viewerComplaintDialog[data-inline=true] header button{flex:none;min-width:44px}
#viewerComplaintDialog[data-inline=true] footer{left:auto;right:auto;flex-wrap:wrap}