.uplog-item{display:block;padding:14px;border:1px solid var(--up-border);border-radius:12px;background:#fff;margin-bottom:10px;position:relative}
.uplog-title{margin:0 0 4px;font-size:16px}
.uplog-item .time{color:var(--up-muted);font-size:12px;margin-bottom:8px}
.uplog-note{white-space:pre-wrap}
.uplog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.uplog-edit{display:none}
.uplog-edit textarea{width:100%}

/* Kebab menu */
#uplog-widget .uplog-menu, .uplog-list .uplog-menu { position:absolute; top:8px; right:8px; }
#uplog-widget .uplog-menu-list, .uplog-list .uplog-menu-list { display:none; position:absolute; top:36px; right:0; background:#fff; border:1px solid var(--up-border); border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,.08); min-width:160px; z-index:50; overflow:hidden; }
#uplog-widget .uplog-menu-list.open, .uplog-list .uplog-menu-list.open { display:block;padding:3px; }
#uplog-widget .uplog-menu-list button, .uplog-list .uplog-menu-list button { display:block; width:100%; text-align:left; background:#fff; border:0; border-radius:6px;padding:10px 14px; cursor:pointer; color:#353535 }
#uplog-widget .uplog-menu-list button:hover, .uplog-list .uplog-menu-list button:hover { background:#f4f4f4; }

/* Icon buttons */
/* Base circular icon button */
#uplog-widget .up-btn-icon,
#uplog-widget .uplog-menu-btn {
  background:#fff;
  border:0px solid var(--up-border);
  color:#353535;
  width:40px;
  height:40px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  line-height:1;           /* avoid icon vertical wobble */
  box-sizing:border-box;   /* prevent size jump on border changes */
  transition: background-color .15s ease, box-shadow .15s ease, transform .05s ease;
  cursor:pointer;
}

/* Icon color inside */
#uplog-widget .up-btn-icon .fa-solid,
#uplog-widget .uplog-menu-btn .fa-solid {
  color:#353535;
}

/* Hover: stays perfectly round */
#uplog-widget .up-btn-icon:hover,
#uplog-widget .uplog-menu-btn:hover {
  background:#f5f5f5;
  border-color:var(--up-border);
  border-radius:50%;
  transform:translateZ(0);                 /* subtle smoothing */
  box-shadow:0 1px 2px rgba(0,0,0,.06);    /* optional depth */
}

/* Focus visible (keyboard) */
#uplog-widget .up-btn-icon:focus-visible,
#uplog-widget .uplog-menu-btn:focus-visible {
  outline:none;
  box-shadow:0 0 0 3px rgba(59,130,246,.25); /* soft ring */
  border-radius:50%;
}

/* Active press */
#uplog-widget .up-btn-icon:active,
#uplog-widget .uplog-menu-btn:active {
  transform:scale(.98);
  border-radius:50%;
}