/* IALA reusable comments sidebar */
.iala-cmt *{box-sizing:border-box;}
.iala-cmt{--blue:#005e90;--blue-dark:#00466b;--line:#e3e6ef;--muted:#7c8597;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}

/* toggle tab on the right edge */
.iala-cmt-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);
  background:var(--blue);color:#fff;border:none;cursor:pointer;z-index:9998;
  display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px 0 0 12px;
  font-size:13px;font-weight:700;box-shadow:0 4px 16px rgba(0,40,75,.28);
  transition:background .15s,transform .15s;}
.iala-cmt-tab:hover{background:#0a4d74;}
.iala-cmt-tab svg{width:20px;height:20px;}
.iala-cmt-tab .iala-cmt-count{background:#fff;color:var(--blue);min-width:20px;height:20px;
  border-radius:10px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;}

/* overlay (mobile) */
.iala-cmt-overlay{position:fixed;inset:0;background:rgba(12,22,40,.42);z-index:9998;
  opacity:0;visibility:hidden;transition:opacity .25s;}
.iala-cmt.open .iala-cmt-overlay{opacity:1;visibility:visible;}

/* panel */
.iala-cmt-panel{position:fixed;top:0;right:0;height:100%;width:370px;max-width:90vw;
  background:#fff;z-index:9999;display:flex;flex-direction:column;
  box-shadow:-8px 0 30px rgba(10,30,60,.18);
  transform:translateX(102%);transition:transform .28s cubic-bezier(.4,0,.2,1);}
.iala-cmt.open .iala-cmt-panel{transform:translateX(0);}

.iala-cmt-head{flex:0 0 auto;background:var(--blue);color:#fff;display:flex;align-items:center;
  gap:10px;padding:15px 16px;}
.iala-cmt-head h3{font-size:16px;font-weight:800;margin:0;flex:1;letter-spacing:.2px;}
.iala-cmt-head .iala-cmt-close{background:rgba(255,255,255,.16);border:none;color:#fff;width:30px;height:30px;
  border-radius:8px;cursor:pointer;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;}
.iala-cmt-head .iala-cmt-close:hover{background:rgba(255,255,255,.28);}

.iala-cmt-list{flex:1 1 auto;overflow-y:auto;padding:14px 16px;background:#f6f8fc;}
.iala-cmt-empty{color:var(--muted);font-size:13.5px;text-align:center;margin-top:24px;font-style:italic;}
.iala-cmt-item{background:#fff;border:1px solid #e9edf6;border-radius:11px;padding:11px 13px;margin-bottom:10px;
  box-shadow:0 2px 7px rgba(30,45,80,.05);}
.iala-cmt-item .iala-cmt-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;}
.iala-cmt-item .iala-cmt-name{font-size:13.5px;font-weight:800;color:var(--blue-dark);}
.iala-cmt-item .iala-cmt-time{font-size:11px;color:var(--muted);}
.iala-cmt-item .iala-cmt-body{font-size:13.5px;color:#28324a;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;}
.iala-cmt-actions{display:flex;gap:14px;margin-top:8px;}
.iala-cmt-act{background:none;border:none;padding:0;color:#8a93a6;font-size:12px;font-weight:700;cursor:pointer;}
.iala-cmt-act:hover{color:var(--blue);text-decoration:underline;}
.iala-cmt-act.del:hover{color:#c0392b;}
.iala-cmt-edit{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:13.5px;font-family:inherit;color:#1c2433;min-height:62px;resize:vertical;line-height:1.45;margin-top:2px;}
.iala-cmt-edit:focus{outline:none;border-color:#1b7fb5;box-shadow:0 0 0 3px rgba(27,127,181,.12);}

.iala-cmt-foot{flex:0 0 auto;border-top:1px solid var(--line);padding:12px 14px;background:#fff;}
.iala-cmt-as{font-size:12px;color:var(--muted);margin-bottom:7px;}
.iala-cmt-as b{color:var(--blue-dark);}
.iala-cmt-as a{color:var(--blue);cursor:pointer;text-decoration:underline;margin-left:6px;}
.iala-cmt-foot input,.iala-cmt-foot textarea{width:100%;border:1px solid var(--line);border-radius:9px;
  padding:9px 11px;font-size:13.5px;font-family:inherit;color:#1c2433;}
.iala-cmt-foot textarea{min-height:62px;resize:vertical;line-height:1.45;}
.iala-cmt-foot input:focus,.iala-cmt-foot textarea:focus{outline:none;border-color:#1b7fb5;box-shadow:0 0 0 3px rgba(27,127,181,.12);}
.iala-cmt-row{display:flex;gap:8px;align-items:center;margin-top:8px;}
.iala-cmt-btn{background:var(--blue);color:#fff;border:none;border-radius:9px;padding:9px 16px;
  font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s;}
.iala-cmt-btn:hover{background:#0a4d74;}
.iala-cmt-btn.ghost{background:#fff;color:var(--blue);border:1px solid var(--blue);}
.iala-cmt-btn.ghost:hover{background:#eef6fc;}
.iala-cmt-err{color:#c0392b;font-size:12px;font-weight:600;}

@media(max-width:600px){
  .iala-cmt-panel{width:100%;max-width:100%;}
  .iala-cmt-tab{padding:11px 12px;}
}
@media print{ .iala-cmt{display:none !important;} }