/* review commenting layer — shared build only */
.cmt-gate{position:fixed;inset:0;z-index:9999;background:rgba(8,26,28,.72);backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;padding:24px}
.cmt-gate-card{background:#fff;border-radius:14px;padding:28px;max-width:420px;width:100%;
  box-shadow:0 30px 80px rgba(0,0,0,.4);font-family:'Inter',system-ui,sans-serif}
.cmt-gate-card h3{font-size:20px;margin:0 0 8px;color:#1D1D1D}
.cmt-gate-card p{font-size:14px;color:#585858;margin:0 0 16px;line-height:1.5}
.cmt-gate-card input{width:100%;border:1.5px solid #DEDEDE;border-radius:9px;padding:13px 14px;
  font-size:15px;font-family:inherit;margin-bottom:12px}
.cmt-gate-card input:focus{outline:none;border-color:#53B586;box-shadow:0 0 0 3px rgba(116,199,160,.2)}
.cmt-gate-card button{width:100%;background:#53B586;color:#06231a;border:none;border-radius:30px;
  padding:13px;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit}

.cmt-fab{position:fixed;right:18px;bottom:18px;z-index:9998;background:#0b2320;color:#fff;border:1px solid #1c3a3a;
  border-radius:30px;padding:11px 18px;font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:600;
  cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.35);display:flex;align-items:center;gap:8px}
.cmt-count{background:#53B586;color:#06231a;border-radius:20px;padding:1px 8px;font-size:12px;font-weight:700}

.cmt-panel{position:fixed;right:0;top:0;bottom:0;width:380px;max-width:92vw;z-index:9999;background:#0f2624;
  color:#dfe7e5;transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column;
  font-family:'Inter',system-ui,sans-serif;box-shadow:-18px 0 50px rgba(0,0,0,.4)}
.cmt-panel.open{transform:none}
.cmt-panel header{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #1c3a3a;flex-wrap:wrap}
.cmt-panel header b{font-size:15px;color:#fff}
.cmt-me{font-size:11.5px;color:#9fb1ad;display:flex;align-items:center;gap:6px}
.cmt-me i{font-style:normal;color:#74C7A0;font-weight:700}
.cmt-rename{background:none;border:none;color:#9fb1ad;text-decoration:underline;cursor:pointer;font-size:11.5px;font-family:inherit}
.cmt-close{margin-left:auto;background:none;border:none;color:#9fb1ad;font-size:24px;cursor:pointer;line-height:1}
.cmt-list{flex:1;overflow-y:auto;padding:14px 18px 40px}
.cmt-empty{font-size:13.5px;color:#9fb1ad;line-height:1.6}
.cmt-grp{margin-bottom:22px}
.cmt-grp h4{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:#74C7A0;margin:0 0 9px}
.cmt-item{background:#14302d;border:1px solid #1c3a3a;border-radius:10px;padding:11px 13px;margin-bottom:8px}
.cmt-meta{display:flex;align-items:center;gap:9px;margin-bottom:5px;font-size:11.5px;color:#9fb1ad}
.cmt-meta b{color:#fff;font-size:12.5px}
.cmt-meta button{margin-left:auto;background:none;border:none;color:#e0787d;cursor:pointer;font-size:11px;
  text-decoration:underline;font-family:inherit}
.cmt-item p{margin:0;font-size:13.5px;line-height:1.5;color:#dfe7e5}

.cmt-add{position:absolute;top:0;right:0;z-index:6;background:#1f7a63;color:#fff;border:none;
  font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:700;padding:5px 11px;border-radius:0 0 0 10px;
  cursor:pointer;opacity:0;visibility:hidden;transition:opacity .18s ease;display:flex;align-items:center;gap:6px}
.lp-section:hover > .cmt-add,.cmt-add.has{opacity:1;visibility:visible}
.cmt-badge{background:#F2EB9E;color:#4a4000;border-radius:20px;padding:0 6px;font-size:10px;font-weight:700}
.cmt-add:has(.cmt-badge){opacity:1;visibility:visible}

.cmt-box{position:absolute;top:26px;right:0;z-index:7;width:320px;max-width:90vw;background:#0f2624;
  border:1px solid #1c3a3a;border-radius:10px;padding:13px;box-shadow:0 18px 44px rgba(0,0,0,.45);
  font-family:'Inter',system-ui,sans-serif}
.cmt-box-h{font-size:11.5px;color:#9fb1ad;margin-bottom:8px}
.cmt-box-h b{color:#74C7A0}
.cmt-box textarea{width:100%;background:#14302d;border:1px solid #1c3a3a;border-radius:8px;color:#fff;
  padding:10px;font-size:13.5px;font-family:inherit;resize:vertical}
.cmt-box textarea:focus{outline:none;border-color:#74C7A0}
.cmt-box-a{display:flex;gap:8px;margin-top:9px}
.cmt-save{background:#53B586;color:#06231a;border:none;border-radius:20px;padding:8px 15px;font-weight:700;
  font-size:12.5px;cursor:pointer;font-family:inherit}
.cmt-cancel{background:none;border:none;color:#9fb1ad;font-size:12.5px;cursor:pointer;font-family:inherit}

@media(max-width:600px){
  .cmt-panel{width:100%}
  .cmt-fab{right:12px;bottom:12px;padding:10px 15px;font-size:13px}
  .cmt-box{width:min(320px,88vw)}
}