.wa-remarks-tab { cursor:pointer; }
.wa-remarks-tab:focus-visible { outline:2px solid var(--color-primary-500,#00897b);outline-offset:-2px; }
.wa-remarks-active { position:relative!important; }
.wa-remarks-active > :not(.wa-remarks-panel) { visibility:hidden!important;pointer-events:none!important; }
.wa-remarks-panel { position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;min-height:0;padding:14px;box-sizing:border-box;background:var(--color-white,#fff);color:var(--color-grey-900,#263238);font:14px Roboto,"Segoe UI",Arial,sans-serif; }
.wa-remarks-panel[hidden] { display:none!important; }
.wa-remarks-heading { font-size:15px;font-weight:600;overflow-wrap:anywhere;margin-bottom:12px; }
.wa-remarks-toolbar { display:flex;gap:8px;flex-wrap:wrap;align-items:center; }
.wa-remarks-search,.wa-remarks-status,.wa-remarks-refresh { min-height:36px;border:1px solid var(--color-grey-300,#ced9d8);border-radius:5px;background:#fff;color:inherit;font:inherit;padding:6px 9px;box-sizing:border-box; }
.wa-remarks-search { flex:1 1 160px;min-width:100px; }
.wa-remarks-status { flex:0 1 180px;max-width:100%; }
.wa-remarks-refresh { cursor:pointer;color:var(--color-primary-700,#00796b);font-weight:600; }
.wa-remarks-refresh:disabled { opacity:.55;cursor:default; }
.wa-remarks-count { margin:10px 0;color:var(--color-grey-600,#617575);font-size:13px; }
.wa-remarks-list { flex:1;min-height:0;overflow:auto; }
.wa-remarks-message { padding:20px 8px;color:var(--color-grey-600,#617575); }
.wa-remarks-error { color:#a12e26;padding:8px; }
.wa-remark { border:1px solid var(--color-grey-300,#dce7e5);border-radius:6px;padding:12px;margin:0 0 10px; }
.wa-remark-head { display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap; }
.wa-remark-author { color:var(--color-primary-700,#00796b); }
.wa-remark-state { font-size:12px;font-weight:600;border-radius:4px;padding:4px 7px;background:#edf1f4;color:#536673; }
.wa-remark-state-1 { background:#fff2d8;color:#815700; }
.wa-remark-state-2 { background:#e5f4eb;color:#216641; }
.wa-remark-state-3 { background:#fbe9e7;color:#9b3529; }
.wa-remark-meta { margin-top:7px;color:var(--color-grey-600,#617575);font-size:12px;overflow-wrap:anywhere; }
.wa-remark-text { white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin-top:10px; }